备受瞩目的PRO是Embedable的可生产组件套件.

值得注意的 PRO 是用于内部的组件库 可嵌入。 。 。 .

它规定 可嵌入 在主题内通过 CSS 变量进行可准备的组件、编辑器和颗粒形状.

在引擎盖下 它使用开源 显著的 UI 图书馆.

* 安装

npm install @embeddable.com/remarkable-pro

QQ 设置( 可装入. config.ts)

export default defineConfig({
  ...
  componentLibraries: ["@embeddable.com/remarkable-pro"]
});

值得注意的项目包括:

• 所有核心可视化:栏,行,馅饼/杜努特,KPI牌,表,热映射等.
• 所有必要的控制:下放,多选择,取枣(UTC-safe),以及-自定义过滤.
• 内置交互:每个图表都支持点击来过滤.
• i18n:国际化,内置.
• 一致的颜色:自动的色彩值任务. 还有很多.

主题样式

构件和编辑部分 显著的 UI 库,使用自己的 设计系统 来塑造他们.

要更新此样式, 只需在根嵌入处指定您的 Css 变量覆盖 。 主题.ts文件.

const themeProvider = (clientContext: any, parentTheme: Theme): Theme => {
  const newTheme: DeepPartial<Theme> = {
    styles: {
      '--em-button-background--primary': 'gray',
      '--em-card-border-radius': '20px',
      ...
    },
  };
  const theme = defineTheme(parentTheme, newTheme) as Theme;
  return theme;
};

项目结构

src/
  assets/        # Icons and static assets
  components/    # Chart, table, editor components
  editors/       # Editor components and utilities
  theme/         # Theme constants, types, and utils
  types/         # Shared TypeScript types
  utils.ts/      # Utility functions

捐款

我们欢迎反馈和贡献!

1. 叉子存储器
2. 创建特性分支
3. 提交更改
4. 打开拉动请求

请遵循我们的代码样式 并添加测试新特性.

许可证

麻省理工学院——见 LICENSE 详细文件.