@gingkoo/pandora-ui NPM

快速上手

跟随以下的步骤，快速上手组件库的使用。

安装

需要同时安装 react >= 16.8 和 react-dom >= 16.8。

// npm
npm i @gingkoo/pandora-ui

// yarn 
yarn add @gingkoo/pandora-ui

基础使用

以 Button 组件为例。

import React from "react";
import ReactDOM from "react-dom";
import { Button } from "@gingkoo/pandora-ui";
import "@gingkoo/pandora-ui/lib/umd/index.min.css";

ReactDOM.render(
  <Button type="primary">Hello Arco</Button>,
  document.querySelector("#root")
);

按需加载

@gingkoo/pandora-ui 的组件默认支持 tree shaking, 使用 import { Button } from '@gingkoo/pandora-ui'; 方式引入即可按需加载。

使用 babel-plugin-import

安装

npm i babel-plugin-import -D

添加配置 组件和样式的按需加载

在 babel 配置中加入：

plugins: [
  [
    'babel-plugin-import',
    {
      libraryName: '@gingkoo/pandora-ui',
      libraryDirectory: 'lib/es/components',
      camel2DashComponentName: false,
      style: true, // 样式按需加载
    },
  ],
];

vite 在 vite.config.js 配置中加入：

import usePluginImport from 'vite-plugin-importer';

plugins: [
  usePluginImport({
    libraryName: '@gingkoo/pandora-ui',
    libraryDirectory: 'lib/es/components',
    style: true, // 样式按需加载
  })
]

pandora-ui

@everything-registry/sub-chunk-361 @zalastax/nolb-_gin @infinitebrahmanuniverse/nolb-_gin

16 days ago

22 days ago

4 months ago

4 months ago

4 months ago

5 months ago

4 months ago

5 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

7 months ago

7 months ago

7 months ago

7 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

10 months ago

12 months ago

11 months ago

12 months ago

11 months ago

12 months ago

1 year ago

11 months ago

12 months ago

10 months ago

1 year ago

1 year ago

1 year ago

12 months ago

1 year ago

1 year ago

12 months ago

1 year ago

12 months ago

1 year ago

1 year ago

12 months ago

1 year ago

12 months ago

1 year ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago