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