hellof2e / quark-design Goto Github PK

demo示例里图片组件高度都多了5px

请问一下，有计划支持taro吗

机型: 11 pro max
版本: IOS 15.3.1
微信版本: 8.0.23

Quark Design 版本

1.0.12

重现链接

No response

重现步骤

导入1.0.12后即可复现该错误，见图：

期望结果

No response

实际结果

No response

框架版本

任意

浏览器版本

No response

系统版本

No response

Node版本

16

补充说明

No response

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

同 #75 ，还有一些组件无法成功引用：

• quarkd/lib/form
• quarkd/lib/nativeuploader
• quarkd/lib/uploader

如图：

可以在官方demo中复现，不知道有没有什么好的解决办法。

Quark Design 版本

new

重现链接

No response

重现步骤

No response

期望结果

希望能有选择性的在底部弹出的相册/相机二选一进行上传

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

目前 README 中对几个组件库的 CDN 文件体积进行了对比：

以上体积数据与我验证的结果并不相符，请问是否是数据统计有误？

• https://fastly.jsdelivr.net/npm/[email protected]/lib/vant.min.js
• https://fastly.jsdelivr.net/npm/[email protected]/umd/index.js
• https://cdn.jsdelivr.net/npm/@nutui/[email protected]/dist/nutui.min.js

你建议的方案是什么

明确数据统计方式，或修正数据。

后续有考虑提供一些 PC 端的表单组件吗

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

No response

这个功能解决了什么问题

一般的走马灯组件都会有鼠标移入暂停的能力，移动端可以设置一个点击暂停的能力

你建议的方案是什么

https://github.com/EvodiaAut/vue-marquee-text-component/blob/master/README.md 参考这里的 pause 功能就可以

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

随便找个组件看了一下，就拿 Stepper 组件来说 限制了范围之后的值就删不掉了，到实际业务场景假如设置一个非必填题，那如果用户不下心填错了，怎么删都删不掉那要重新刷新页面嘛？

再一个就更怪了，为什么开始只能输入0.x, 不能输入5.x,6.x...？

在一个就是输入一个2，按一下删除会变成 0？，再按一下才是null？

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

【popup组件】关闭按钮点击不可关闭，需要双击才能关闭

这里点击有问题

应该添加zoom入参，允许查看大图时，可以通过手势放大缩小，无需开发者自己去写这段逻辑，图片能手势缩放对移动端来说属于重要且基本的功能之一

在文档示例中 点击选中4星的评分的时候，变成5星啦

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

问题说明： 初次进入点击组件选择vue会白屏然后切换react会回到首页

重现步骤： 初次加载网站的时候点击导航栏的组件然后来回切

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

Rate 组件禁用状态的style和普通的区分只是在 opacity: 0.6; 上，如图。
总体视觉上还是没有区分开来，是不是应该重新设计下视觉效果？

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

在库里就做了 vw 转化, 不想跟着转的话对齐都很麻烦了, 这个不用做成默认行为吧?

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

reproduce link(重现链接)

No response

Steps to reproduce(重现步骤)

No response

Desired result(期望结果)

No response

Actual results(实际结果)

No response

Framework version(框架版本)

No response

Node version

No response

Other instructions(其他说明)

双击按钮会莫名选中按钮下面的文字

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

禁止上传的的图标是不是应该有点变化，和非禁止样子一样，点击也没提示

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

缺少单独build的npm script

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

一时没能理解sticky 的offsettop属性为什么单位只能是vw，应该能写各种单位尺寸才对吧，内部还使用了convertVw方法，写了其他单位，就变成NaN了，
如果只能限制一个单位，也应该是vh吧

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

虚拟列表可能有bug，
页面刚打开的时候没数据，手动上下滚动才有。

quark-design.hellobike.com

（看文档上是有这种问题，未实际使用测试）

期望

希望支持服务端渲染框架

效果

HTMLElement is not defined

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

这个功能解决了什么问题

建议参详一下quasar.dev的一些出色的组件功能效果。

你建议的方案是什么

quasar.dev

一直想等一个完整的跨端UI组件，等好这么久终于等到了，感谢开源

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

问题说明：文档站点的更新日志没同步
期望： 同步更新 changelog

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

具体页面 Url：https://quark-design.hellobike.com/#/zh-CN/component/button

具体体现：
1.左侧内容目录部分可以流畅滚动，右侧组件使用指南部分滚动卡顿。
2.在 Safari 浏览器没有此现象。

附上视频：

具体情况如图：

这样会导致在看完上一个组件的api时，下一个组件的内容并不是从头开始，而是处在一个奇怪的位置。

从最后一个滑动到第一个，过渡效果丢失

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

quark-textarea， 连动态绑定值都不行， 这框架有什么毛用

Quark Design 版本

all

重现链接

No response

重现步骤

执行npx lerna run --scope quarkd test 测试命令报错

