@mohou/ui 1.0.20

package/src/i18n/zh.ts

@@ -0,0 +1,290 @@
+import type { UiMessages } from './en';
+
+export const zh: UiMessages = {
+  common: {
+    today: '今天',
+    clear: '清除',
+    cancel: '取消',
+    confirm: '确认',
+    save: '保存',
+    delete: '删除',
+    search: '搜索…',
+    previous: '上一页',
+    next: '下一页',
+    copy: '复制',
+    close: '关闭',
+  },
+  datePicker: {
+    placeholder: '选择日期',
+  },
+  dateRangePicker: {
+    placeholder: '选择日期范围',
+  },
+  dateTimePicker: {
+    placeholder: '选择日期和时间',
+  },
+  dateTimeRange: {
+    start: '开始',
+    end: '结束',
+  },
+  timeRange: {
+    to: '至',
+  },
+  timezoneSelect: {
+    search: '搜索城市或时差…',
+    empty: '没有匹配的时区。',
+    common: '常用',
+    typeToSearch: (count: number) => `输入以搜索 ${count} 个时区`,
+    aria: (city: string) => `时区 ${city}`,
+  },
+  relativeDate: {
+    today: '今天',
+    last7d: '近 7 天',
+    last30d: '近 30 天',
+    sprint: '本迭代',
+    custom: '自定义',
+  },
+  searchInput: {
+    placeholder: '搜索…',
+  },
+  tagInput: {
+    placeholder: '添加标签…',
+  },
+  userPicker: {
+    placeholder: '选择用户',
+  },
+  passwordField: {
+    show: '显示密码',
+    hide: '隐藏密码',
+  },
+  numberField: {
+    decrease: '减少',
+    increase: '增加',
+  },
+  durationInput: {
+    hours: '时',
+    minutes: '分',
+    decrease: (unit: string) => `减少${unit}`,
+    increase: (unit: string) => `增加${unit}`,
+  },
+  copyable: {
+    copy: '复制',
+  },
+  confirmDialog: {
+    confirm: '确认',
+    cancel: '取消',
+  },
+  eventCalendar: {
+    today: '今天',
+    prev: '上一页',
+    next: '下一页',
+    month: '月',
+    week: '周',
+    day: '日',
+    year: '年',
+    agenda: '议程',
+    noEvents: '这段时间没有事件',
+    happeningNow: '正在进行',
+    noAppointments: '此刻没有预约或日程',
+    allDay: '全天',
+    newEvent: '新建事件',
+    editEvent: '编辑事件',
+    addEvent: '添加事件',
+    eventTitle: '事件标题',
+    titlePlaceholder: '标题',
+    descriptionPlaceholder: '描述',
+    start: '开始',
+    end: '结束',
+    save: '保存',
+    saveChanges: '保存更改',
+    createEvent: '创建事件',
+    delete: '删除',
+    more: (count: number) => `还有 ${count} 项`,
+    eventsCount: (count: number) => `${count} 个事件`,
+    allUsers: '全部',
+    selectUser: '选择用户',
+    clearFilter: '清除筛选',
+    settings: '日历设置',
+    settingsAria: '日历设置',
+    useDotBadge: '使用圆点标记',
+    use24Hour: '使用 24 小时制',
+    scrollHour: '起始小时',
+    agendaGroupBy: '议程分组方式',
+    groupByDate: '日期',
+    groupByColor: '颜色',
+    searchAgenda: '搜索事件…',
+    formatError: '日期格式化失败',
+    weekdays: ['一', '二', '三', '四', '五', '六', '日'],
+    weekdaysSun: ['日', '一', '二', '三', '四', '五', '六'],
+  },
+  dataGrid: {
+    search: '搜索…',
+    filterColumn: (label: string) => `筛选 ${label}…`,
+    clear: '清除',
+    clearFilters: '清除筛选',
+    noResults: '没有结果',
+    noResultsHint: '试试别的关键词，或清除列筛选。',
+    selectAll: '全选',
+    selectRow: '选择行',
+    row: '行',
+    rows: '行',
+    rowsLabel: '每页',
+    export: '导出',
+    view: '视图',
+    columns: '列',
+    previousPage: '上一页',
+    nextPage: '下一页',
+    selected: (count: number) => `已选 ${count} 项`,
+  },
+  fileDropzone: {
+    drop: '拖到这里，或点击选择文件',
+  },
+  kanbanIssue: {
+    assignee: '经办人',
+    reporter: '报告人',
+    updated: '更新',
+    unassigned: '未分配',
+    description: '描述',
+    noDescription: '暂无描述。',
+    comments: '评论',
+    noComments: '暂无评论。',
+  },
+  markdownEditor: {
+    edit: '编辑',
+    split: '分栏',
+    preview: '预览',
+  },
+  codeEditor: {
+    find: '查找',
+    replace: '替换',
+    next: '下一个',
+    previous: '上一个',
+    all: '全选',
+    matchCase: '区分大小写',
+    regexp: '正则',
+    byWord: '全词匹配',
+    replaceOne: '替换',
+    replaceAll: '全部替换',
+    close: '关闭',
+    goToLine: '转到行',
+    go: '跳转',
+    currentMatch: '当前匹配',
+    onLine: '位于行',
+  },
+  richText: {
+    placeholder: '写点什么…',
+    bold: '加粗',
+    italic: '斜体',
+    bullet: '无序列表',
+    ordered: '有序列表',
+    code: '代码',
+  },
+  pagination: {
+    previous: '上一页',
+    next: '下一页',
+    previousPage: '上一页',
+    nextPage: '下一页',
+  },
+  questionnaire: {
+    previous: '上一步',
+    skip: '跳过',
+    next: '下一步',
+    submit: '提交',
+  },
+  command: {
+    title: '命令面板',
+    description: '搜索要执行的命令…',
+  },
+  jiraWiki: {
+    empty: '空',
+  },
+  jqlInput: {
+    placeholder: 'project = TMS AND status = Open',
+  },
+  logViewer: {
+    title: '日志',
+    search: '搜索',
+    closeSearch: '关闭搜索',
+    pauseScroll: '暂停自动滚动',
+    resumeScroll: '恢复自动滚动',
+    copyAll: '复制全部日志',
+    copied: '已复制',
+    download: '下载日志',
+    clear: '清空日志',
+    filterPlaceholder: '过滤日志…',
+    clearSearch: '清除搜索',
+    empty: '暂无日志。',
+    emptySearch: '没有匹配的日志。',
+    newBelow: '下方有新日志',
+    scrollLatest: '滚到最新',
+    lines: (n: number) => `${n} 行`,
+    linesFiltered: (shown: number, total: number) => `${shown} / ${total} 行`,
+  },
+  envTable: {
+    empty: '没有环境变量。',
+    hideAll: '全部隐藏',
+    revealAll: '全部显示',
+    hideAllValues: '隐藏全部值',
+    revealAllValues: '显示全部值',
+    copyEnv: '复制 .env',
+    copied: '已复制！',
+    hideKey: (key: string) => `隐藏 ${key}`,
+    revealKey: (key: string) => `显示 ${key}`,
+    copyValue: (key: string) => `复制 ${key} 的值`,
+  },
+  commitGraph: {
+    empty: '没有提交。',
+    parent: '父提交',
+    parents: '父提交',
+    justNow: '刚刚',
+    minutesAgo: (n: number) => `${n} 分钟前`,
+    hoursAgo: (n: number) => `${n} 小时前`,
+    daysAgo: (n: number) => `${n} 天前`,
+  },
+  appError: {
+    title: '这个小程序出错了',
+    renderHint: '某个组件在渲染时抛出异常，面板其他部分不受影响。',
+    moduleHint: 'UI 代码没有加载成功，通常需要重新编译。',
+    uncaughtHint: '一个未被捕获的错误中断了当前视图。',
+    asyncHint: '一个后台任务失败且未被处理。',
+    retry: '重试',
+    details: '查看详情',
+    hideDetails: '收起详情',
+    reported: '已上报宿主',
+  },
+  listDetail: {
+    back: '返回列表',
+  },
+  formSheet: {
+    discardTitle: '放弃这次修改？',
+    discardBody: '改动还没有保存，现在关闭就会丢掉。',
+    keepEditing: '继续编辑',
+    discard: '放弃',
+  },
+  wizardShell: {
+    back: '上一步',
+    next: '下一步',
+    finish: '完成',
+    working: '处理中…',
+    stepOf: (n: number, total: number) => `第 ${n} / ${total} 步`,
+  },
+  settingsSplit: {
+    nav: '章节导航',
+  },
+  liveRefresh: {
+    live: 'LIVE',
+    off: '点击开启实时刷新',
+    paused: '已暂停',
+    refreshing: '刷新中…',
+    failed: '刷新失败',
+    turnOff: '关',
+    custom: '自定义',
+    customUnit: '分 · 回车',
+    customInvalid: '一位小数，0.1 到 99.9 分',
+    justNow: '刚刚',
+    secondsAgo: (n: number) => `${n}秒前`,
+    minutesAgo: (n: number) => `${n}分钟前`,
+    everySeconds: (n: number) => `每 ${n} 秒`,
+    everyMinutes: (n: number) => `每 ${n} 分钟`,
+  },
+}

