@elaraai/east-ui

中文文档
1.0.107发布于 2026/11/13AGPL-3.0-or-laterTypeScriptES Module零依赖构建来源已验证近 30 天下载 4147

东 UI - 东语的 UI 组件

中文使用文档
文档目录12 节
  1. 特征
  2. 安装
  3. 快速启动
  4. 构成部分类别
  5. 文档
  6. 设计哲学
  7. 发展
  8. Claude 代码插件
  9. 许可证
  10. 生态系统
  11. 链接
  12. 关于埃拉拉

东方大学

东语的 UI 组件定义

License Node Version

东方大学 提供输入的 UI 组件定义 东方语言. 组件返回描述UI布局的数据结构,而不是直接渲染,使不同渲染环境中的可移植性得以实现.

特征

  • 版式组件 - 盒子, Stack, Grid, 分解器, 分解器
  • 类型 - 文本、代码、标题、链接、高亮、标记、列表、代码Block
  • 按钮 - 有变体和状态的按钮、图标按钮
  • 表单 - 字段、输入、选择、检查框、切换、滑动、文本区域、标签输入、文件上载
  • 收款 - 表、计划、数据列表、树影
  • 图表 - 区域、酒吧、行会、派会、雷达、散会、火花会、酒吧、酒吧
  • 反馈 - 警报,进步
  • 显示 - 徽章、塔克、神通、Stat、图标
  • 披露 - 手风琴、塔布斯、卡鲁塞尔
  • 重叠 - 对话框、绘图器、波波弗、工具提示、菜单、HoverCard、TogletTip、动作栏
  • 样式 - 类型安全样式变体(FontWight,TextAlign,ColorScheme,大小等)
  • 州管理层 - 状态读作/写作的平台功能

安装

npm install @elaraai/east-ui @elaraai/east

快速启动

import { East, ArrayType } from "@elaraai/east";
import { Stack, Text, Button, UIComponentType } from "@elaraai/east-ui";

// Define a UI component
const MyComponent = East.function(
    [],
    UIComponentType,
    $ => {
        return Stack.Root([
            Text.Root("Hello, World!", { fontSize: "xl", fontWeight: "bold" }),
            Button.Root("Click Me", { variant: "solid", colorPalette: "blue" }),
        ], { gap: "4", direction: "column" });
    }
);

// Convert to IR for serialization or rendering
const ir = MyComponent.toIR();

构成部分类别

类别构成部分说明
版式Box, (中文(简体) ), Stack, (中文(简体) ), Grid, (中文(简体) ), Splitter, (中文(简体) ), Separator集装箱和布局组件
类型Text, (中文(简体) ), Code, (中文(简体) ), Heading, (中文(简体) ), Link, (中文(简体) ), Highlight, (中文(简体) ), Mark, (中文(简体) ), List, (中文(简体) ), CodeBlock文本和打字组件
按钮Button, (中文(简体) ), IconButton交互式按钮组件
表单Input, (中文(简体) ), Select, (中文(简体) ), Checkbox, (中文(简体) ), Switch, (中文(简体) ), Slider, (中文(简体) ), Textarea, (中文(简体) ), TagsInput, (中文(简体) ), FileUpload, (中文(简体) ), Field窗体输入组件
收款Table, (中文(简体) ), Plan, (中文(简体) ), DataList, (中文(简体) ), TreeView数据显示组件
图表Chart.Line, (中文(简体) ), Chart.Column (纵向), Chart.Bar (横向), Chart.Area, (中文(简体) ), Chart.Scatter, (中文(简体) ), Chart.Band, (中文(简体) ), Sparkline数据可视化
显示Badge, (中文(简体) ), Tag, (中文(简体) ), Avatar, (中文(简体) ), Stat, (中文(简体) ), Icon视觉显示组件
反馈Alert, (中文(简体) ), Progress用户反馈组件
披露Accordion, (中文(简体) ), Tabs, (中文(简体) ), Carousel内容组织
重叠Dialog, (中文(简体) ), Drawer, (中文(简体) ), Popover, (中文(简体) ), Tooltip, (中文(简体) ), Menu, (中文(简体) ), HoverCard, (中文(简体) ), ToggleTip, (中文(简体) ), ActionBar重叠组件
集装箱Card内容容器

文档

  • 用户 - 综合指南,包括所有组成部分的例子
  • 东方文档 - 东部核心语文文件

设计哲学

东UI组件 声明性数据结构,不包含要素:

  1. 可移动性 - 用户界面定义可在任何环境中序列化和渲染
  2. 类型安全 - 对组件结构和型式进行全面编译时间检查
  3. 可编译性 - 组件是返回所输入值的东函数
  4. 关注的分离 - UI逻辑(East UI)与渲染(@elaai/east-ui-组件)分离

发展

