@shuyun-ep-team/kylin-ui-plus

麒麟通用|业务组件

Usage no npm install needed!

<script type="module">
  import shuyunEpTeamKylinUiPlus from 'https://cdn.skypack.dev/@shuyun-ep-team/kylin-ui-plus';
</script>

README

介绍:

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

在开始之前,推荐先学习 kylin-ui

接入步骤

1.安装

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

2.示例

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>
  );
};