package/src/index.ts

@@ -0,0 +1,151 @@
+/// <reference path="./cdn-modules.d.ts" />
+export { AppRuntime, useApp } from './sdk/use-app';
+export { agentEventType, eventType, llmEventType } from './sdk/use-app';
+export type { AgentEvent, AppHandle, LlmEvent } from './sdk/use-app';
+export { AppErrorBoundary, reportAppError } from './sdk/app-error-boundary';
+export * from './lib/utils';
+export * from './lib/icons';
+export * from './i18n/context';
+export * from './components/accordion';
+export * from './components/alert-dialog';
+export * from './components/alert';
+export * from './components/aspect-ratio';
+export * from './components/attachment';
+export * from './components/avatar';
+export * from './components/badge';
+export * from './components/breadcrumb';
+export * from './components/bubble';
+export * from './components/button-group';
+export * from './components/button';
+export * from './components/calendar';
+export * from './components/card';
+export * from './components/chart';
+export * from './components/checkbox';
+export * from './components/collapsible';
+export * from './components/combobox';
+export * from './components/command';
+export * from './components/context-menu';
+export * from './components/dialog';
+export * from './components/drawer';
+export * from './components/dropdown-menu';
+export * from './components/empty';
+export * from './components/field';
+export * from './components/hover-card';
+export * from './components/input-group';
+export * from './components/input';
+export * from './components/item';
+export * from './components/kbd';
+export * from './components/label';
+export * from './components/marker';
+export * from './components/menubar';
+export * from './components/message-scroller';
+export * from './components/message';
+export * from './components/native-select';
+export * from './components/navigation-menu';
+export * from './components/pagination';
+export * from './components/popover';
+export * from './components/progress';
+export * from './components/questionnaire';
+export * from './components/radio-group';
+export * from './components/resizable';
+export * from './components/scroll-area';
+export * from './components/select';
+export * from './components/separator';
+export * from './components/sheet';
+export * from './components/sidebar';
+export * from './components/skeleton';
+export * from './components/slider';
+export * from './components/spinner';
+export * from './components/switch';
+export * from './components/table';
+export * from './components/tabs';
+export * from './components/textarea';
+export * from './components/toast';
+export * from './components/toggle-group';
+export * from './components/toggle';
+export * from './components/tooltip';
+export * from './composites/autocomplete';
+export * from './composites/cascader';
+export * from './composites/color-picker';
+export * from './composites/confirm-dialog';
+export * from './composites/copyable';
+export * from './composites/currency-input';
+export * from './composites/date-picker';
+export * from './composites/date-range-picker';
+export * from './composites/date-time-picker';
+export * from './composites/date-time-range-picker';
+export * from './composites/duration-input';
+export * from './composites/live-refresh'
+export * from './composites/mini-calendar';
+export * from './composites/number-field';
+export * from './composites/password-field';
+export * from './composites/phone-input';
+export * from './composites/rating';
+export * from './composites/relative-date-picker';
+export * from './composites/search-input';
+export * from './composites/slider-range';
+export * from './composites/tag-input';
+export * from './composites/time-picker';
+export * from './composites/time-range-picker';
+export * from './composites/timezone-select';
+export * from './composites/transfer';
+export * from './composites/user-picker';
+export { AppCard, WorkbenchLibrary, appCardStyles, type AppCardExtra, type AppCardStyle } from '@mohou/app-view';
+export * from './products/cells';
+export * from './products/code-block';
+export * from './products/code-editor';
+export * from './products/commit-graph';
+export * from './products/data-grid';
+export * from './products/diff-viewer';
+export * from './products/markdown';
+export * from './products/markdown-editor';
+export * from './products/rich-text-editor';
+export * from './products/event-calendar';
+export * from './products/export-csv';
+export * from './products/file-dropzone';
+export * from './products/gantt';
+export * from './products/json-viewer';
+export * from './products/jira-wiki';
+export * from './products/jql-input';
+export * from './products/kanban';
+export * from './products/kanban-issue-panel';
+export * from './products/log-viewer';
+export * from './products/sortable-list';
+export * from './products/stepper';
+export * from './products/timeline';
+export * from './products/tree-view';
+export * from './blocks/activity-feed';
+export * from './blocks/app-shell';
+export * from './blocks/attachment-gallery';
+export * from './blocks/bar-chart';
+export * from './blocks/comment-thread';
+export * from './blocks/description-list';
+export * from './blocks/dashboard-shell';
+export * from './blocks/detail-panel';
+export * from './blocks/donut-chart';
+export * from './blocks/env-badge';
+export * from './blocks/env-table';
+export * from './blocks/form-sheet';
+export * from './blocks/file-tree';
+export * from './blocks/filter-bar';
+export * from './blocks/gauge';
+export * from './blocks/list-detail';
+export * from './blocks/notification-center';
+export * from './blocks/page-header';
+export * from './blocks/progress-ring';
+export * from './blocks/radar-chart';
+export * from './blocks/request-inspector';
+export * from './blocks/reveal';
+export * from './blocks/run-timeline';
+export * from './blocks/scrollspy';
+export * from './blocks/settings-split';
+export * from './blocks/severity-chip';
+export * from './blocks/sparkline';
+export * from './blocks/stat-card';
+export * from './blocks/status-badge';
+export * from './blocks/table-page';
+export * from './blocks/terminal';
+export * from './blocks/test-step-list';
+export * from './blocks/trend-card';
+export * from './blocks/wizard-shell';
+export * from './lib/illustrations';

