• 可读时间
  • 概览
    • 常规
    • 目的
    • 详细说明
    • 使用量
  • 运行命令
  • 可用命令
  • 所有权
  • 翻译

可读时间

这个库是用 @ box/ 自定义. 如何执行任务的概况 在生成的库中查找 运行任务 Nx 文档

概览

常规

这个 可读时间 共享特性出口a ReadableTime 反应组件和一个纯 getReadableTime 函数 将时间戳格式化为可读字符串. 所有与时间有关的逻辑都包含在 getReadableTime 函数,而 ReadableTime 组件用途 它可以在UI中显示格式化的时间戳.

可读时间 返回/显示相对时间(如"2小时前")或绝对日期(如"Oct 5, 2018") 属性和当前日期.

该构成部分和职能均采用国际化方法 react-intl 支持多种语言和语言. 这个 ReadableTime 组件获取 intl 对象从上下文 getReadableTime 函数 作为参数收到.

目的

《公约》的主要目的 可读时间 共享的特性是以简单的方式格式和显示时间戳 供用户理解. 它可以处理各种情况,例如显示今天、昨天或具体日期的时间,并且可以包括: 如果需要,时间为当天.

详细说明

关于该组件的详细描述,请参见: src/lib/stories/additional-description.md 文档. 蓝图文件中也有其他资料 时间 可读 时间页。 。 。 .

使用量

可读时间的质量是,它可以用作组件或函数.

import { ReadableTime } from '@box/readable-time';

const App = () => {
    return <ReadableTime timestamp={1742817318888} />;
};

import { getReadableTime } from '@box/readable-time';
import { createIntl } from 'react-intl';

const intl = createIntl({ locale: 'en' });
const readableTime = getReadableTime({ timestamp: Date.now(), intl });

运行命令

您的终端应该留在寄存器根目录的位置, 即 frontend-mono。允许 Nx 运行 操作针对您的项目,或者必要时多个项目. 不导航到 packages/group-shared-features/readable-time 以运行命令.

项目的命令使用 Nx 使用的语法运行 :

Syntax: yarn nx <target name> <project name> <option overrides>
                      |              |                |
Example: yarn nx    test         products         --watch

可用命令

所有使用 Nx 的命令都可以在 project.json 文档.

• nx storybook readable-time - 发射UI组件的开发环境.
• nx build-storybook readable-time - 建立静态版本的故事书 与所有的故事.
• nx build readable-time - 使用 shared-feature-builder 执行器从 automation 软件包.
• nx build readable-time --watch - 以启用 -- watch 旗构建软件包,用于重建 dist 内容基于 变动 src。 。 。 .
• nx lint readable-time - 运行linter过包文件.
• nx test readable-time - 进行故事书测试(视频/互动)和笑话单元测试,制作报道报告 结束.
• nx test-storybook readable-time - 做故事书测试 您需要首先在单独的终端开始故事本 这工作.
• nx test-storybook-local-coverage readable-time - 进行故事书测试,并在最后制作报道报告. 需要运行的故事书实例.
• nx test-storybook-ci readable-time - 建立故事书,并进行故事书测试,提供覆盖产出。 为CI设计 用途.
• nx test-jest readable-time - 运行滑稽单元测试, 产生代码覆盖结尾.
• nx sonar readable-time - 使用声纳Qube工具对代码进行静态分析,以检测出臭虫和代码的气味. 集成为CI进程的步骤之一.
• nx chromatic readable-time - 上传故事书,供审查 框色调 ,以及 将UI变化与基线进行直观比较.
• nx prepare readable-time - 在Nx Release安排的软件包发布过程中运行命令.

所有权

特性的代码属于莫吉团队. 拥有团队的责任包括对代码质量的控制,提供 * 修改准则,并就修改问题与其他小组保持一致。 与下列各方磋商将是一种良好做法: 团队,拥有或请求,将负责执行代码修改.

翻译

每个地方 i18n/*.js 档案由莫吉·詹金斯管道生成和完成。 共享特性构建器复制到 dist/i18n/ 期间 build中的软件包 i18n.config.js 下级 translationDependencies。 。 。 .