open-index/open-npm huggingface dataset:
npm package: @shuyun-ep-team/kylin-ui-plus
Description: 麒麟通用|业务组件
Latest version: 0.3.7

介绍：

`kylin-ui-plus` 是基于 kylin-ui react 组件库开发的通用和业务组件 plus 版。

> 在开始之前，推荐先学习 [kylin-ui](http://design.kylin.shuyun.com/)

## 接入步骤

#### 1.安装

```sh
npm i @shuyun-ep-team/kylin-ui-plus@latest @shuyun-ep-team/kylin-ui@latest
```

#### 2.示例

```tsx
import React, { useState, useCallback } from "react";
import { ProEnterInputSelect, ConfigProvider } from "@shuyun-ep-team/kylin-ui-plus";

export default () => {
  const [value, setValue] = useState();
  const onChange = useCallback((v) => {
    setValue(v);
    console.log("onChange:", v);
  }, []);

  return (
    <ConfigProvider
      language="en-US"
      allLanguages={[
        {
          id: 1,
          language: "zh-CN",
          describer: "中文",
          isDefault: true,
        },
        {
          id: 2,
          language: "en-US",
          describer: "English",
          isDefault: false,
        },
      ]}
    >
      <ProEnterInputSelect style={{ width: 300 }} value={value} onChange={onChange} />
    </ConfigProvider>
  );
};
```