An enterprise-class React UI components library

Overview

KDesign of React

KDesign of React 是基于金蝶的企业级设计系统KDesign 实现的一套React UI组件库,主要用于企业级系统的构建。

特性

  • 提供开箱即用的 丰富的企业级 React UI 组件。
  • 使用 TypeScript 开发,提供完整的类型定义文件。
  • 组件全键盘的支持
  • 国际化支持
  • 全面的主题化定制

安装

使用 npm 或 yarn 安装

$ 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'))

浏览器引入

在浏览器中使用 scriptlink 标签直接引入文件,并使用全局变量 kdesign。 目前尚未将文件上传至 cdn 需要手动将 dist 目录下的 kdesign.min.jskdesign.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
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
iOS Safari
iOS Safari
Samsung
Samsung
Opera
Opera
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions

参与贡献

参与贡献前请先阅读 贡献指南

License

kdesign 使用了 Apache License, Version 2.0. 详细license 请查看 LICENSE

Comments
  • Table column 宽度问题

    Table column 宽度问题

    重现链接或代码

      const columns = [
        { code: 'No', name: '序号', width: 60, align: 'center' },
        { code: 'order', name: '单据号', width: 200 },
        { code: 'from', name: '来户', width: 200 },
        { code: 'to', name: '往户', width: 200 },
        { code: 'amount', name: '应付金额', width: 100, align: 'right' },
        { code: 'balance', name: '应收余额', width: 100, align: 'right' },
      ]
    

    重现问题步骤

    去掉 序号 这一列的 width

      const columns = [
        { code: 'No', name: '序号', align: 'center' },
        { code: 'order', name: '单据号', width: 200 },
        { code: 'from', name: '来户', width: 200 },
        { code: 'to', name: '往户', width: 200 },
        { code: 'amount', name: '应付金额', width: 100, align: 'right' },
        { code: 'balance', name: '应收余额', width: 100, align: 'right' },
      ]
    

    期望的结果是什么

    该列宽度自适应 image

    实际的结果是什么

    该列被覆盖 image

    组件库版本号、浏览器信息

    组件库 v1.6.13

    看了代码发现是封装的 ali-react-table,原库没有实现宽度自适应。 请问有计划重写这一块吗?

    opened by IrvingOS 2
  • [select] Option的value设置为number类型,删除tag时异常

    [select] Option的value设置为number类型,删除tag时异常

    重现链接或代码

    import React from 'react'
    import ReactDOM from 'react-dom'
    import { Select } from '@kdcloudjs/kdesign'
    
    function Demo() {
      const { Option } = Select
      const style = {
        width: 230,
      }
      return (
        <>
          <Select mode="multiple" borderType="bordered" style={style} maxTagCount={1}>
            <Option value={1}>苹果</Option>
            <Option value={2}>橘子</Option>
            <Option value={3}>葡萄</Option>
            <Option value={4}>柠檬</Option>
            <Option value={5}>西瓜</Option>
            <Option value={6}>草莓</Option>
          </Select>
        </>
      )
    }
    
    ReactDOM.render(<Demo />, mountNode)
    

    重现问题步骤

    期望的结果是什么

    image

    实际的结果是什么

    组件库版本号、浏览器信息

    组件库v1.6.15 浏览器最新

    bug 
    opened by albyben 1
  • [rangepicker]: 设置allowClear={false} 视觉偏差

    [rangepicker]: 设置allowClear={false} 视觉偏差

    重现链接或代码

    import React from 'react'
    import ReactDOM from 'react-dom'
    import { DatePicker, RangePicker } from '@kdcloudjs/kdesign'
    
    function Demo() {
      const demoStyle = { margin: '10px 0' }
      return (
        <div  style={{ width: '150px' }}>
          <div style={demoStyle}>
            <RangePicker size="middle" allowClear={false} />
          </div>
        </div>
      )
    }
    
    ReactDOM.render(<Demo />, mountNode)
    

    重现问题步骤

    选择起始,结束日期后,鼠标悬浮到输入框,截止日期与分隔符会向右移动,右侧图标也消失不见 image

    期望的结果是什么

    实际的结果是什么

    组件库版本号、浏览器信息

    组件库:1.6.15 浏览器:最新

    bug 
    opened by albyben 1
  • [radio] 禁用态依旧能选中

    [radio] 禁用态依旧能选中

    重现链接或代码

    `import React from 'react' import ReactDOM from 'react-dom' import { Radio } from '@kdcloudjs/kdesign'

    function Demo() { return ( <div style={{ width: '250px' }}> Default Radio Square Radio

    ) }

    ReactDOM.render(, mountNode)`

    重现问题步骤

    点击radio 依旧能选中

    期望的结果是什么

    禁用状态下不能选中

    实际的结果是什么

    组件库版本号、浏览器信息

    最新浏览器,最新组件库版本

    bug 
    opened by albyben 0
  • [radio] 特殊值的处理

    [radio] 特殊值的处理

    重现链接或代码

    import React from 'react'
    import ReactDOM from 'react-dom'
    import { Radio, Input } from '@kdcloudjs/kdesign'
    
    const radioStyle = {
      display: 'block',
      height: '30px',
      lineHeight: '30px',
    }
    
    class Demo extends React.Component {
      constructor() {
        super()
        this.state = { value: 1 }
        this.onChange = this.onChange.bind(this)
      }
    
      onChange(e) {
        console.log('radio checked', e.target.value, this.state.value)
        this.setState({
          value: e.target.value,
        })
      }
    
      render() {
        const { value } = this.state
        return (
          <div style={{ width: '350px' }}>
          <Radio.Group onChange={this.onChange} value={value} style={{ width: 400 }}>
            <Radio style={radioStyle} value="">
              Option A
            </Radio>
            <Radio style={radioStyle} value="0">
              Option B
            </Radio>
            <Radio style={radioStyle} value={0}>
              Option C
            </Radio>
          </Radio.Group>
          </div>
        )
      }
    }
    
    ReactDOM.render(<Demo />, mountNode)
    

    重现问题步骤

    点击 Option A,不会选中。点击 Option B ,Option C也会选中

    期望的结果是什么

    点击 Option A,会选中。点击 Option B,直选中Option B

    实际的结果是什么

    组件库版本号、浏览器信息

    组件库与浏览器均为最新版本

    bug 
    opened by albyben 0
  • [menu] children包裹元素时点击事件不触发

    [menu] children包裹元素时点击事件不触发

    重现链接或代码

    import React from 'react'
    import ReactDOM from 'react-dom'
    import { Menu } from '@kdcloudjs/kdesign'
    function Demo() {
      const handleClickItem = (obj) => {
        console.log(obj)
      }
    
      const menuStyle = {
        border: '1px solid #f0f0f0',
      }
    
      return (
        <>
          <Menu name="Menu" style={menuStyle} onClick={handleClickItem} inlineIndent={24}>
            <Menu.Item key="1" name="MenuItem" disabled>
              标签一
            </Menu.Item>
            <Menu.SubMenu key="sub1" name="SubMenu" title="标签二">
              <Menu.Item key="2" name="MenuItem">
                标签二-1
              </Menu.Item>
              <Menu.Item key="3" name="MenuItem">
                标签二-2
              </Menu.Item>
            </Menu.SubMenu>
            <Menu.SubMenu key="sub2" name="SubMenu" title="标签三">
              <Menu.Item key="22" name="MenuItem">
                标签二-1
              </Menu.Item>
              <Menu.Item key="33" name="MenuItem">
                <span>标签三-4</span>
              </Menu.Item>
            </Menu.SubMenu>
            <Menu.Item name="MenuItem" key="4">
              标签四
            </Menu.Item>
          </Menu>
        </>
      )
    }
    
    ReactDOM.render(<Demo />, mountNode)
    

    重现问题步骤

    1. '标签三-4'使用span包裹一层,点击'标签三-4'文字区域不触发onClick事件,点击非文字区域能触发。
    2. 一个submenu没有问题,多个submenu,几次切换二级菜单,就会出现问题.inline模式下也不会存在问题 image

    期望的结果是什么

    实际的结果是什么

    自定义菜单内容时,点击都能触发onClick事件

    组件库版本号、浏览器信息

    组件库最新版本,浏览器chrome最新版本

    bug 
    opened by albyben 0
  • select组件多选项超过2000多个就会卡顿

    select组件多选项超过2000多个就会卡顿

    重现链接或代码

    import React from 'react'
    import ReactDOM from 'react-dom'
    import { Select } from '@kdcloudjs/kdesign'
    
    function Demo() {
      const { Option } = Select
      let options = []
      for(let i = 0; i<3000; i++) { 
        options[i] = {children: i, value: i}
      }
      const handleChange = (value) => {
        console.log(value)
      }
      const style = {
        width: 230,
      }
    
      return (
        <>
          <Select
            placeholder="请输入名称"
            mode="multiple"
            style={style}
            borderType="bordered"
            optionFilterProp="children"
            onChange={handleChange}>
            {options.map((item) => {
              return (
                <Option value={item.value} key={item.value}>
                  {item.children}
                </Option>
              )
            })}
          </Select>
        </>
      )
    }
    
    ReactDOM.render(<Demo />, mountNode)
    

    重现问题步骤

    多选项太多会卡顿

    期望的结果是什么

    实际的结果是什么

    组件库版本号、浏览器信息

    opened by quanzhiyuan 0
  • Tooltip组件第二次点击不触发onVisibleChange

    Tooltip组件第二次点击不触发onVisibleChange

    重现链接或代码

    import React from 'react'
    import ReactDOM from 'react-dom'
    import { Tooltip, Button } from '@kdcloudjs/kdesign'
    
    function Demo() {
      const [visible, setVisible] = React.useState(false)
      const onClick = e => {
        console.log('onClick')
        setVisible(false)
      }
      const text = <div onClick={onClick}>一行最多显示20个字符,超过的字符可折行显示,建议最多不要超过40个字符</div>
      const buttonWidth = 70
      const buttonStyle = {
        width: 70,
        marginRight: 8,
        marginBottom: 8,
      }
      const onVisibleChange = v => {
        console.log('onVisibleChange:', v)
        setVisible(v)
      }
      return (
        <div className="demo">
          <div style={{ marginLeft: buttonWidth + 4, whiteSpace: 'nowrap' }}>
            <Tooltip placement="topLeft" tip={text} visible={visible} onVisibleChange={onVisibleChange} trigger='click'>
              <Button style={buttonStyle}>点击我</Button>
            </Tooltip>
          </div>
        </div>
      )
    }
    
    ReactDOM.render(<Demo />, mountNode)
    

    重现问题步骤

    1. 第一次点击Button可以正常触发onVisibleChange,显示tips内容
    2. 点击tips内容,将visible设置成false
    3. 第二次点击Button,没有触发onVisibleChange,导致tips内容不显示

    期望的结果是什么

    第二次点击Button,可以触发onVisibleChange

    实际的结果是什么

    第二次点击Button,没有触发onVisibleChange

    组件库版本号、浏览器信息

    版本号:1.6.16

    bug 
    opened by chenhaoshuo 0
  • [select] 搜索时输入任意内容,不显示清空按钮。选中任一项后,再次输入任意值搜索,点击清空按钮无法清空

    [select] 搜索时输入任意内容,不显示清空按钮。选中任一项后,再次输入任意值搜索,点击清空按钮无法清空

    重现链接或代码

    import React from 'react'
    import ReactDOM from 'react-dom'
    import { Select } from '@kdcloudjs/kdesign'
    
    function Demo() {
      const style = {
        width: '100%',
      }
      const { Option } = Select
    
      const handleChange = (value) => {
        console.log(value)
      }
      const handleSelect = (value) => {
        console.log(value)
      }
      return (
        <div style={{ width: '300px' }}>
          <Select placeholder="请输入名称" style={style} onChange={handleChange} onSelect={handleSelect} showSearch allowClear>
            <Option value="apple">苹果</Option>
            <Option value="orange">橘子</Option>
            <Option value="grape">葡萄</Option>
          </Select>
        </div>
      )
    }
    
    ReactDOM.render(<Demo />, mountNode)
    

    重现问题步骤

    1. 输入值进行搜索,不出现清空按钮
    2. 选择任意一项,在输入框输入任意值搜索,点击清空按钮,不清空选项

    期望的结果是什么

    1. 输入值进行搜索,出现清空按钮
    2. 选择任意一项,在输入框输入任意值搜索,点击清空按钮,清空选项

    实际的结果是什么

    组件库版本号、浏览器信息

    最新浏览器,最新组件库

    bug 
    opened by albyben 0
  • Releases(v1.6.23)
    • v1.6.23(Dec 20, 2022)

      • feat: [cascader] 新增级联多选功能 3d702b1
      • fix: [stepper] 调整步进器token 12fc93b

      https://github.com/kdcloudone/kdesign/compare/v1.6.22...v1.6.23

      Source code(tar.gz)
      Source code(zip)
    • v1.6.22(Dec 16, 2022)

      • fix: [datePicker]修复时间范围自定义render问题 ca5957d
      • fix: [radio] 禁用态依旧能选中 #180 7f8dc43

      https://github.com/kdcloudone/kdesign/compare/v1.6.21...v1.6.22

      Source code(tar.gz)
      Source code(zip)
    • v1.6.21(Dec 8, 2022)

      • fix: [menu]修复点击失效问题 #169 ae0e050
      • fix: [radio] 修复radio value 无法识别number和字符串 #171 859485c
      • fix: [checkbox] group onchange 事件添加返回值checkedValue bcea0a6
      • fix: [cli] 修复ts版本升级导致的报错 f1b098e

      https://github.com/kdcloudone/kdesign/compare/v1.6.20...v1.6.21

      Source code(tar.gz)
      Source code(zip)
    • v1.6.20(Dec 6, 2022)

      • fix: [select] 修复多选搜索时全选问题 fc98e1c
      • fix: [input-number] 修复数值输入框size设置不生效问题 b08bab0
      • fix: [button] 解决类型未定义导致ts报错问题 debf8b8
      • fix: [button] demo调整 ec85346

      https://github.com/kdcloudone/kdesign/compare/v1.6.19...v1.6.20

      Source code(tar.gz)
      Source code(zip)
    • v1.6.17(Nov 28, 2022)

      • fix: [usePoper] popperRef所在的区域mouseleave被禁止了后无法消失 e77acaf
      • fix: [stepper padding-left改为9px] 80dc099
      • fix: [checkbox 配置穿透和受控修复] ca7434a

      https://github.com/kdcloudone/kdesign/compare/v1.6.16...v1.6.17

      Source code(tar.gz)
      Source code(zip)
    • v1.6.16(Nov 28, 2022)

      • docs: [table] 更新列功能配置项文档 b9be7f1
      • fix: [date-picker]修复allowClear显示错误 0134537
      • fix: [select] demo调整 98043d2
      • fix: [cli] 更新国际化文档 10d5058
      • fix: [modal] 修复弹窗内容过高时导致头部跟尾部高度被压缩问题 5fb169a
      • fix: [select] 修复Option的value设置为number类型,删除tag异常的问题 c85f81c
      • feat:[table] 表格增加底部固定行feature和清空范围选中接口 6fb9b9f

      https://github.com/kdcloudone/kdesign/compare/v1.6.15...v1.6.16

      Source code(tar.gz)
      Source code(zip)
    • v1.6.15(Nov 17, 2022)

      • feat: [tooltips] 重复执行onVisibleChange bbc3e64
      • fix: [Dropdown] Dropdown 的定位元素为input的时候定位不准确的问题 403d500
      • fix: [image] 新增scalesAPI,控制图像预览缩放大小 fdd5087
      • fix: [usePopper] 多次触发onVisibleChange 事件 b79fff5
      • fix: [button] 添加文字按钮icon属性 fdf09db
      • feat: [table] 行选中增加高亮已选行属性及说明 613568d
      • fix: [select] 修复选择器onVisibleChange多次触发问题 2fed5ff
      • fix: [select] 修复选择器onDropdownVisibleChange不触发问题 2d9aa56
      • fix: [tree] 修复树组件可勾选模式下卡顿问题 671cf65
      • fix: [tree] 修复树组件虚拟模式卡顿问题 9fcc51b
      • fix: [modal] 添加弹窗动画 1eede80
      • fix: [select] 修复选择器搜索模式下点击输入框导致搜索内容被清空问题 9116b40
      • fix: [carousel]添加切换按钮 0b9af0a
      • fix: [form]修复动态表单项问题 fd9609e
      • fix: [carousel]修复空数据渲染问题 3c882f1

      https://github.com/kdcloudone/kdesign/compare/v1.6.14...v1.6.15

      Source code(tar.gz)
      Source code(zip)
    • v1.6.14(Nov 28, 2022)

      • docs: [select] 更新token文档 f888616
      • fix: [message] 更新api文档 57f0d21
      • fix: [date-picker]修复className、placeholder及onChange问题 4819147
      • fix: [form]修复校验及监听事件失效问题 8e0b0a4
      • fix: [select] 新增select token e06f2a8
      • fix: [table] 修复表格demo拖拽列排序问题 58f464e
      • fix: [select] 调整选择器有边框时光标位置 71c6cdf
      • docs: [table] 更新表格内部组件替换说明 6f6bb83
      • fix: [icon] 修复props传值问题 6b36736
      • fix: [tooltip] 添加控制浮层箭头显示的属性arrow 380d22e

      https://github.com/kdcloudone/kdesign/compare/v1.6.13...v1.6.14

      Source code(tar.gz)
      Source code(zip)
    • v1.6.13(Nov 4, 2022)

      • fix: [button] 修复ts报错以及size不生效的问题 1864c80
      • fix: [cli] 修复自动化构建报错问题 18142f4

      https://github.com/kdcloudone/kdesign/compare/v1.6.12...v1.6.13

      Source code(tar.gz)
      Source code(zip)
    • v1.6.12(Nov 3, 2022)

      • fix: [slider] 添加getPopupContainer的api方法 edd827d
      • fix: [datePicker]修复ref问题 c094468
      • fix: [select] 解决多选时选中后输入框不聚焦问题 6f8bd5a

      https://github.com/kdcloudone/kdesign/compare/v1.6.11...v1.6.12

      Source code(tar.gz)
      Source code(zip)
    • v1.6.11(Oct 28, 2022)

    • v1.6.10(Nov 28, 2022)

      • fix: [form]修复rules不更新问题 3f8e09f
      • fix: [datePicker]添加getPopupContainer属性 49ca22d
      • fix: [menu]修复亮色模式悬浮色bug 9566b28
      • feat: [upload] 优化代码结构和处理警告 8293cb3
      • feat: [upload] 添加itemRender 支持 2814db1
      • feat: [dropdown] kd-dropdown-link样式写入demo 5e5fe95

      https://github.com/kdcloudone/kdesign/compare/v1.6.8...v1.6.10

      Source code(tar.gz)
      Source code(zip)
    • v1.6.5-stable.1(Oct 14, 2022)

      • feat: [cli] 添加1.x-stable发布脚本 4115ca6
      • feat: [table] 添加表格向外提供的api d941981
      • feat: 添加融合行悬浮高亮 4b67942
      • fix: [steps] 修复title多行情况下布局错乱问题 c4ef29b

      https://github.com/kdcloudone/kdesign/compare/v1.6.5...v1.6.5-stable.1

      Source code(tar.gz)
      Source code(zip)
    • v1.6.8(Oct 13, 2022)

      • fix: [slider] 修复onAfterChange在移出到边界外不触发的问题 14eb93d

      https://github.com/kdcloudone/kdesign/compare/v1.6.7...v1.6.8

      Source code(tar.gz)
      Source code(zip)
    • v1.6.7(Oct 13, 2022)

      • fix: [input]修复清空按钮样式 995db86
      • fix: [date-pikcer]更新清空按钮颜色 819080b
      • fix: [form]更新文档 c0bed1a
      • fix: [form]item为label添加htmlFor属性 c5e1c08
      • fix: [datepicker]修复bug及优化样式 008e434
      • fix: [select] 去除选择器多余代码 ed79aac
      • fix: [select] 调整选择器清除按钮样式 62245b4
      • fix: [split-panel] 去掉分割容器拖动transition 3e989b1
      • fix: [select] 新增支持直接在输入框内输入内容搜索 b480ee7
      • fix: [search] 增加搜索框圆角 8e75cd3
      • feat: 添加融合行悬浮高亮 3e6b0c7
      • fix: [cascader] 更新清空按钮悬浮样式 8e52e06
      • fix: [carousel] 去除列表元素的默认样式 8080ed6
      • fix: [modal] 修复强控制提示弹窗demo的多次点击重复隐藏问题 953cf88
      • fix: [steps] 修复title多行情况下布局错乱问题 7491d5f

      https://github.com/kdcloudone/kdesign/compare/v1.6.6...v1.6.7

      Source code(tar.gz)
      Source code(zip)
    • v1.6.6(Sep 29, 2022)

      • feat: [table] 添加表格向外提供的api f8684f5
      • feat: [input] 开放countPosition属性用来摆放计数器位置 999b540
      • fix: [tooltip] 修复重复的token变量 eafce52
      • fix: [cli] 文档内容更新 409dd4c

      https://github.com/kdcloudone/kdesign/compare/v1.6.5...v1.6.6

      Source code(tar.gz)
      Source code(zip)
    • v1.6.5(Sep 22, 2022)

      • fix: [rate] 修复当value值为0时不触发视图更新的bug 07ef798
      • fix: [transfer] 添加清空搜索框的方法clearSearch 5024a62
      • fix: [cascader]点击清空图标没有触发onChange的问题 f48d308
      • feat: [pagination]添加配置总计的显示方式 5900254
      • fix: [upload] 修复hover上传列表时操作按钮与文件列表背景色不同步的问题 478dd7b
      • fix: [upload] 修复demo默认上传按钮的样式 2a461cc
      • fix: [search] 修复basic模式下onFocus和onBlur不生效的问题 0b7cbf3
      • fix: [cascader] 更改清空按钮样式 ae4adec

      https://github.com/kdcloudone/kdesign/compare/v1.6.4...v1.6.5

      Source code(tar.gz)
      Source code(zip)
    • v1.6.4(Sep 15, 2022)

    • v1.6.3(Sep 9, 2022)

    • v1.6.2(Sep 8, 2022)

      • feat: [date-picker] 更新token文档 4e4d2df
      • Merge branch 'main' of https://github.com/hxh2010/kdesign into datepicker 23370b2
      • fix: [transfer] 修复分页页数出现小数问题 c38d630
      • fix: [search] 修复type为为quick-search时placeholder不生效问题 ac7603b
      • fix: [pagination] 修复api showSizeChanger设置不生效问题 c6f6932
      • fix: [search] 修复api borderType设置bordered无效问题 901bcbb
      • fix: [transfer] 修复分页时当前页数显示错误问题 d597085
      • fix: [transfer] 增加分页模式下可多选功能 7736b02
      • fix: [tree] 增加树控件垂直方向padding 5c9606b
      • fix: [icon] 去除demo中重复图标 9d847e9
      • feat: [tree] 新增拖拽到节点上方功能 afe016b
      • fix: [tree] 调整树控件拖拽展开逻辑 414a22f
      • fix: [cli] 调整在文档首页时翻页按钮位置 f1fbdd4
      • fix: [tree] 解决拖拽时border导致节点内容收缩 d79cd73
      • Merge branch 'albyben-main' into main 4e2f02a
      • Merge branch 'main' into main 013701c
      • fix: [transfer] 添加穿梭框的搜索框 placeholder 支持自定义功能 0b03aa1
      • fix[datepicker]:修复样式问题 bebe248
      • Pending changes exported from your codespace 6ffb46b

      https://github.com/kdcloudone/kdesign/compare/v1.6.1...v1.6.2

      Source code(tar.gz)
      Source code(zip)
    • v1.6.1(Sep 2, 2022)

      • fix: [tree] 修复拖拽完成后存在多余样式问题 dc8ca3e
      • fix: [dropdown]下拉菜单项点击不触发事件问题 a30bca4

      https://github.com/kdcloudone/kdesign/compare/v1.6.0...v1.6.1

      Source code(tar.gz)
      Source code(zip)
    • v1.6.0(Oct 17, 2022)

      • docs: [cli] 修复由于date-fns版本升级导致的ie11bug 3fac00d
      • fix: [date-picker] 更新demo与文档描述内容 755d329
      • fix: [slider] 修复api tipFormatter配置无效问题 e9d4d26
      • fix: [avatar] 修复头像组件图标位置偏下问题 b8b537b
      • fix: [steps] 修复步骤条警告信息 fd81be8
      • fix: [tree] 调整树控件外边距 aad7d2d
      • feature[input]:新增支持替换消除按钮 d42fbd7

      https://github.com/kdcloudone/kdesign/compare/v1.5.11...v1.6.0

      Source code(tar.gz)
      Source code(zip)
    • v1.5.11(Aug 25, 2022)

      • fix: [Cascader]demo点击跳转问题 e073102
      • fix: [Pagination]颜色问题 de56c91
      • fix: [Alert]demo展示样式问题 0c69266
      • fix[datepicker]修复输入框填入值问题 ce21ec1
      • fix: [button] 新增按钮超出隐藏并出现省略号 b418fb3
      • fix: [message] 修复手动点击关闭,不触发消息提示控件问题 672ed89
      • fix: [button] 修复按钮文字换行问题 0ebd417
      • fix: [transfer] 修复穿梭框方向键文字换行问题 c1618e4
      • fix: [search] 修复demo图片不显示问题 e181c58
      • fix: [drawer] 调整demo 71414fb
      • fix: [space] 修复demo显示问题 cfe1089
      • fix: [drawer] 修复抽屉显示时使页面抖动问题 9c6ce88

      https://github.com/kdcloudone/kdesign/compare/v1.5.10...v1.5.11

      Source code(tar.gz)
      Source code(zip)
    • v1.5.10(Aug 22, 2022)

      • fix: [table] 修复表格虚模式下表格从不可见到可见出现滚动条跳动问题 9971ad1

      https://github.com/kdcloudone/kdesign/compare/v1.5.9...v1.5.10

      Source code(tar.gz)
      Source code(zip)
    • v1.5.9(Oct 17, 2022)

      • fix: [token] 修复组件token变量 3d00fb4
      • fix: [tree] 修复树控件视觉走查问题 6d4792b
      • fix: [tree] 修复异步加载时loading按钮显示不全问题 92bc2d7
      • fix: [tabs] 修复页签组件视觉走查问题 82fffbf
      • fix: [progress] 修复视觉走查问题点 fff4898
      • fix: [dropdown]选项传入自定义类名点击事件失效的问题 16b1744
      • chore: 修复重新安装依赖后启动开发服务时报错的问题 ef0656e
      • fix: [usePopper]修复浮层贴右侧边缘时导致的问题 07c72ca
      • feat: [modal] 修复视觉走查问题点 3d88d74
      • feat: [upload] 修复视觉走查问题点 8838d3a

      https://github.com/kdcloudone/kdesign/compare/v1.5.8...v1.5.9

      Source code(tar.gz)
      Source code(zip)
    • v1.5.8(Oct 17, 2022)

    • v1.5.7(Aug 12, 2022)

      • Revert "fix: [Tooltip] 修复当触发元素在右上角,trigger=top时,浮层超出显示边界的问题" 16dde4e

      https://github.com/kdcloudone/kdesign/compare/v1.5.6...v1.5.7

      Source code(tar.gz)
      Source code(zip)
    • v1.5.6(Aug 11, 2022)

      • fix: [Tooltip] 修复当触发元素在右上角,trigger=top时,浮层超出显示边界的问题 f487389

      https://github.com/kdcloudone/kdesign/compare/v1.5.5...v1.5.6

      Source code(tar.gz)
      Source code(zip)
    • v1.5.4(Aug 11, 2022)

      • fix: [cli] 更改统一导航菜单 505bbde
      • fix: [cli] 更新footer的图片 1850985
      • feat: [Dropdown]子元素的ref获取不到的bug b8bdabd
      • fix: [Dropdown]dropdown组件item里面包含标签时点击无响应的bug d9368eb
      • fix: [Tooltip]组件-子组件的ref获取不到bug 81b69f4
      • fix: [Filter]修复Filter组件demo展示问题 9e1e807
      • fix: [tabs] 修复页签border宽度问题 a005a7b
      • fix: [select] 解决allowClear模式下 value为0时清空按钮被渲染为0的问题 4a383f4
      • fix: [radio] 修复单选组合禁用状态样式问题 41782c2
      • fix: [stepper] 修复步进器禁用状态无效问题 7d9cc6b
      • perf: [tree] 去除重复遍历计算树结构数据的层级 14c3f20
      • perf: [tree] 优化大数据虚模式下的节点过滤 874f1b0
      • fix: [tree] 调整demo展开收起图标 4e87537
      • feat: [icon] 新增展开收起图标 0915da7
      • fix: [tree] 增加节点过滤功能api c88575a
      • fix: [drawer] 修复纵向抽屉无法设置高度问题 dd3b9e1

      https://github.com/kdcloudone/kdesign/compare/v1.5.3...v1.5.4

      Source code(tar.gz)
      Source code(zip)
    • v1.5.3(Jul 29, 2022)

    Owner
    金蝶云苍穹开源
    金蝶云苍穹开源
    Rollup + React + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterprise grade boilerplate

    React package boilerplate by HackingBay Rollup + React 17 + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterpri

    HackingBay 2 Jan 19, 2022
    Rollup + Babel + Prettier + Strict ESlint + VSCode - Enterprise grade boilerplate

    Javascript package boilerplate by HackingBay Rollup + Babel + Prettier + Strict ESlint + VSCode - Enterprise grade boilerplate Minimalist js package b

    HackingBay 1 Dec 28, 2021
    A framework dedicated to making it easier for you to build enterprise-grade PWA applications.

    A framework dedicated to making it easier for you to build enterprise-grade PWA applications.

    JerryC 181 Oct 6, 2022
    Toolkit for development, test and deploy smart-contracts on Waves Enterprise ecosystem.

    JS Contract SDK Toolkit for development, test and deploy smart-contracts on Waves Enterprise ecosystem. Quickstart The fastest way to get started with

    Waves Enterprise 20 Dec 15, 2022
    Open-Source Serverless Enterprise CMS

    Webiny developer community writing program. Contribute to the open source movement by writing technical content. And get paid for doing so!!!

    Webiny 23 Dec 29, 2022
    Small library to create classes without using class syntax.

    Clazz.js Small library to create classes without using class syntax. Compatibility For internet explorer 11 or higher. Example <script src="Clazz.js">

    Emanuel R. Vásquez 1 Dec 25, 2021
    Pure JavaScript library that add .is-hover class instead of css :hover for mobile and desktop.

    MultiDeviceHover Pure JavaScript library that add .is-hover class instead of css :hover for mobile and desktop. Usage Install Using npm, install multi

    Ryuta Sakai 1 Oct 5, 2021
    A refined tool for exploring open-source projects on GitHub with a file tree, rich Markdown and image previews, multi-pane multi-tab layouts and first-class support for Ink syntax highlighting.

    Ink codebase browser, "Kin" ?? The Ink codebase browser is a tool to explore open-source code on GitHub, especially my side projects written in the In

    Linus Lee 20 Oct 30, 2022
    A simple class to embed a panoramic view in a website from six pictures

    htmlcubemap A simple class to embed a panoramic view in a website from six pictures. It uses CSS with transforms. Demo here Usage Just call from javas

    Javi Agenjo 6 Dec 17, 2022
    This simple project, show how work with async Fetch, function component and class component

    Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

    DaliyaAsel 2 Feb 17, 2022
    Modern Spatial Reference System Class. Supports EPSG Codes, PROJ4 String, and Well-Known Text.

    spatial-reference-system Modern Spatial Reference System Class. supports EPSG Codes PROJ4 Strings ESRI and OGC Well-Known Text PRJ File install npm in

    Daniel J. Dufour 6 Jul 22, 2022
    All five assignments and the final group project is done in class CSCI5410 (Serverless Data Processing) Fall 2021 of MACS at Dalhousie University.

    Dalhousie University | Fall 2021 | CSCI5410 | SDP (Serverless Data Processing) All five assignments and the final group project is done in class CSCI5

    Dhrumil Shah 1 Dec 26, 2021
    A TailwindCSS variant for class-based dark mode with CSS Modules.

    A TailwindCSS variant for class-based dark mode with Svelte's scoped stylesheets and CSS modules. If you've ever tried to use TailwindCSS dark mode wi

    Bryan Lee 13 Dec 1, 2022
    PHEX, but it shows up as Google Docs in the extensions. Useful if you're using it in class.

    PHEX, but it shows up as Google Docs in the extensions. Useful if you're using it in class.

    gemsvidø 3 Oct 28, 2022
    A JavaScript lib with more functions for the normal Date class.

    A JavaScript lib with more functions for the normal Date class.

    Ícaro Gabriel 4 Jan 26, 2022
    A little toy password manager made for a university class

    Eddy Passbear's Password Manager A little toy password manager made for a university class. Powered by Remix, Prisma and the air we breathe. Step-by-s

    Kacper Seredyn 2 Jan 30, 2022
    It's a javascript Class which contains utility methods that simplify working with google maps web SDK

    About GoogleMapsJSHelper It's a javascript Class which contains utility methods that simplify working with google maps web SDK Note: i used ES7 Class

    Sami Alateya 6 Jul 23, 2022
    this is a single-page web application. we built a book website where the user can add , remove and display books. we used modules to implement these functionalities. also, we used the Date class to display the date and time.

    Awsome Books In this Project, we have built A Books websites. Built With ?? HTML CSS javascript Git & Github Live Demo Here you can find the live Demo

    Nedjwa Bouraiou 10 Aug 3, 2022
    PublisherConnector is a class object that allows you to interact with the CHILI Publisher editorObject via postMessage without the complexity of postMessage.

    PublisherConnector is a class object that allows you to interact with the CHILI Editor editorObject via postMessage without the complexity of postMessage.

    CHILI publish 8 Nov 24, 2022