lerna notice cli v5.1.8
lerna info versioning independent
lerna notice filter including "quarkd"
lerna info filter [ 'quarkd' ]
lerna info Executing command in 1 package: "yarn run test"
lerna ERR! yarn run test exited 1 in 'quarkd'
lerna ERR! yarn run test stdout:
yarn run v1.22.18
$ karma start --timeout 10000

START:
08 11 2022 22:50:51.021:WARN [filelist]: Pattern "/Users/tang/Documents/mian/quark-design/packages/quark/snapshots//*.md" does not match any file.
08 11 2022 22:50:51.022:WARN [filelist]: Pattern "/Users/tang/Documents/mian/quark-design/packages/quark/src/packages//*.test.js" does not match any file.
08 11 2022 22:50:51.037:INFO [karma-server]: Karma v5.2.3 server started at http://localhost:9876/
08 11 2022 22:50:51.037:INFO [launcher]: Launching browsers ChromeHeadlessNoSandbox with concurrency unlimited
08 11 2022 22:50:51.040:INFO [launcher]: Starting browser ChromeHeadless
08 11 2022 22:50:51.569:INFO [Chrome Headless 107.0.5304.87 (Mac OS 10.15.7)]: Connected on socket M9TcB-qiw6W1uWxMAAAA with id 79500159

Finished in 0 secs / 0 secs @ 22:50:51 GMT+0800 (**标准时间)

SUMMARY:
✔ 0 tests completed
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
lerna ERR! yarn run test stderr:
warning package.json: No license field
(node:68367) [log4js-node-DEP0004] DeprecationWarning: Pattern %d{DATE} is deprecated due to the confusion it causes when used. Please use %d{DATETIME} instead.
(Use node --trace-deprecation ... to show where the warning was created)
(node:68367) [log4js-node-DEP0004] DeprecationWarning: Pattern %d{DATE} is deprecated due to the confusion it causes when used. Please use %d{DATETIME} instead.
(node:68367) [log4js-node-DEP0004] DeprecationWarning: Pattern %d{DATE} is deprecated due to the confusion it causes when used. Please use %d{DATETIME} instead.
(node:68367) [log4js-node-DEP0004] DeprecationWarning: Pattern %d{DATE} is deprecated due to the confusion it causes when used. Please use %d{DATETIME} instead.
(node:68367) [log4js-node-DEP0004] DeprecationWarning: Pattern %d{DATE} is deprecated due to the confusion it causes when used. Please use %d{DATETIME} instead.
(node:68367) [log4js-node-DEP0004] DeprecationWarning: Pattern %d{DATE} is deprecated due to the confusion it causes when used. Please use %d{DATETIME} instead.
error Command failed with exit code 1.
lerna ERR! yarn run test exited 1 in 'quarkd'

期望结果

No response

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

这个功能解决了什么问题

chrome version:107.0.5304.87（正式版本） (x86_64)
OS version: Macos Catalina 10.15.7

你建议的方案是什么

页面滚动不会卡顿，且浏览器地址栏不会闪烁

A description of the problem, steps to reproduce, or with code samples, can be hosted on a GitHub repository with a link to the repository. (问题说明，重现步骤，或附上代码示例，可存放 GitHub 仓库并提供仓库链接。)

https://quark-design.hellobike.com/#/zh-CN/guide/introduction

Quark Design 版本

1.0.12

重现链接

No response

重现步骤

import React, { useState } from 'react';
import { Button } from '@quarkd/quark-react';
// import { Button } from 'antd';

const Index = () => {
const [count, setCount] = useState(0);
console.log(count);
return (

export default Index;

期望结果

1

实际结果

2

框架版本

react

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

目前只提供了vue和react的用法，其他的我觉着也得来一份（公司使用Angular，移动端用ionic），有的话会直观一点，光靠看vue用法转换多少都得花点时间
虽然你们才刚开源不久，但不依赖技术栈这点值得关注，毕竟国内ng能用的资源本就不多

Lit 本身也是个开发wc的库，可否利用 quark 作为 ui 框架在 Lit 中使用，是否有比较好的例子可以参考？

分享面板页面：


动作面板页面：

Form 表单页面 message 提示错误：

这个功能解决了什么问题

quark 以 web-components 作为基础来实现，跨框架的思路很棒，但在现有 / 复杂项目中引入整个 UI 库比较困难，而且设计风格不一致，即使覆盖样式后也可能会在升级后出现样式不兼容的情况。希望能够像 radix-ui 一样，给开发者最大的样式自定义自由，并且支持单独安装（独立组件 package），这样会比较便于使用。

你建议的方案是什么

• 渐进式地将组件拆成 package，开发者只需要安装 core package, component package, framework wrapper package 即可使用。
  • 举个例子，业务上曾有 marquee 的需求，我实现了一个 web-components 的版本来试用是比较容易接受的，但一下子引入整个 UI 库不是那么容易的事情。
• 默认样式作为可选项，方便开发者自定义样式。

这个功能解决了什么问题

lit是google开发的web component的辅助框架，大小也不大，使用起来比较灵活。

你建议的方案是什么

直接用lit

这个功能解决了什么问题

你建议的方案是什么

优化设计效果