【下載WijmoJS 2018 v2】

WijmoJS是為企業應用程序開發而推出的一系列包含HTML5和JavaScript的開發控件。其中包含了金融圖表、FlexSheet、先進的JavaScript控件（Wijmo 5）和經典的jQuery小部件（Wijmo 3）。無論您的應用程序是移動應用還是必須要支持IE6，Wijmo Enterprise均能滿足您的需求。

新一代 JavaScript 控件 WijmoJS 發布 2018 v2 版本，提供全新的可視化設計器，在 Angular、React 和 Vue 中更加好用，增加了Web組件的互操作用法和 SASS 樣式支持，極大的提升了產品的易用性。

秉承觸控優先的設計理念，WijmoJS 在全球率先支持 AngularJS，同時支持 React、Vue 等前端框架，并提供性能卓越、零依賴的 FlexGrid 和圖表等多個控件。WijmoJS 靈活的 API 為用戶提供易用、輕松的操作體驗，全面滿足開發所需，是構建企業應用程序的全套控件集，正在為微軟 Dynamics 等項目使用。

WijmoJS 2018 v2更新內容如下：

全新的可視化設計器

目前為止，WijmoJS 純前端控件集已經十分易于前端開發使用，但仍需要編寫代碼。WijmoJS 2018V2 宣布，這種方式將被徹底改變。用于創建和自定義WijmoJS控件的設計器，包含兩個beta版本，一個是與Visual Studio Code完美融合的設計器、另一個則是可視化在線設計器，提供實時預覽和編輯頁面屬性的功能。

VSCode設計器

此設計器是 VSCode 的擴展。安裝后，它會在每個 Angular 框架下的 WijmoJS 組件上方添加“Wijmo Designer ...”操作。單擊操作按鈕后，它將打開一個設計界面，用于自定義該特定組件。開發人員可以實時更改屬性和綁定事件，并將所做更改保存回 Angular 應用程序中。 要在 VSCode 中安裝此擴展，請單擊 VS Marketplace上Designer 設置中的“安裝”按鈕。 此外，您還可以在 VSCode 的擴展管理器中搜索“wijmo”并從那里安裝。 確保安裝后重新加載 VSCode。 然后打開一個使用 WijmoJS 控件的 Angular 應用程序并嘗試啟動設計器。

可視化在線設計器

此設計器是用于創建和自定義 WijmoJS 控件的 Web 應用程序。 您可以在任何瀏覽器中運行此設計器。它允許您將控件添加到設計圖面，然后根據自己的喜好自定義它們。完成后，您可以將生成的代碼復制到您自己的應用程序中。

Web-based Wijmo Designer

此設計器生成的代碼是純 HTML 和 JavaScript。 生成的代碼包括初始化控件所需的引用，宿主元素和 JavaScript 腳本。

支持 Angular 6 和 TypeScript 2.7

WijmoJS 已經全面支持Angular 6.0.0版。現階段工作是將所有Demo示例升級到Angular V6，并將TypeScript版本升級到V2.7。

新的 React / Redux 加密貨幣跟蹤應用程序

WijmoJS 為使用 React 和 Redux 的用戶增加了加密貨幣跟蹤應用程序，該應用程序是一個財務儀表板，可用于跟蹤加密貨幣值，這些值是在用戶開發的生產應用程序之后建模的。使用 React / Redux 的現代設計模式和各種 WijmoJS 控件，可以幫助您更好地評估和開發 WijmoJS 應用程序。

Wijmo Crypto Currency App

支持 Vue V2 的集成增強功能

隨著 Vue 的不斷發展，WijmoJS 也正在不斷改進，以增強在 Vue 中的易用性。本次更新中增加了對 Vue V2 的很多不錯的功能。比如，WijmoJS 子組件現在可以在動態場景中正確工作，例如 v-for 和 v-if 指令。

Child components in Vue.js

WijmoJS 中的 Web Components

WijmoJS 的 Web組件互操作的測試版已經推出，它將 WijmoJS 控件公開為 Web組件，更具體地說是自定義元素。 WijmoJS Web組件允許您以聲明方式將 WijmoJS 控件添加到 HTML 頁面，并將其作為常用 DOM 元素進行操作，而無需使用任何其他框架。 某些不完全支持 Web組件標準的瀏覽器可能需要一些額外的 Polyfill 支持。

WijmoJS Web組件實現當前狀態的關鍵點：

1. WijmoJS 控件的WijmoJS“頂級”Web組件（如表示 FlexGrid 控件的 wjc-flex-grid 組件）繼承自相應的控件類。例如，WjcFlexGrid 組件類擴展了 FlexGrid 控件類。這也意味著當 WijmoJS 用于“Web組件模式”時，基礎 WijmoJS 控件類擴展了 HTML 元素類。
2. 與頂級組件互補的子組件，如定義 FlexGrid 列的 wjc-flex-grid-column 組件，作為它們所代表的 WijmoJS 類的包裝器。子組件直接從 HTMLElementclass 繼承，底層 WijmoJS 類實例可通過組件的特殊控件屬性訪問。
3. 可以使用組件元素上的屬性定義 WijmoJS 類屬性。當屬性值更改時，相應的 WijmoJS 類屬性會相應更新。目前，更改類屬性值不需要更改相應的屬性值。
4. JavaScript 代碼可以使用本機 Element.addEventListener（'event'，handler）方法為 WijmoJS 控件事件訂閱處理程序。
5. WijmoJS 組件現在不使用 Shadow DOM。這將在互操作的未來版本中得到解決。最大的挑戰是 WijmoJS 允許通過 CSS 對其控件的部件進行深度定制，而 Shadow DOM 的目標是防止它。有關 Shadow DOM 規范的新提議可以緩解此限制，我們正在密切關注這些更改。目前，WijmoJS Web組件及其部件可以使用全局 CSS 以與普通 WijmoJS 控件相同的方式進行自定義。

Web組件的最大好處是，可以在不同的框架中使用相同的組件，并從框架的附加功能（如屬性，屬性和事件綁定）中受益。

SASS 支持的控件和主題

WijmoJS 的控件樣式（布局，默認樣式）以前是用CSS編寫的。最初，它很簡單，但目前已經發展到難以管理的程度。因此，現在決定使用SASS和更好的方式來重寫樣式。

• 您可以輕松使用 SASS 文件來創建自己的主題風格。WijmoJS 還提供 SASS 文件供您使用和自定義。
• 您現在可以選擇要包含在應用程序中的 SASS 模塊。 例如，現在有一個僅包含核心模塊（非企業）的 WijmoJS-Core 文件，它只是全部 CSS 文件的一小部分。您可以有選擇地使用要包含的模塊來真正優化 CSS 大小。
• WijmoJS 在 Web Component interop 中增加了對 Shadow DOM 的支持。

ES6 和 ESModule 支持

本次更新，增加了 ES6 版本的 WijmoJS 模塊（測試版），你可以在 WijmoJS 安裝包的 NpmImages 文件夾中找到它：

• wijmo-es2015-esm-min - ESM模塊格式（ES6導入/導出語句）
• wijmo-es2015-commonjs-min - 采用CommonJS模塊格式