npm run build     # Compile TypeScript
npm run test      # Run test suite (requires build)
npm run lint      # Check code quality

Claude 代码插件

东方生态系统也运载a 克劳德代码 插件 — East 语言技能, 实例搜索, 以及 East 代码的先发制人诊断 elaraai 市场:

# Inside Claude Code
/plugin marketplace add elaraai/east-workspace
/plugin install east@elaraai
# From a terminal
claude plugin marketplace add elaraai/east-workspace
claude plugin install east@elaraai

许可证

双重许可证:

生态系统

  • 东: statical地打出,以表达为主的语言有可序列的IR. 运行跨 TypeScript, Python, C 等运行时间的可移植逻辑.

    • @elaraai/东边: 有类型系统、表达式和参考JS编译器的核心语言SDK
  • 东节点: Node.js 平台用于I/O,数据库和系统操作的功能.

  • 东 C: C11本土运行时间用于执行东IR. 被压死 linux-x64 财务报告和审定财务报表 linux-arm64,附于每个 GitHub 发布.

    • east-c: Core 运行时间 — 类型系统, IR 解释器, 200+内置, 序列化( Beast2, JSON, CSV, East text)
    • east-c-std: 控制台、 文件系统、 获取、 加密、 时间、 路径、 随机
    • east-c-cli: 用于在本地运行 East IR 程序的 CLI
  • 东 Py: Python 运行时间,标准平台,I/O,以及数据科学平台功能. 发布至PyPI.

    • 东平: Core Python 运行时间——类型系统,IR编译器,212+内建,Cython加速热路
    • 东平-上: 控制台、 文件系统、 获取、 加密、 时间、 路径、 随机
    • 东比欧: SQLite, PostgreSQL, MySQL, MongoDB, Redis, S3, FTP, SFTP, XLSX, XML, 压缩
    • 东-平-克利: 用于在 Python 运行 East IR 程序的 CLI
    • 东平数据科学 (平价)+ @elaraai/东平数据科学 (npm):优化(MADS, Optuna, ALNS, GoogleOR),ML(XGBoost, LightGBM, NGBoost, PyTorch, Lightning, GP), 贝叶斯推论(PyMC),可解释性(SHAP),相通性预测(MAPIE)
  • 东方大学:已打入UI组件定义和React渲染器,外加VS代码预览.

  • e3——东行发动机: 大规模运行东方管线的持久执行引擎。 类似Git的内容可处理存储,自动记忆,反应数据流,实时监测.

关于埃拉拉

东方由 Elara AI Pty有限公司一个由AI驱动的平台 创造经济数字双胞胎 企业优化业绩。 Elara将业务目标、决定和数据结合起来,以帮助各组织在业务、采购、销售和客户参与以及项目和投资规划方面作出由数据驱动的决定。 东能给以埃拉拉解决方案的计算层,使得复杂的商业逻辑和数据能够以简单,类型安全和可移植的语言来表达.


开发者 Elara AI Pty有限公司。 。 。 .


开发者 Elara AI Pty有限公司 - 为AI驱动的商业优化的计算层提供动力.

版本与发布记录

@elaraai/east-ui 共发布 154 个版本,首次发布于 2025/12/01;过去 12 个月发布了 154 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
1.0.107latest2026/11/13今天
1.0.1062026/11/094 天前
1.0.1052026/11/085 天前
1.0.1042026/11/067 天前
1.0.1032026/11/049 天前
1.0.1022026/11/0310 天前

其他发布通道:beta → 0.0.1-beta.45。

关于 @elaraai/east-ui 的常见问题

@elaraai/east-ui 是什么?

东 UI - 东语的 UI 组件

如何安装 @elaraai/east-ui?

在项目目录运行 npm install @elaraai/east-ui,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:@elaraai/east(1.0.107)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@elaraai/east-ui 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@elaraai/east-ui 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@elaraai/east-ui 需要什么版本的 Node.js?

package.json 的 engines 字段要求 Node.js >=22.0.0。版本不符时 npm 默认只给出警告,开启 engine-strict 后会拒绝安装。

@elaraai/east-ui 可以商用吗?

@elaraai/east-ui 使用 AGPL-3.0-or-later 许可。最严格的 Copyleft:除分发外,通过网络向用户提供基于它的服务也需要开源对应源码。闭源 SaaS 使用前务必评估。以上为概括,不构成法律意见,请以许可原文为准。

@elaraai/east-ui 的下载量有多少?

根据 npm 官方下载统计,@elaraai/east-ui 在 2026/10/13 – 2026/11/11 这 30 天内被下载 4,147 次,日均约 138 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@elaraai/east-ui 还在维护吗?

最新版本 1.0.107 发布于 2026/11/13(今天);至今共发布 154 个版本,其中过去 12 个月发布了 154 个;首次发布于 2025/12/01。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。