Git Product home page Git Product logo

kpc's Introduction

English | 简体中文

Features

  • Support multiple frameworks: Intact / Vue / React.
  • Support TypeScript.
  • Change theme on runtime.
  • Declarative form validation.
  • Excellent documents and design
  • 90% coverage unit tests.

Browsers Support

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
IE10, IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

Vue

Installation

# Vue3
npm install @king-design/vue --save

# Vue2
npm install @king-desing/vue-legacy --save

Usage

<template>
    <Button>Hello</Button>
</template>
<script>
import {Button} from '@king-design/vue';

export default {
    components: {
        Button
    }
}
</script>

React

Installation

npm install @king-design/react--save

Usage

import {Button} from '@king-design/react';

function App() {
    return <Button>Hello</Button>
}

Immediate Feedback

Welcome to join us by QQ. Group Number: 529739732

KPC Official QQ Group

QQ

Links

Develop

Require node@10 ~ node@14 and [email protected] or above.

git clone https://github.com/ksc-fe/kpc.git
cd kpc
npm install
npm run dev:doc

# test 
npm run test
# update snapshots 
npm run snapshot
# deploy documents
npm run deploy:doc
# release new version 
npm run release

License

MIT

kpc's People

Contributors

alice52hz avatar chaosbee avatar cnzhhx avatar dependabot[bot] avatar javey avatar kosl90 avatar m2417181901 avatar matengfei131 avatar matengfei9527 avatar mrxf avatar warrior-bing avatar x6doooo avatar yeqijiang avatar zhangttrue avatar zhangyundoc avatar zhusilence avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

kpc's Issues

Select键盘操作与搜索结合使用时报错

Select当键盘操作选中某项后,此时键入搜索关键词,使检索结果为空,然后按回车键会报错,因为组件还会将之间选中项作为结果,尽管此时该项不在检索结果中。

Transfer需要给每一列指定key

Transfer存在动画,而动画元素需要key配合,所以必须给列表元素指定key属性。添加keyName用于自定义取哪个值当做key

Table在MacOS下的chrome中,选不中

Table在MacOS下chrome中,当整行可选择时,点击checkbox无法选中,原因为触发了两次事件。可能跟inputopacity为0有关,导致事件的target对象不指向input而是input的父元素span

Tabs统一尺寸

Tabs进行重新设计,规定了尺寸,size属性变得没有必要。另外提供3种样式选择:default card border-card

Editable $changed:value事件触发问题

Editable在输入不合法时,会改变组件内部的value,此时如果父级触发了子组件的更新,传入原始合法值时会触发不必要的$changed:value事件

Pagination组件的页码infinity

Pagination组件 页码条数limit不在limits数组中时,会导致前后翻页无效,点击页码会导致页码出现infinity

Tooltip箭头对齐

目前Tooltip固定居中展示,但当Tooltip内容存在边界冲突导致偏移时,变不能指向触发元素中心。另外如果Tooltip内容不想居中展示,也会存在问题。

select选择时闪现required错误信息

当select支持搜索时,用户点击菜单项选择的瞬间会触发select中input失焦事件,导致Form会去检测是否为必填项,此时值为空,检测失败而出现错误信息

组件新增large尺寸

为了满足更多需求,新增large尺寸,并将默认default设置成更合理的值

Slider input输入体验优化

Slider的input输入框,当输入值越界时,会强制修正。这可能导致用户在输入的中间过程中,被强制修正后,不能正常输入

Dropdown嵌套问题

Dropdown嵌套使用,并且触发方式为hover时,鼠标hover到子菜单然后再hover到父菜单,子菜单消失,并且此时如果鼠标移出菜单后再移入,子菜单会展示后立即消失

TableColumn的title属性需要支持一个tooltip

表格标题文本后面是否可以添加一个对当前列的提示功能, 即:TableColumn的title属性需要支持一个tooltip,比如一个图标,hover上去的时候显示个浮层之类似。😁

Select支持输入不存在的条目

当前select在搜索时,如果不存在匹配项,则会在失去焦点时清空。可以添加allowUnmatch属性来支持新建条目,类似ComboBox的功能

Datepicker不必要的表单验证

Datepicker组件为必填项required时,组件失焦就会触发表单验证,导致当点击日历弹层中非日期元素时,触发了不必要的验证

FormItem支持强制验证

默认情况下FormItem只会在要验证的值model或者要验证的规则rules变更时,才会触发重新验证。但有时候,验证规则函数可能依赖多个值,并不仅仅只是model的值,这个时候,如果它依赖的其他的值变更,则无法触发重新验证。
新增force属性,让FormItem针对这种情况来强制验证

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.