package/src/lib/clipboard.ts

@@ -0,0 +1,10 @@
+/** Best-effort clipboard write. Never throws (iframe Permissions-Policy may block). */
+export async function writeClipboard(text: string): Promise<boolean> {
+  try {
+    if (!navigator.clipboard?.writeText) return false
+    await navigator.clipboard.writeText(text)
+    return true
+  } catch {
+    return false
+  }
+}

package/src/lib/defined.ts

@@ -0,0 +1,8 @@
+/** Drop keys whose value is missing so optional props stay omitted, not `undefined`. */
+export function skipUndef<T extends Record<string, unknown>>(props: T): Partial<T> {
+  const next: Record<string, unknown> = {}
+  for (const [key, value] of Object.entries(props)) {
+    if (value !== undefined) next[key] = value
+  }
+  return next as Partial<T>
+}

package/src/lib/icons.tsx

@@ -0,0 +1,16 @@
+/**
+ * Icon namespace re-export from lucide-react.
+ *
+ * Apps import it from the UI library (never from lucide-react directly):
+ *
+ *   import { Icon } from "@mohou/ui";
+ *   <Icon.HelpCircle size={16} strokeWidth={2} />
+ *
+ * The namespace keeps the whole lucide set available so authors aren't limited
+ * to a curated list; discovery is steered by skills/references/icons.md (a short
+ * "when to use" reference), not by dumping every icon name here. `Icon` accepts
+ * any lucide React component name (PascalCase).
+ */
+import * as Icon from "lucide-react";
+
+export { Icon };