cuke-ui / cuke-ui Goto Github PK

View Code? Open in Web Editor NEW

430.0 10.0 68.0 2.79 MB

🥒 黄瓜ui：一个即插即用的React UI 库

Home Page: https://cuke-ui.github.io/cuke-ui-landing/

License: MIT License

JavaScript 84.50% Shell 0.08% Less 15.43%

react ui cuke-ui components storybook javascript

cuke-ui's People

Contributors

Stargazers

Watchers

Forkers

caraws cc616 vvkkhjt yuyang019 icemimosa linyongping fikyair boychina eight-diagram duuliy yshysh123 libin1991 open-fe metal88888 gdaib html546 qq565999484 abcde158308 mgsers pq1949 lichengtao1989 huih99 kule2018 lauranalu926 mallex h-sven caojian123 chenjiji ryanwlx zhangjiaweiready whxian zengzimo hakanaku1234 msdgwzhy6 ui-lib-design 3455776541 cpanmac w3cui chenshengshui limerence19 chouzejkl fann0128 fcrong sundylink pibupi romatic666 caowenbin08 wzzz90 joey-lucky chunge16 turbo-wpc jomartinezzhu rock-fe-libs zhangtengjin pengju1218 inier mrwebtomcat derricktel golden0425 italic-2012 shervinchen ice-hazymoon isxiaoxin xiaozhi93 rashids-workspace linuxsuren ccj-007 nywgithub

cuke-ui's Issues

请问下你的组件下的 index.js 根本没有引入 styles.less，只有个 style.js 引入了，但是 index 和 style 是不打嘎的，那么styles.less 如何在 index.js 组件里面起作用的呢，一直不解？

请问下你的组件下的 index.js 根本没有引入 styles.less，只有个 style.js 引入了，但是 index 和 style 是不打嘎的，那么styles.less 如何在 index.js 组件里面起作用的呢，一直不解？

引入 button 时编译出错

Compiled with problems:X

ERROR in ./node_modules/cuke-ui/es/version/index.js 2:15-22

Should not import the named export 'version' (imported as 'version') from default-exporting module (only default export is available soon)

环境信息如下：

node --version
v16.14.0
"react": "^17.0.2",

引入方式如下：

import { Button } from "cuke-ui"
import "cuke-ui/dist/cuke-ui.min.css"

最近才开始学习 react，可能我没有给出足够有用的信息，如有遗漏，还请耐心指出，谢谢。

参考作者的Popover组件的开发期间遇到问题，解决后的建议

popover 使用的是tooltip组件的包装，但是在tooltip组件中有以下这些问题：

对于使用了tooltip或者popover的组件，在页面上划过的时候，会有一闪而过的显示后隐藏的情况，正常情况下应该是有个延迟，快速鼠标移过该区域不会显示出气泡
组件对于包裹的元素造成了侵入，比如123,其实是在页面多包裹了几层之类的标签，造成了侵入
气泡的三角形样式用了百分比，在气泡内容过高时候，三角形会被盖住

解决方法：

给移入事件加定时器，移出的时候清除
用React.isValidElement判断是否非法element，如果是组件就给包裹一层span，不是的话，直接使用，最后再使用cloneElement去传入ref，不对外面传入的组件造成侵入
气泡的三角形最好也使用margin-top: -15px之类的具体偏移量，保证三角形的位置一直都是确定的，使用百分比并不可靠。

有不妥的地方欢迎随时交流，感谢作者作出的组件案例，让我阅读中收获良多！

关于按需引入

antd手动按需引入代码如下：

可见每个组件打包后的style目录下存在两个文件 index.js以及css.js require了所需的less文件以及css文件，这样保证了组件之间的样式依赖可以在按需的条件下引入

cuke-ui的手动按需引入是这样的

只引入的style.less，假如Button组件还依赖另外一些组件的样式，是不是就gg了（的确也有一些组件是这样的）。

当然，使用babel-plugin-import插件没问题，因为他引用的是style.js这个文件，我看在写这个文件的时候把其他组件样式依赖也require了。

其实我想知道antd那种是如何根据style.js生成css.js 因为只能引入less的话对项目来说是不是有一些挑剔？还需要项目去配置loader。

就是babel-plugin-import配置的style属性值为css

style:'css'

我最近一直在学习你们的项目，但是似乎cuke-ui也没有实现这一步，导致按需引入无法引入css只能引入less，对使用非less预处理器的项目不太友好。

谢谢望回复！

storybook-Drawer

四个方向那里，点击偷偷打开家长的抽屉，然后再切换
右左上下之后，会触发抽屉的开、关状态各一次，先记录下，看抽屉代码ing

TurnTable bug

在点击TurnTable抽奖的后，在旋转的时候切换到其他浏览器Tab页，会无限制的旋转下去，直到再切回抽奖页面。

cuke-ui / cuke-ui Goto Github PK

cuke-ui's People

Contributors

Stargazers

Watchers

Forkers

cuke-ui's Issues

请问下你的组件下的 index.js 根本没有引入 styles.less，只有个 style.js 引入了，但是 index 和 style 是不打嘎的，那么styles.less 如何在 index.js 组件里面起作用的呢，一直不解？

引入 button 时编译出错

参考作者的Popover组件的开发期间遇到问题，解决后的建议

关于按需引入

storybook-Drawer

TurnTable bug

tabs 如果可以在添加左右来回拖动并自动点击切换就完美了

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent