# @bryntum/schedulerpro-trial 中文文档

规范地址：https://npmcn.com/package/%40bryntum/schedulerpro-trial/

版本：7\.3\.8
npm 元数据更新时间：2026-10-28T08:39:55.962Z
中文译文更新时间：2026-11-08T17:02:39.264Z
软件包许可：Commercial

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40bryntum/schedulerpro-trial
原文对照：https://npmcn.com/package/%40bryntum/schedulerpro-trial/?lang=original
项目主页：https://bryntum.com/products/schedulerpro/

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：48.3 MB，102 个文件
- 模块格式：CommonJS
- TypeScript 类型：包内自带
- Node.js 要求：\>=0\.10\.0
- 运行依赖：1 个
- 首次发布：2024-03-11T09:22:31.954Z
- 最新版本发布：2026-10-28T08:39:55.747Z
- 近 30 天下载量：4358（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：18（近 12 个月 17 个）

## 中文简介

Bryntum 调度器 Pro JavaScript 试验组件包

## 安装

```sh
npm install @bryntum/schedulerpro-trial
```

也可以使用：`pnpm add @bryntum/schedulerpro-trial`、`yarn add @bryntum/schedulerpro-trial`、`bun add @bryntum/schedulerpro-trial`

## README

  
  

[![Bryntum logo](https://bryntum.com/resources/bryntum_logo_blue.svg)](https://bryntum.com/)

  

# Bryntum 调度员 Pro(审判)

Bryntum Scheduler Pro是一个全能的资源调度器,支持广泛的功能. 它与React,Vue,Angular,或平地香草JS顺利融合.

关于Bryntum调度员Pro的更多信息,请访问 [Bryntum 调度器Pro站点](https://bryntum.com/products/schedulerpro/)

![Bryntum Scheduler Pro Screenshot](https://bryntum.com/products/schedulerpro/examples/meta/thumb.2048.png)

## 要点

-   专业人员 [排程引擎](https://bryntum.com/products/schedulerpro/examples/inline-data) 在节点.js的浏览器或服务器侧运行,用于基于复杂约束的调度
-   [自动抚养管理](https://bryntum.com/products/schedulerpro/examples/dependencies) 通过任务网络进行串联更新
-   [资源直方图](https://bryntum.com/products/schedulerpro/examples/resourcehistogram) 可视化分配峰值和突出超载资源
-   [以技能为基础的任务](https://bryntum.com/products/schedulerpro/examples/skill-matching) 以所需能力匹配任务和资源
-   [嵌入事件支持](https://bryntum.com/products/schedulerpro/examples/nested-events-dependencies) 父子关系和复杂工作流程
-   [旅行时间会计](https://bryntum.com/products/schedulerpro/examples/travel-time) 实际规划地点间通勤的因素
-   [解决冲突](https://bryntum.com/products/schedulerpro/examples/conflicts) 检测时间安排与智能解析建议相冲突
-   [了解日历的时间安排](https://bryntum.com/products/schedulerpro/examples/calendar-editor) 工作时间、假日和轮班限制
-   [约束处理](https://bryntum.com/products/schedulerpro/examples/constraints) 执行 " 不提前启动 " 和其他项目规则
-   [自定义任务编辑器](https://bryntum.com/products/schedulerpro/examples/taskeditor) 为事件、资源和依赖性设置标签
-   [加热可视化](https://bryntum.com/products/schedulerpro/examples/tree-summary-heatmap) 在树摘要中显示资源利用率
-   [反应](https://bryntum.com/products/schedulerpro/examples/?framework=react), (中文(简体) ), [阴道](https://bryntum.com/products/schedulerpro/examples/?framework=vue),以及 [角质](https://bryntum.com/products/schedulerpro/examples/?framework=angular) 带有本地框架图案的包装

## 软件包内容

| 路径 | 说明 |
| --- | :-: |
| `fonts/` | 蒙特塞拉特波平斯和RobotoFlex字体 |
| `fontawesome/` | FontAsome 图标和 Webfonts |
| `locales/` | 30+语言本地化文件 |
| `schedulerpro.module.js`, (中文(简体) ), `schedulerpro.umd.js` | JavaScript 捆绑( ES 模块和 UMD 格式) |
| `schedulerpro.css` | 结构CSS(需要) |
| `*.d.ts` | 类型脚本类型定义 |
| `*.css` | 主题样式表 |

**说明:** 试件包不包括精密的捆绑,源地图,或源文件.

## 支持的版本

-   [节点JS](https://nodejs.org/en)数字 : `>= 20.0.0`
-   [类型脚本](https://www.typescriptlang.org/)数字 : `>= 3.6.0`
-   [角质](https://angularjs.org/)数字 : `>= 9.0.0`
-   [反应](https://react.dev/)数字 : `>= 16.0.0`
-   [阴道](https://vuejs.org/)数字 : `>= 3.0.0`
-   [维特](https://vite.dev/)数字 : `>= 4.0.0`
-   [网络软件包](https://webpack.js.org/)数字 : `>= 4.0.0`

## 尝试 Bryntum 在线演示

探索我们综合收集的演示文稿:

-   [查看在线演示](https://bryntum.com/products/schedulerpro/examples/)
-   [JavaScript 演示文稿](https://bryntum.com/products/schedulerpro/examples/?framework=javascript)
-   [反应演示文稿](https://bryntum.com/products/schedulerpro/examples/?framework=react)
-   [Vue Demos 语录](https://bryntum.com/products/schedulerpro/examples/?framework=vue)
-   [角分数](https://bryntum.com/products/schedulerpro/examples/?framework=angular)

## 安装

这是一个 **试验包** 功能有限.

### 为什么用npm异形?

试验包使用 npm 化名安装 `@bryntum/schedulerpro-trial` 下划线 `@bryntum/schedulerpro` 名称。 这种办法 提供无缝升级路径 - 当您购买许可证时, 您只需要更新在 `package.json` 不更改任何应用程序代码.

使用 `npm`数字 :

```shell
npm install @bryntum/schedulerpro@npm:@bryntum/schedulerpro-trial@latest
```

或者说用 `yarn`数字 :

```shell
yarn add @bryntum/schedulerpro@npm:@bryntum/schedulerpro-trial@latest
```

或者,添加到 `package.json` 依赖性 :

```json
"dependencies": {
  "@bryntum/schedulerpro": "npm:@bryntum/schedulerpro-trial@latest"
}
```

拜访我们 [npm 仓库指南](https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/npm-repository) 学习更多关于安装和迁移的 尝试到许可的软件包.

## 利用人工智能探员?

一个 AI 助手编写工作 Bryntum 调度器 Pro 代码的最快路径 :

1.  **MCP服务器.** 配置您的代理服务器为 Bryntum MCP 服务器, 以获取禁用、 版本正确的答案 : [设置指南](https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/ai-features/mcp-server?utm_source=ax-npm)。 。 。 .
2.  **特工技能。 。 .** 安装 [布林图姆技能](https://github.com/bryntum/skills) 用于 Claude 代码、光标或 Codex——它将公约捆绑在下面.

特工常用的试验包陷阱:

-   **斯道尔训练数据.** Bryntum 船打破了变化; 不要信任您记得的 API 形状 。 检查 [https://bryntum.com/出品/日程安排pro/docs](https://bryntum.com/products/schedulerpro/docs) 先说.
-   **你是在审判.** 软件包安装为 `@bryntum/schedulerpro-trial` 但别名改为 `@bryntum/schedulerpro` —— 说 导入路径必须使用别名(`@bryntum/schedulerpro`) (中文(简体) ). 要升级到许可证软件包,请将别名改为 `"npm:@bryntum/schedulerpro@latest"`; 不重写导入.
-   **试验捆绑没有精密化** 并包含一个水印;这是预期的,不是错误.
-   **CSS (英语).** 导入字体, `schedulerpro.css` (结构),并作主题.
-   **框架包装** (单位:千美元)`@bryntum/schedulerpro-react`, (中文(简体) ), `-angular`, (中文(简体) ), `-vue-3`) 需要核心 `@bryntum/schedulerpro` 软件包; 运行时只安装包装失败 .
-   **类型脚本** 装入 `*.d.ts` ;不要手卷接口.

## 快速启动

### 香草 Java 脚本

```javascript
import { SchedulerPro } from '@bryntum/schedulerpro';
import './style.css';

const schedulerPro = new SchedulerPro({
    appendTo   : 'app',
    startDate  : new Date(2026, 0, 1),
    endDate    : new Date(2026, 1, 10),
    rowHeight  : 60,
    barMargin  : 15,
    eventStyle : 'colored',
    viewPreset : 'hourAndDay',
    columns    : [
        { text : 'Name', field : 'name', width : 160 }
    ],
    project : {

        resources : [
            { id : 1, name : 'Dan Stevenson' },
            { id : 2, name : 'Talisha Babin' },
            { id : 3, name : 'Michael Chen' },
            { id : 4, name : 'Sophia Rodriguez' },
            { id : 5, name : 'Arjun Mehta' }
        ],
        events : [
            { id : 1,  startDate : '2026-01-01', duration : 3, durationUnit : 'd', name : 'Project Kickoff' },
            { id : 2,  startDate : '2026-01-04', duration : 4, durationUnit : 'd', name : 'Requirement Gathering' },
            { id : 3,  startDate : '2026-01-08', duration : 5, durationUnit : 'd', name : 'UI/UX Design' },
            { id : 4,  startDate : '2026-01-13', duration : 7, durationUnit : 'd', name : 'Backend Development' },
            { id : 5,  startDate : '2026-01-20', duration : 6, durationUnit : 'd', name : 'Frontend Development' },
            { id : 6,  startDate : '2026-01-26', duration : 4, durationUnit : 'd', name : 'API Integration' },
            { id : 7,  startDate : '2026-01-30', duration : 3, durationUnit : 'd', name : 'Testing & QA' },
            { id : 8,  startDate : '2026-02-02', duration : 2, durationUnit : 'd', name : 'Client Review' },
            { id : 9,  startDate : '2026-02-04', duration : 3, durationUnit : 'd', name : 'Bug Fixing' },
            { id : 10, startDate : '2026-02-07', duration : 2, durationUnit : 'd', name : 'Final Deployment' }
        ],
        assignments : [
            { event : 1,  resource : 1 },
            { event : 2,  resource : 2 },
            { event : 3,  resource : 3 },
            { event : 4,  resource : 4 },
            { event : 5,  resource : 5 },
            { event : 6,  resource : 3 },
            { event : 7,  resource : 2 },
            { event : 8,  resource : 1 },
            { event : 9,  resource : 4 },
            { event : 10, resource : 5 }
        ],
        dependencies : [
            { fromEvent : 1, toEvent : 2 },
            { fromEvent : 2, toEvent : 3 },
            { fromEvent : 3, toEvent : 4 },
            { fromEvent : 4, toEvent : 5 },
            { fromEvent : 5, toEvent : 6 },
            { fromEvent : 6, toEvent : 7 },
            { fromEvent : 7, toEvent : 8 },
            { fromEvent : 8, toEvent : 9 },
            { fromEvent : 9, toEvent : 10 }
        ]
    }
});
```

在那个 `style.css`数字 :

```css
/* FontAwesome is used for icons */
@import "@bryntum/schedulerpro/fontawesome/css/fontawesome.css";
@import "@bryntum/schedulerpro/fontawesome/css/solid.css";
/* Structural CSS */
@import "@bryntum/schedulerpro/schedulerpro.css";
/* Bryntum theme of your choice */
@import "@bryntum/schedulerpro/svalbard-light.css";
```

访问我们的 Java 脚本 [快速启动指南](https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/quick-start/javascript-npm) 学习更多.

## 主题

### Svalbad( 默认)

| 光线 | 阴暗 |
| --- | :-: |
| [![Svalbard Light](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.svalbard-light.png)](https://bryntum.com/products/schedulerpro/examples/skill-matching/?theme=svalbard-light) | [![Svalbard Dark](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.svalbard-dark.png)](https://bryntum.com/products/schedulerpro/examples/skill-matching/?theme=svalbard-dark) |

### 斯德哥尔摩

| 光线 | 阴暗 |
| --- | :-: |
| [![Stockholm Light](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.stockholm-light.png)](https://bryntum.com/products/schedulerpro/examples/skill-matching/?theme=stockholm-light) | [![Stockholm Dark](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.stockholm-dark.png)](https://bryntum.com/products/schedulerpro/examples/skill-matching/?theme=stockholm-dark) |

### 维斯比

| 光线 | 阴暗 |
| --- | :-: |
| [![Visby Light](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.visby-light.png)](https://bryntum.com/products/schedulerpro/examples/skill-matching/?theme=visby-light) | [![Visby Dark](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.visby-dark.png)](https://bryntum.com/products/schedulerpro/examples/skill-matching/?theme=visby-dark) |

### 材料3

| 光线 | 阴暗 |
| --- | :-: |
| [![Material 3 Light](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.material3-light.png)](https://bryntum.com/products/schedulerpro/examples/skill-matching/?theme=material3-light) | [![Material 3 Dark](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.material3-dark.png)](https://bryntum.com/products/schedulerpro/examples/skill-matching/?theme=material3-dark) |

### 高对比度

| 光线 | 阴暗 |
| --- | :-: |
| [![High Contrast Light](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.high-contrast-light.png)](https://bryntum.com/products/schedulerpro/examples/skill-matching/?theme=high-contrast-light) | [![High Contrast Dark](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.high-contrast-dark.png)](https://bryntum.com/products/schedulerpro/examples/skill-matching/?theme=high-contrast-dark) |

### 流利的 2

| 光线 | 阴暗 |
| --- | :-: |
| [![Fluent 2 Light](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.fluent2-light.png)](https://bryntum.com/products/schedulerpro/examples/skill-matching/?theme=fluent2-light) | [![Fluent 2 Dark](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.fluent2-dark.png)](https://bryntum.com/products/schedulerpro/examples/skill-matching/?theme=fluent2-dark) |

关于自定义主题的更多信息,请参见: [样式指南](https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/customization/styling)。 。 。 .

## 框架整合

Bryntum 调度器 Pro为通俗框架提供一等的包装. 每个包装都遵循本地框架模式 和生命周期管理.

**说明:** 框架包装是公开的,可以正常安装. 它们要求有核心包.

### 反应

```shell
npm install @bryntum/schedulerpro-react@latest
```

拜访我们 [反应快速启动指南](https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/quick-start/react) 学习更多.

### 角质

```shell
npm install @bryntum/schedulerpro-angular@latest
```

拜访我们 [角快启动指南](https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/quick-start/angular) 学习更多.

### 第3组

```shell
npm install @bryntum/schedulerpro-vue-3@latest
```

拜访我们 [Vue 快速启动指南](https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/quick-start/vue-3) 学习更多.

## 探索所有Bryntum 产品

-   [Bryntum 网格](https://bryntum.com/products/grid/) - 高性能数据网
-   [Bryntum 调度器](https://bryntum.com/products/scheduler/) - 资源调度部分
-   [Bryntum 调度器 Pro](https://bryntum.com/products/schedulerpro/) - 有依赖关系的高级排程
-   [布林图姆·甘特](https://bryntum.com/products/gantt/) - 项目规划和管理
-   [布林图姆日历](https://bryntum.com/products/calendar/) - 完整的日历组件
-   [Bryntum 任务板](https://bryntum.com/products/taskboard/) - 坎班式任务管理

探索我们综合收集的演示文稿:

| 产品 | ![JavaScript](https://bryntum.com/products/grid/docs/data/Core/images/logo/js.svg)  
Java 脚本 | ![React](https://bryntum.com/products/grid/docs/data/Core/images/logo/react.svg)  
反应 | ![Vue](https://bryntum.com/products/grid/docs/data/Core/images/logo/vue.svg)  
阴道 | ![Angular](https://bryntum.com/products/grid/docs/data/Core/images/logo/angular.svg)  
角质 |
| --- | :-: | :-: | :-: | :-: |
| **网格** | [网格 JavaScript 演示](https://bryntum.com/products/grid/examples/?framework=javascript) | [网格反应演示](https://bryntum.com/products/grid/examples/?framework=react) | [网格 Vue 演示](https://bryntum.com/products/grid/examples/?framework=vue) | [网格角演示](https://bryntum.com/products/grid/examples/?framework=angular) |
| **调度器** | [JavaScript 演示](https://bryntum.com/products/scheduler/examples/?framework=javascript) | [调度器反应演示](https://bryntum.com/products/scheduler/examples/?framework=react) | [调度员 Vue 演示](https://bryntum.com/products/scheduler/examples/?framework=vue) | [调度器](https://bryntum.com/products/scheduler/examples/?framework=angular) |
| **调度器Pro** | [调度器 Pro JavaScript 演示](https://bryntum.com/products/schedulerpro/examples/?framework=javascript) | [排程器 Pro React 演示](https://bryntum.com/products/schedulerpro/examples/?framework=react) | [调度器 Pro Vue 演示](https://bryntum.com/products/schedulerpro/examples/?framework=vue) | [排程器 Pro Angular 演示](https://bryntum.com/products/schedulerpro/examples/?framework=angular) |
| **甘特语** | [甘特Java脚本演示](https://bryntum.com/products/gantt/examples/?framework=javascript) | [甘特反应演示](https://bryntum.com/products/gantt/examples/?framework=react) | [Gantt Vue 演示](https://bryntum.com/products/gantt/examples/?framework=vue) | [Gantt 角力演示](https://bryntum.com/products/gantt/examples/?framework=angular) |
| **日历** | [日历 JavaScript 演示](https://bryntum.com/products/calendar/examples/?framework=javascript) | [日历反应演示](https://bryntum.com/products/calendar/examples/?framework=react) | [日历 Vue 演示](https://bryntum.com/products/calendar/examples/?framework=vue) | [日历角演示](https://bryntum.com/products/calendar/examples/?framework=angular) |
| **任务栏** | [任务板 JavaScript 演示](https://bryntum.com/products/taskboard/examples/?framework=javascript) | [任务板反应演示](https://bryntum.com/products/taskboard/examples/?framework=react) | [任务板 Vue 演示](https://bryntum.com/products/taskboard/examples/?framework=vue) | [任务板角演示](https://bryntum.com/products/taskboard/examples/?framework=angular) |

## 在线参考资料

-   [Bryntum 调度器 文件](https://bryntum.com/products/schedulerpro/docs/)
    
-   [Bryntum 调度器](https://bryntum.com/products/schedulerpro/examples/)
    
-   [布林图姆支持论坛](https://forum.bryntum.com/)
    
-   [联系我们](https://bryntum.com/contact/)
    

## 许可证和版权

Bryntum Scheduler Pro是商业软件,需要付费许可证. 请访问 [Bryntum 调度器 Pro 终端用户许可证](https://bryntum.com/products/license/) 执照的全文.

版权所有:2009-2026年,Bryntum 版权所有.

## 常见问题

### @bryntum/schedulerpro-trial 是什么？

Bryntum 调度器 Pro JavaScript 试验组件包

### 如何安装 @bryntum/schedulerpro-trial？

在项目目录运行 npm install @bryntum/schedulerpro-trial，或使用 pnpm add / yarn add / bun add。

### @bryntum/schedulerpro-trial 支持 TypeScript 吗？

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

### @bryntum/schedulerpro-trial 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @bryntum/schedulerpro-trial 需要什么版本的 Node\.js？

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

### @bryntum/schedulerpro-trial 可以商用吗？

@bryntum/schedulerpro-trial 使用 Commercial 许可。声明的许可为 Commercial，请阅读许可原文确认使用条件。以上为概括，不构成法律意见，请以许可原文为准。

### @bryntum/schedulerpro-trial 的下载量有多少？

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

### @bryntum/schedulerpro-trial 还在维护吗？

最新版本 7\.3\.8 发布于 2026/10/28（11 天前）；至今共发布 18 个版本，其中过去 12 个月发布了 17 个；首次发布于 2024/03/11。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。