@kdcloudjs/kdesign
Advanced tools
KDesign of React 是基于金蝶的企业级设计系统KDesign 实现的一套React UI组件库，主要用于企业级系统的构建。
官网：https://react.kingdee.design/
$ npm install @kdcloudjs/kdesign --save
# 或者
$ yarn add @kdcloudjs/kdesign
import React from 'react'
import reactDom from 'react-dom'
import { Button } from '@kdcloudjs/kdesign'
import '@kdcloudjs/kdesign/dist/kdesign.css'
reactDom.render((
<div>
<Button>kdesign 按钮</Button>
</div>
), document.getElementById('root'))
在浏览器中使用 script 和 link 标签直接引入文件，并使用全局变量 kdesign。
目前尚未将文件上传至 cdn 需要手动将 dist 目录下的 kdesign.min.js 和 kdesign.min.css 文件拷贝至项目。
使用：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>kdesign</title>
<script src="https://cdn.staticfile.org/react/16.14.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.14.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
<script src="https://unpkg.com/@kdcloudjs/kdesign@latest/dist/kdesign.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/@kdcloudjs/kdesign@latest/dist/kdesign.min.css">
</head>
<body>
<div id="root"></div>
<script type="text/babel">
ReactDOM.render((
<div>
<kdesign.Button>kdesign 按钮</kdesign.Button>
</div>
),
document.getElementById('root')
)
</script>
</body>
</html>
 IE / Edge |  Firefox |  Chrome |  Safari |  iOS Safari |  Samsung |  Opera |
|---|---|---|---|---|---|---|
| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
参与贡献前请先阅读 贡献指南
kdesign 使用了 Apache License, Version 2.0. 详细license 请查看 LICENSE
FAQs
KDesign 金蝶前端react 组件库
We found that @kdcloudjs/kdesign demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
require(esm) backported to Node.js 20, easing the transition to ESM-only packages and reducing complexity for developers as Node 18 nears end-of-life.
Security News
PyPI now supports iOS and Android wheels, making it easier for Python developers to distribute mobile packages.
Security News
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.