# @bryntum/schedulerpro-thin-trial 中文文档

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

版本：7\.3\.8
npm 元数据更新时间：2026-10-28T08:38:54.354Z
中文译文更新时间：2026-11-09T22:56:54.314Z
软件包许可：Commercial

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

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

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

- 包体积（解压后）：12.1 MB，282 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- Node.js 要求：\>=0\.10\.0
- 运行依赖：0 个
- 首次发布：2026-01-22T12:06:09.534Z
- 最新版本发布：2026-10-28T08:38:54.067Z
- 近 30 天下载量：1702（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：17（近 12 个月 17 个）

## 中文简介

Bryntum 调度器 Pro JavaScript 薄试验组件包

## 安装

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

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

## README

  
  

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

  

# Bryntum 调度器 Pro Thin( 审判)

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

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

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

## 什么是"瘦"套装?

这个 **细包** 仅包含产品特定代码和样式,使其理想于:

-   **结合多种Bryntum产品** 在单一申请中
-   **减少捆绑大小** - 使用多种产品时不重复代码
-   **避免运行时间冲突** - 防止重复的类别登记

### 细度对正则软件包

| 软件包类型 | 包含 | 最佳服务 |
| --- | :-: | :-: |
| **经常** (单位:千美元)`@bryntum/schedulerpro`(中文(简体) ) | 产品 + 所有依赖性  
(例如,调度器包括网格+核心) | 单一产品应用程序 |
| **细** (单位:千美元)`@bryntum/schedulerpro-thin`(中文(简体) ) | 仅针对产品的代码 | 多个产品应用或优化单一产品应用 |

### 何时使用瘦套件 ?

**使用 如果 :**

-   将多个Bryntum产品(如:Grid + 调度器 + Gantt)组合起来
-   使用薄框架包装( E)`@bryntum/schedulerpro-react-thin`(中文(简体) )
-   要最小的捆绑大小
-   使用现代建设工具(Webpack 5+、Vite、Rollup)建造

**使用正则 :**

-   建立具有标准设置的单一产品应用程序
-   直接使用 `<script>` 标签包含
-   倾向于简化扶养管理

## 要点

-   专业人员 [排程引擎](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) 带有本地框架图案的包装

## 软件包内容

| 路径 | 说明 |
| --- | :-: |
| `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-thin-trial` 下划线 `@bryntum/schedulerpro-thin` 名称。 这个 方法提供了一个无缝升级路径 - 当您购买许可证时, 您只需要更新其中的别名 `package.json` 不更改任何应用程序代码.

使用 `npm`数字 :

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

或者说用 `yarn`数字 :

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

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

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

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

## 多产品组合

在结合多个Bryntum产品时,安装所有需要的薄包并用别名:

```shell
# Example: Using Grid and Scheduler together
npm install @bryntum/grid-thin@npm:@bryntum/grid-thin-trial@latest
npm install @bryntum/scheduler-thin@npm:@bryntum/scheduler-thin-trial@latest
npm install @bryntum/scheduler-react-thin@latest
```

## 所需依赖

薄包只包含产品特定代码和 **不自动安装依赖关系**。您必须手动操作 为基础产品安装所有所需的API包.

### API 软件包( 需要)

```json
{
  "dependencies": {
    "@bryntum/core-thin": "latest",
    "@bryntum/engine-thin": "latest",
    "@bryntum/grid-thin": "latest",
    "@bryntum/scheduler-thin": "latest",
    "@bryntum/schedulerpro-thin": "latest"
  }
}
```

### 依赖链概览

下表显示每个Bryntum产品需要哪些薄API包:

| 产品 | 核心 | 发动机 | 网格 | 调度器 | 调度器Pro | 产品包 |
| --- | :-: | :-: | :-: | :-: | :-: | :-: |
| **网格** | ✓ |  | ✓ |  |  | `@bryntum/grid-thin` |
| **调度器** | ✓ | ✓ | ✓ | ✓ |  | `@bryntum/scheduler-thin` |
| **调度器Pro** | ✓ | ✓ | ✓ | ✓ | ✓ | `@bryntum/schedulerpro-thin` |
| **甘特语** | ✓ | ✓ | ✓ | ✓ | ✓ | `@bryntum/gantt-thin` |
| **日历** | ✓ | ✓ | ✓ | ✓ |  | `@bryntum/calendar-thin` |
| **任务栏** | ✓ | ✓ |  |  |  | `@bryntum/taskboard-thin` |

### 重要说明

**关于核心框架包装符 :**

`@bryntum/core-[framework]-thin` 软件包(例如, `@bryntum/core-react-thin`已经 **选项** 并且只有在使用时需要 您的应用程序中直接有Bryntum Core UI 部件, 例如 :

-   `BryntumButton`
-   `BryntumCombo`
-   `BryntumTextField`
-   其他核心部件

如果只使用主要产品组件(Grid,Scheller等),则不需要Core框架包装.

## 快速启动

```typescript
import { SchedulerPro } from '@bryntum/schedulerpro-thin';
import './style.css';

const schedulerPro = new SchedulerPro({
    appendTo  : 'app',
    startDate : new Date(2022, 0, 1),
    endDate   : new Date(2022, 0, 10),
    columns   : [
        { text : 'Name', field : 'name', width : 160 }
    ],
    project : {

        resources : [
            { id : 1, name : 'Dan Stevenson' },
            { id : 2, name : 'Talisha Babin' }
        ],

        events : [
            { id : 1, startDate : '2022-01-01', duration : 3, durationUnit : 'd', name : 'Event 1' },
            { id : 2, duration : 4, durationUnit : 'd', name : 'Event 2' }
        ],

        assignments : [
            { event : 1, resource : 1 },
            { event : 2, resource : 2 }
        ],

        dependencies : [
            { fromEvent : 1, toEvent : 2 }
        ]
    }
});
```

## 主题

### 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)。 。 。 .

## 框架整合

薄薄包采用薄薄框架包装. 每次包装都遵循本土框架模式和生命周期管理.

**说明:** 框架包装是公开的,可以正常安装. 它们需要薄的核心软件包(安装) 上面还有别名).

### 反应

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

详情见 [反应多产品](https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/integration/react/multiple-products)。 。 。 .

### 角质

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

详情见 [角质多产品](https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/integration/angular/multiple-products)。 。 。 .

### 第3组

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

详情见 [Vue 多种产品](https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/integration/vue/multiple-products)。 。 。 .

## 探索所有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-thin-trial 是什么？

Bryntum 调度器 Pro JavaScript 薄试验组件包

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

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

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

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

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

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

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

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

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

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

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

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

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

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