Skip to content

Rachael0108/ej2-vue-samples

 
 

Repository files navigation

Syncfusion Vue UI Components samples

This repository contains the demos of Syncfusion Vue UI Components. This is the best place to check our components to get more insight about the usage of APIs.

This section guides you to use the Syncfusion Vue UI Components samples in your applications.

Requirements to run the demo

The samples requires the below requirements to run.

Documentation

All components documentation for the Syncfusion Vue UI components can be found on Syncfusion Help. All API documentation can be found at the API Reference.

License

Syncfusion Vue UI (Essential JS 2) components library is available under the Syncfusion Essential Studio program, and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.

To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions.

Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.

Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions.

The Syncfusion license that contains the terms and conditions can be found at https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

Using the samples

Installing

Before installation check @syncfusion:registry=http://nexus.syncfusion.com/repository/ej2-production/ is available in npmrc file. Then use the below command to install all dependent packages.

npm install

Building

To compile the source files, use the below command

npm run build

It calls the following tasks synchronously,

  1. Build
  2. Site-map generate
  3. Source-ship

Build

Use the below command to run this task and it calls the following tasks synchronously.

  1. Generate routes
  2. Style ship
  3. Copy source
  4. build

Generate routes

Use the below command to generate router.config.ts file and it contains routing path for all samples.

gulp generate-routes

Style ship

It copies css files for themes from node_modules. Use the below command to run it individual.

gulp styles-ship

Copy source

It select all files in src/ except src/common and stored it in public/src folder. The below command is used to run this task.

gulp copy-source

build

Use the below command to generate scripts, styles, locale and sample lists.

gulp build

It runs the following tasks syncronously,

  1. Scripts
  2. Styles

Scripts

It compiles the Typescript files and use the below command to run this task.

gulp scripts

Styles

gulp styles command is used to compile default themes. It calls the following two tasks synchronously.

  1. Default theme
  2. Compile styles

Default theme

Use the below command to generate default theme files.

gulp default-theme

Compile Styles

It compiles the scss file to css file. To run this task use the below command,

gulp compile-styles

Site map generation

The below command combines sample of all components and store it in sitemap-demos.xml file to index our components, samples, documents in search engine.

gulp sitemap-generate

Source-ship

It copies all files in the repository and paste it in dist/ folder. To run this task use the below command,

gulp source-ship

Serving deployed build

https://cli.vuejs.org/guide/deployment.html

Components Catalog

GRIDS
DataGrid Tree Grid Pivot Table (Updated)
Spreadsheet (Preview)
DATA VISUALIZATION
Charts (Updated) Diagram Stock Chart
Maps TreeMap Heatmap chart
Circular Gauge Linear Gauge Range Selector
Sparkline Charts Smith Chart Barcode
Bullet Chart (Preview) Kanban (Preview)
EDITORS
Rich Text Editor (Updated) DocumentEditor (Updated) Chips
InplaceEditor
CALENDARS
Scheduler Gantt (Updated) Calendar
DatePicker DateRangePicker DateTimePicker
TimePicker
BUTTONS
Button Button Group Checkbox
Radio Button Dropdown Menu Split Button
Switch Progress Button
DROPDOWNS
AutoComplete ComboBox Dropdown List
MultiSelect Dropdown List Box
NAVIGATION
Accordion Context Menu File Manager (Updated)
Menu Bar Sidebar Tabs
Toolbar TreeView
NOTIFICATIONS
Badge Toast
INPUTS
TextBox Input Mask Numeric Textbox
Color Picker File Upload Range Slider
LAYOUT
Avatar Card Dashboard Layout
Dialog (Updated) ListView Tooltip
Splitter
FORMS
Query Builder
VIEWER
PDF Viewer (Updated)

Support and Feedback

About

Essential JS 2 demo samples for Vue

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 29.0%
  • Vue 28.5%
  • TypeScript 23.5%
  • HTML 18.2%
  • Other 0.8%