ui
所属分类:前端开发
开发工具:TypeScript
文件大小:0KB
下载次数:0
上传日期:2023-09-24 01:49:43
上 传 者:
sh-1993
说明: 银河UI套件,
(Galactic UI KIT,)
文件列表:
.eslintignore (21, 2023-12-28)
.eslintrc.json (269, 2023-12-28)
.npmignore (196, 2023-12-28)
.nvmrc (2, 2023-12-28)
.prettierrc.json (273, 2023-12-28)
assets/ (0, 2023-12-28)
assets/font/ (0, 2023-12-28)
assets/font/Chakra-Petch.ttf (71556, 2023-12-28)
assets/font/Font-Over.ttf (18284, 2023-12-28)
assets/font/Satoshi-Variable.ttf (127420, 2023-12-28)
assets/img/ (0, 2023-12-28)
assets/img/scrollbar.svg (55055, 2023-12-28)
doc/ (0, 2023-12-28)
doc/base.md (418, 2023-12-28)
doc/font.md (1088, 2023-12-28)
esbuild.dev.mjs (447, 2023-12-28)
esbuild.prod.mjs (1278, 2023-12-28)
index.html (35931, 2023-12-28)
package-lock.json (263891, 2023-12-28)
package.json (1637, 2023-12-28)
src/ (0, 2023-12-28)
src/app.ts (2056, 2023-12-28)
src/component/ (0, 2023-12-28)
src/component/AddressInput.ts (6021, 2023-12-28)
src/component/Alert.ts (3144, 2023-12-28)
src/component/Asset.ts (2058, 2023-12-28)
src/component/AssetBalance.ts (1835, 2023-12-28)
src/component/AssetId.ts (1533, 2023-12-28)
src/component/AssetInput.ts (7206, 2023-12-28)
src/component/AssetInputComposite.ts (2186, 2023-12-28)
src/component/AssetList.ts (1642, 2023-12-28)
src/component/AssetListItem.ts (2343, 2023-12-28)
src/component/AssetPrice.ts (2121, 2023-12-28)
src/component/AssetSelector.ts (1899, 2023-12-28)
src/component/AssetSwitch.ts (1609, 2023-12-28)
src/component/AssetTransfer.ts (5079, 2023-12-28)
src/component/AssetXRate.ts (1249, 2023-12-28)
src/component/Backdrop.ts (880, 2023-12-28)
... ...
# UIGC Web Components
[![npm version](https://img.shields.io/npm/v/@galacticcouncil/ui.svg)](https://www.npmjs.com/package/@galacticcouncil/ui)
## What are [UIGC Web Components](https://galactic-uikit.netlify.app)?
- Collection of **reusable UI elements** crafted to ease Basilisk & HydraDX chains integration driven by a **lit framework** (~400kb unpacked size).
- Usable with any current or future **web development framework**.
- Created and maintained by [Galactic Council](https://galacticcouncil.io/).
## Why web components?
- **Future-proof**: _web standards_, compatible with any web development framework.
- **Encapsulated**: Stable in any environment and suitable not only for apps, but also for _libraries and micro-frontends_.
- **Elegant**: _custom HTML elements_, hide implementation complexity behind a single HTML tag, easy to use with the standard DOM APIs.
## Docs & Demo
- [Playground and API Reference](https://galactic-uikit.netlify.app)
## How to Use
1. Install the NPM module
```sh
npm install @galacticcouncil/ui
```
2. Import the component ui to your app:
```js
import '@galacticcouncil/ui';
```
3. Use the UIGC Web Component
```html
```
### Customization
For framework customization please see following sections:
- [Font](https://github.com/galacticcouncil/ui/blob/master/doc/font.md)
- [Base](https://github.com/galacticcouncil/ui/blob/master/doc/base.md)
## Browser Support
UIGC Web Components are supported by all major modern browsers.
| Browser | Supported versions |
| ------- | ------------------ |
| Chrome | Latest |
| Firefox | Latest |
| Safari | Latest |
| Edge | Latest |
## Local Development and Build
### Requirements
- [Node.js](https://nodejs.org/) (**version 18 or higher**)
### Structure
Project contains following sections:
| Section | Description |
| ------- | --------------------------- |
| base | Base components |
| icons | Icons |
| logo | Assets |
| styles | Theme, font & webkit styles |
| utils | Utils |
### Local development
For details see `esbuild.dev.mjs`
```sh
npm install # to install all dependencies
npm run dev # to build & serve the apps
```
### Production build
For details see `esbuild.prod.mjs`
```sh
npm install # to install all dependencies
npm run pckg:release # to release patch version (default)
npm run pckg:publish # to publish npm package
```
#### Other
To release minor or major version of the ui kit package use following commands.
```sh
npm run pckg:release -- --release-as minor # Release minor version. E.g. 1.0.23 -> 1.1.0
npm run pckg:release -- --release-as major # Release major version. E.g. 1.0.23 -> 2.0.0
```
## Issue reporting
Please create well-written issue [here](https://https://github.com/galacticcouncil/ui/issues/new). It makes it easier to find & fix the problem accordingly.
近期下载者:
相关文件:
收藏者: