Jellies

Overview

The Jellies project is a UI toolkit based on ElementUI. It provides a collection of components and tools for building user interfaces. While a full documentation is not yet available, a temporary Chinese version is provided for reference. It offers various installation options and supports on-demand import of components to optimize the project size.

Features

• UI Toolkit: Based on ElementUI, Jellies provides a comprehensive set of UI components for building user interfaces.
• Installation Options: Jellies can be installed via NPM and imported into your project.
• On-demand Import: With the help of babel-plugin-component, you can import only the components you need, reducing the size of your project.

Installation

To install Jellies, follow these steps:

1. Install Jellies via NPM.

npm install jellies

2. Import Jellies into your project and use it accordingly on your Vue instance.

If you want to import the entire Jellies package at once (not recommended for production due to the large package size), add the following code to your project’s main.js file:

import Jellies from "jellies";
Vue.use(Jellies);

If you prefer to import only specific components, you can use the on-demand import feature with babel-plugin-component. First, install babel-plugin-component:

npm install babel-plugin-component -D

Next, edit your .babelrc file to include the following configuration:

{
  "plugins": [
    ["component", {
      "libraryName": "jellies",
      "styleLibraryName": "theme-chalk"
    }]
  ]
}

Finally, in your main.js or other relevant files, import the specific components you need:

import { Button, Select } from "jellies";
...
Vue.use(Button);
Vue.use(Select);

Summary

The Jellies project is a UI toolkit that extends ElementUI. It offers a range of UI components, and while the full documentation is still in progress, a temporary Chinese version can be accessed. The installation process provides flexibility, allowing users to import the entire package or choose specific components. On-demand import is recommended to optimize the project size.