All View Design products are upgraded to Vue 3, and the official version of View UI Plus is released

Brand upgrade

We may be the last component library to upgrade to Vue.js 3, but sooner or later.

As one of the earliest Vue.js component libraries in China, View UI (i.e. iView) is in its sixth year. In the past 6 years, we have gradually moved from open source to commercial exploration, accumulated technology, enriched ecology, and accumulated users.

Due to the large number of product lines in the entire ecosystem, this time we have designed a brand new brand: View Design . Of course, the familiar URL and Logo:

https://www.iviewui.com

product line

View Design currently mainly includes the following product lines:

• View UI Plus (open source, free): https://www.iviewui.com/view-ui-plus
  Based on Vue.js 3 UI components, this upgrade has added 30+ components, and there are currently nearly 100 components (probably the most component-rich Vue3 UI component library at present).
• Admin Plus (closed source, paid): https://www.iviewui.com/admin-plus
  An enterprise-level general-purpose mid-backend front-end solution based on Vue.js 3, online preview address: https://adminplus.iviewui.com
• iCRUD (closed source, paid): https://www.iviewui.com/icrud
  The configuration-oriented table quickly adds, deletes, modifies and checks components, based on Vue.js 3, and adapts to View UI Plus and vxe-table at the same time, online preview address: https://icrud.iviewui.com
• Material Market (Closed Source, Fees): https://www.iviewui.com/store
  Provide more ecological products, such as templates, themes, components, etc. In the future, the market will be opened to allow third parties to submit and earn revenue.

View UI Plus

View UI Plus is View Design's core UI component library, completely open source and free. This upgrade to Vue.js 3 retains almost all the APIs of the original View UI (partly due to forced changes in Vue 3, such as value -> model-value, etc.), so in terms of use and experience, it can be said that it is almost the same as View UI. Consistently, except for the API upgrade specified by Vue.js 3, you hardly need to modify the API of View UI Plus in use (specifically, the documentation shall prevail).

In order to facilitate you to quickly start development, we provide two sets of projects for free , which can save you a lot of time in configuring and debugging the environment:

• View UI Plus Project (based on Vue CLI)
• View UI Plus Project (Vite based)

In this upgrade, we also added 30+ components , such as TreeSelect (tree selection), City (city selector), Login (login), Notification (notification menu), Calendar (calendar) and so on.

View UI Plus has nearly 100 components, which is huge and the upgrade work is huge. We have upgraded and tested all components one by one, and refactored some components (such as Select) to ensure that all examples on the official website are running normally, and all documents have been proofread 3 times.

We have deprecated the v-transfer directive and instead use the Vue 3 built-in <teleport> component.

Because of the upgrade to Vue 3, you can choose the familiar Options API (Options API) or the new Composition API (Composition API) for development.

Also because of the upgrade to Vue 3, View UI Plus is no longer compatible with IE browsers .

Some other things worth noting:

• Also supports ESM, CJS, UMD and global variables (ViewUIPlus, for CDN references);
• Support multiple languages and the latest vue-i18n plugin;
• Support on-demand citation;
• Support component global configuration, such as size, transfer, etc.;
• Support for custom themes.

Next, we will improve the following as soon as possible:

• TS definition files for all components;
• unplugin-vue-components support;
• The new version of Playground;
• SSR support;
• Electron support, etc.

Admin Plus

Admin Plus is a set of enterprise-level general-purpose middle and back-end front-end solutions, which are based on View UI Plus and are suitable for Vue.js 3 . Admin Plus is one of our commercial products, closed source and paid.

Online preview address: https://adminplus.iviewui.com

Admin Plus uses the most cutting-edge front-end technology stack to support various types of products, such as typical middle and back-end applications (like Alibaba Cloud backend, Qiniu Cloud backend, various to B products), community-based applications (like Zhihu, forums, portals) ) (requires the social layout. View the social layout ), map apps (requires the map layout. View the map layout ), work desktop apps (requires the work desktop layout. View the work desktop layout ), etc.

Its core product features are:

• Rich layout modes to choose from, high configurability of layout and functions;
• Support top bar menu and side bar menu (side menu automatically responds to top bar menu changes);
• Support dynamic menu (deep optimization, support real-time update of dynamic menu data);
• Powerful authentication system, supports 6 authentication modes for routing, menu, function point, etc., to meet different business authentication requirements, see document authentication for details;
• Powerful internationalization (multi-language) solution, in-depth optimization supports browser title, menu, components, content, automatically determines language, supports real-time effective and page refresh dual mode, supports remote loading of multi-language files;
• Support global watermark, can update watermark content dynamically;
• Fully responsive support, all pages and function points have different display effects on PC, mobile and tablet;
• Contains a large number of typical business examples, including user management , menu authority management , and role authority management ;
• Beautiful UI, extreme user experience and detail handling;
• High-quality after-sales technical support, complete documentation.

iCRUD

iCRUD is a set of enhanced form components based on View UI Plus . It is oriented to configuration development and can quickly build form pages with functions of adding, deleting, modifying and checking . Vue.js 3 support. iCRUD is also one of our commercial products, closed source and fee-based.

Online preview address: https://icrud.iviewui.com

Its core product features are:

• Configuration-oriented development mode, and provides three different dimensions of configuration, the development is simple and fast, saving a lot of business code;
• Support all functions of View UI Plus Table component;
• Support vxe-table , and large data volume rendering, large data volume tree data, etc.
• The Form component of View UI Plus is fully covered (17+);
• Support local and remote data dictionary , and automatically cache;
• Support a variety of table data rendering and viewing rendering methods, and optimize the display effect for 17+ Form components;
• The extended multi-selection mode supports asynchronous cross-page data multi-selection and batch deletion of data;
• Support for exporting table data, support for printing tables, support for adjusting column order, display/hide and other functions;
• Mobile responsive design.

postscript

Over the past 6 years, we have continuously polished our products and deeply understand the needs of B-end customers, with the aim of making View Design the best-looking and most usable product. We carefully examine every UI detail and think about the design of every API, in order to allow customers to reduce the cost of use as much as possible and make a system as beautiful as View Design.

Next, the View Design team will iterate and maintain the entire product line on a regular and continuous basis. We will continue to exchange more technical details with you in the form of articles, live broadcasts, etc. stay tuned!