ThingWorx Web 元件 SDK
在 Mashup Builder 中，舊有格點 (進階) 與樹格點 (進階) 以外的所有主題化小器具都以 web 元件為基礎。Web 元件是具有封裝功能的自訂元素，可讓您更輕鬆地重複使用網頁中的元件。ThingWorx Web 元件 SDK 是 npm 程式庫，其中包含使用 PTC 設計系統標準建立的 web 元件集合。您可以使用 SDK 來開發自訂元件，然後便可使用 ThingWorx Web 元件 SDK 公用程式將其匯入至 ThingWorx 作為小器具延伸功能。SDK 程式庫與公用程式可在 PTC 軟體下載頁的 > 下找到。
 |
PTC 建議使用 Lit 版本 3 來開發 ThingWorx 的 web 元件小器具。在未來的發行版本中，較早版本的 ThingWorx 中使用的較舊架構將取代，並會移除支援。如需詳細資訊，請參閱 Web 元件 SDK 文件集 - Lit。
|
Mashup Builder 中的 Web 元件小器具
下表列出以 ThingWorx Web 元件 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
|