ThingWorx Web Component SDK
在 Mashup Builder 中，除旧版栅格 (高级) 和树形栅格 (高级) 外的所有可应用主题小组件均基于 Web 组件。Web 组件是具有封装功能的自定义元素，通过这些元素可更加轻松地重复使用网页中的组件。ThingWorx Web Component SDK 是一个 npm 库，其中包含使用 PTC 设计系统标准创建的 Web 组件集。可使用 SDK 开发自定义组件，然后使用 ThingWorx Web Component SDK Utility 将其作为小组件扩展导入 ThingWorx。SDK 库和实用程序可从 PTC 软件下载页面的 > 下获取。
 |
PTC 建议使用 Lit 版本 3 开发 ThingWorx Web 组件小组件。在未来版本中，ThingWorx 较早版本中使用的较旧框架将被弃用，并会移除相关支持。有关详细信息，请参阅 Web Component SDK 文档 - Lit。
|
Mashup Builder 中的 Web 组件小组件
下表列出了 ThingWorx Web Component SDK 中基于 Web 组件的 Mashup Builder 小组件。
|
小组件
|
Web 组件
|
|---|---|
|
ptcs-chart-bar
|
|
|
ptcs-breadcrumb
|
|
|
ptcs-button
|
|
|
ptcs-checkbox
|
|
|
ptcs-chip-data-filter
|
|
|
ptcs-chart-combo
|
|
|
ptcs-datepicker
|
|
|
ptcs-divider
|
|
|
ptcs-dropdown
|
|
|
ptcs-dynamic-panel
|
|
|
ptcs-file-upload
|
|
|
ptcs-grid
|
|
|
ptcs-icon
|
|
|
ptcs-image
|
|
|
ptcs-label
|
|
|
ptcs-line
|
|
|
ptcs-link
|
|
|
ptcs-list-shuttle
|
|
|
ptcs-list
|
|
|
ptcs-pagination
|
|
|
ptcs-chart-pareto
|
|
|
ptcs-chart-pie
|
|
|
ptcs-property-display
|
|
|
ptcs-radio-button
|
|
|
ptcs-chart-schedule
|
|
|
ptcs-slider
|
|
|
ptcs-tabs
|
|
|
ptcs-textarea
|
|
|
ptcs-textfield
|
|
|
ptcs-toggle-button
|
|
|
ptcs-toolbar
|
|
|
ptcs-value-display
|
|
|
ptcs-chart-waterfall
|