@ contraagent/ ui (英语)
反向显示器及其作为网络组件的每一种视图(Lit):
<ca-monitor> 是整个监视器,每个视图都是自己的一部分,
从记录到时间表 元素使您设定的数据
属性和报告读者要求的事件;它从不获取
除非它是少数 尾巴的活饲料之一。 他们的工作在任何一页或
框架。 数据来自 @contraagent/api; 数据
通用部件由(设计符号、主题、原始、, cae-*
要素) @contraagent/elements,一个包
它自己的页面不需要相反的数据.
这里使用的单词(运行,任务,尝试,圆,元素,视图路径,.)是
反面剂,每个都有一个意义: contraagent docs concepts 在平顶山
软件包.
获得它
每个显示器都作为ES模块在 /app.js: 要素
登记自己,客户、商店和助手是其出口品。 开始
显示器 --cors-origin 指定您的页面来源.
<script type="module" src="http://127.0.0.1:8787/app.js"></script>
<ca-monitor base-url="http://127.0.0.1:8787" history="memory"></ca-monitor>
从 npm 注册中安装软件包, 这将带来 @contraagent/api 财务报告和审定财务报表
@contraagent/elements 用它来:
npm install @contraagent/ui
检查寄存器组装自己的版本( I)用从一
离职) (中文(简体) ). 在一页中
一个构建步骤,导入软件包一次:每个元素都自行登记。 立特和
Lit localize 是同级依赖。 导入页面中没有任何其它更改 :
调用 configureLocales() 语文 adoptThemes(document) 联 合 国
主题,或让 <ca-monitor> 连接时拨打两者.
import '@contraagent/ui';
import { configureLocales } from '@contraagent/ui/localize';
import { adoptThemes } from '@contraagent/elements/themes';
configureLocales();
adoptThemes(document);
仅一种观点就是一种子路径;它记录了它的 ca-* 要素和 cae-*
而不是其他观点:
import '@contraagent/ui/transcript'; // <ca-transcript>
观点是: monitor, (中文(简体) ), overview, (中文(简体) ), pipeline-graph, (中文(简体) ), task-view, (中文(简体) ),
transcript, (中文(简体) ), task-table, (中文(简体) ), journal-table, (中文(简体) ), contracts, (中文(简体) ), definitions, (中文(简体) ),
kpis, (中文(简体) ), timeline 财务报告和审定财务报表 procs。 。 。 . adapters, (中文(简体) ), words, (中文(简体) ), core 财务报告和审定财务报表 localize
拥有职能和登记无任何记录. @contraagent/ui/bundle 是一个
页面自成一体、精密的模块(文本和翻译)
没有建设步骤.
意见
每张图都通过演示管道的运行, 在逆光的主题.
打开 文档网站,每个视图均以原点代替 它的截图, 以同样的运行.
<ca-monitor>,整个显示器(monitor:跑步头,其分页,并作综述.
<ca-pipeline-graph> (单位:千美元)pipeline-graph:按函数和回路来流动,每个任务一个标记.
<ca-task-view> (单位:千美元)task-view:一个任务的代理会话,笔录,输入,输出和定义.
<ca-journal-table> (单位:千美元)journal-table:每一次尝试都有结果,编码代理,模型,符号,成本和时间.
<ca-task-table> (单位:千美元)task-table: 每一个任务及其地位.
<ca-contracts> (单位:千美元)contracts: 每一个已检查的文件及其结果.
<ca-definitions> (单位:千美元)definitions:每种类型的接口及其插件的文件.
<ca-kpis> (单位:千美元)kpis:跑跑的总和. 计算任务或尝试的瓷砖就是与它们的联系 no-highest-cost 将成本最高的那类从成本平板上划出, 用于显示成本的一页.
<ca-timeline> (单位:千美元)timeline:每次尝试作为时间轴上的一个栏杆,每条车道.
借出时用
在仓库里 web/ (节点22,pnpm通过) corepack enable:
pnpm install && pnpm tarballs
pnpm tarballs 正在建设 @contraagent/api, (中文(简体) ), @contraagent/elements 财务报告和审定财务报表
@contraagent/ui 写一个 .tgz 每个文件 web/tarballs/A级
柏油球用绝对的路径来命名它所依赖的其他人。 然后,进入
您的工程, 用 npm 或 pnpm 安装 3 :
npm install <checkout>/web/tarballs/*.tgz
pnpm add <checkout>/web/tarballs/*.tgz
文档
- 嵌入显示器: 页面或应用程序中的整个显示器.
- 实时数据:客户端提供的元素,活性饲料和商店.
- 事件和取景路线:元素要求什么,以及显示器如何保持读者的位置.
- 他们: 颜色和字体为
--ca-*自定义属性. - 语文:英语和日语,如何添加一种语言.
每个元素的属性、属性和事件都在 custom-elements.json, (中文(简体) ),
与软件包一起生成源代码.
A 类 ::code 线条引用软件包的文件 文档网站 显示已设置的引用行。 这些声明及其评论载于 dist/**/*.d.ts。 。 。 .