arco-design / arco-design-mobile Goto Github PK

• I'm sure this does not appear in the issue list of the repository

Basic Info

What are the similar cases of this feature

https://mobile.ant.design/zh/components/popup

What problem does this feature solve?

当前提供了两个属性，但是单纯使用一个并不灵，容易引起误解，不如直接把两个属性合并为一个

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]

• I'm sure this does not appear in the issue list of the repository

基本信息

现有案例

期望支持

预期解决问题

目前团队web端使用的vue版本，期待移动端的vue版本

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: 本地chrome浏览器
• Reproduction Link: https://codesandbox.io/p/sandbox/quizzical-star-lz4e11

What is expected?

期望可以在nextjs中正常使用，或者可以有一份对应的接入文档

Steps to reproduce

https://lz4e11-3000.preview.csb.app/

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: iOS 13 / 14 / 15
• Reproduction Link: https://3gzlvv.csb.app/

What is expected?

限制最大的滚动距离，页面不再闪动

Steps to reproduce

在 iOS 真机或模拟器打开，点击 tab 跳转即可复现

千呼万唤始出来，终于来了，不过为啥版本是2+，内部一直在使用的吗

Will Mobile support Vue in the future？

• I'm sure this does not appear in the issue list of the repository

基本信息

• 依赖包名 及 版本: @arco-design/[email protected]
• 机型及版本: 无

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]

vite环境下，跟随文档全局导入样式，会发生类似#99的less文件not found问题，请问，有效的解决办法了吗

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]

• I'm sure this does not appear in the issue list of the repository

Basic Info

What are the similar cases of this feature

还需要增加开发哪些组件呢？

What problem does this feature solve?

还需要增加开发哪些组件呢？

• I'm sure this does not appear in the issue list of the repository

Basic Info

What are the similar cases of this feature

现在主流的react-native的UI库垃圾的像狗屎,外国人的审美太拉了

What problem does this feature solve?

是否有计划支持react-native?

是否会有日历组件？

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: chrome 109.0.5414.120（正式版本）22寸显示屏

What is expected?

demo框应该显示完全

docs https://arco.design/mobile/react/arco-design/pc/#/doc/changelog 文字重叠问题

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: （无）

Extra info

1. 具体报错情况：启动时import的路径会被错误解析，packages\arcodesign\components会被解析为packagesarcodesigncomponents
2. 尝试过全局替换packages\arcodesign\components中的反斜杠为\\和/，偶然成功启动过一段时间，但不久后自动还原又开始报错
3. 参考了issue #98，大概都是windows的问题，但是报错的场景不太一样，所里这里又提了一个issue

What is expected?

windows11下能够进行开发

Steps to reproduce

1. windows11，Node v16.19.0
2. 项目根目录下执行 npm run start或npm run start:vite等命令均启动失败(但PC文档可以启动)，具体失败原因见Extra Info

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: all

Steps to reproduce

1. swipeable 开启时，无法兼容内部横向滑动组件
2. autoHeight 开启时，内部高度变大后，如 500px -> 1500px ，将无法继续向下滑动

vite 引入 报错Could not resolve "@babel/runtime/helpers/extends

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: 无

What is expected?

成功运行

Steps to reproduce

使用 Windows 电脑开发 arco-design-mobile 运行 npm run test 和 npm run build 均会报错

初始赋值：


表现：

报错代码：

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: chrome模拟器

Steps to reproduce

我的配置是vite + arco mobile，发现在页面中写的自己的样式不会将px转为rem，是不是除了框架的组件，其他的项目代码是需要自己转换的？

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: iOS 15

imagePreview组件在ios app的webview和safari浏览器内预览时，无法滚动，找了下原因发现是preview-image-wrap元素上的onTouchmove事件导致的，请问目前有解决方案吗。

• I'm sure this does not appear in the issue list of the repository

基本信息

• 依赖包名 及 版本: @arco-design/[email protected]
• 机型及版本: 无
• 复现地址: https://arco.design/mobile/react/arco-design/pc/#/components/dropdown

预期结果

希望符合和其他弹出动画保持一致

复现步骤

右边沙盒滚动到底部，自定义下拉框节点，弹窗本来从上往下弹出，但却是先从下往我弹窗，应该是判断位置后没关联弹窗逻辑

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: pc chrome dev

What is expected?

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition3 which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here:xxxx

Steps to reproduce

use DatePicker component and use React.StrictMode

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]

以下代码会出现问题：

<ImagePreview
  className="preview-image-container"
  openIndex={openIndex}
  replaceFallbackWhenLoaded={true}
  images={files.map((f) => {
    return { src: f as string, fallbackSrc: f };
  })}
  getDoubleClickScale={(currentScale) => (currentScale === 1 ? 2 : 1)}
  close={() => setOpenIndex(-1)}
/>

移除dom结构中的preview-hidden后，预览图片正常显示。

添加以下代码后，图片正常显示

useEffect(() => {
  if (openIndex > -1) {
    timeoutId.current = setTimeout(() => {
      removeHidden();
    }, 100) as unknown as number;
  }
  return () => {
    clearTimeout(timeoutId.current as number);
  };
}, [openIndex]);

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Reproduction Link: https://arco.design/mobile/react/arco-design/pc/#/doc/changelog

What is expected?

The description of the update log is displayed abnormally. Normally, it should display 2 lines of text, but now the text of line 2 and line 1 overlaps

Steps to reproduce

Open https://arco.design/mobile/react/arco-design/pc/#/doc/changelog to view the changelog of version 2.27.0 and view the first text of the Bugfix

如果下拉时已经在顶部，则下拉非常流畅，但是如果是随滚动到顶部后继续下拉时则会出现卡顿情况，经调试发现后者的touchmove事件触发频率极低

移动端也是个挺常用的组件，未来会支持么？

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: Mac Chrome PC 的 版本 103.0.5060.134（正式版本） (x86_64)

• I'm sure this does not appear in the issue list of the repository

Basic Info

What are the similar cases of this feature

none

What problem does this feature solve?

ui design

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]

Steps to reproduce

详情请看这个代码案例，我无法变更选项内容了
https://codepen.io/2513483494/pen/NWePLoR?editors=1111

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: 移动端h5

Unit test completion

Priorities are distinguished by coverage levels.

P0

• form
• image
• image-picker
• notify
• show-monitor

P1

• context-provider
• count-down
• dropdown
• dropdown-menu
• image-preview
• input
• loadmore
• pagination
• rate
• swipe-action
• text-area

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]

Extra info

[vite] Internal server error: '@arco-design/mobile-utils/style/mixin.less' wasn't found. Tried - /Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/@arco-design/mobile-react/tokens/mixin/@arco-design/mobile-utils/style/mixin.less,node_modules/@arco-design/mobile-utils/style/mixin.less,npm://@arco-design/mobile-utils/style/mixin.less,@arco-design/mobile-utils/style/mixin.less
Plugin: vite:css
File: /Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/@arco-design/mobile-react/tokens/mixin/index.less
1 | @import '@arco-design/mobile-utils/style/mixin.less';
| ^
2 | @import './vars-switch.less';
3 | @import './pxtorem.less';
at less (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:20596:33)
at async compileCSS (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:20227:34)
at async TransformContext.transform (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:19876:50)
at async Object.transform (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:42396:30)
at async doTransform (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:56801:29) (x2)

What is expected?

[vite] Internal server error: '@arco-design/mobile-utils/style/mixin.less' wasn't found. Tried - /Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/@arco-design/mobile-react/tokens/mixin/@arco-design/mobile-utils/style/mixin.less,node_modules/@arco-design/mobile-utils/style/mixin.less,npm://@arco-design/mobile-utils/style/mixin.less,@arco-design/mobile-utils/style/mixin.less
Plugin: vite:css
File: /Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/@arco-design/mobile-react/tokens/mixin/index.less
1 | @import '@arco-design/mobile-utils/style/mixin.less';
| ^
2 | @import './vars-switch.less';
3 | @import './pxtorem.less';
at less (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:20596:33)
at async compileCSS (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:20227:34)
at async TransformContext.transform (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:19876:50)
at async Object.transform (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:42396:30)
at async doTransform (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:56801:29) (x2)

Steps to reproduce

[vite] Internal server error: '@arco-design/mobile-utils/style/mixin.less' wasn't found. Tried - /Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/@arco-design/mobile-react/tokens/mixin/@arco-design/mobile-utils/style/mixin.less,node_modules/@arco-design/mobile-utils/style/mixin.less,npm://@arco-design/mobile-utils/style/mixin.less,@arco-design/mobile-utils/style/mixin.less
Plugin: vite:css
File: /Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/@arco-design/mobile-react/tokens/mixin/index.less
1 | @import '@arco-design/mobile-utils/style/mixin.less';
| ^
2 | @import './vars-switch.less';
3 | @import './pxtorem.less';
at less (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:20596:33)
at async compileCSS (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:20227:34)
at async TransformContext.transform (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:19876:50)
at async Object.transform (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:42396:30)
at async doTransform (/Users/yingdenghui/Documents/sihuo/YEX-web/newYex/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:56801:29) (x2)

• I'm sure this does not appear in the issue list of the repository

Basic Info

What are the similar cases of this feature

比如 toast 组件由于使用了ReactDOM.render方法和ReactDOM.unmountComponentAtNode方法，会触发警告：ReactDOM.render is no longer supported in React 18. Use createRoot instead.

What problem does this feature solve?

解决部分组件的警告

引入代码
`
....

import '@arco-design/mobile-react/esm/style';
...
`

报错：
[plugin:vite:css] '~@arco-design/mobile-utils/style/mixin.less' wasn't found.

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]

What is expected?

一个项目里引入了arco和arco-mobile，发现mobile的样式似乎污染了arco/webreact的样式

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: 安卓9

这个tabs里的内容高度没设置对，导致只有第一个tab把全部的内容都展示出来了

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: PC就可以复现
• Reproduction Link: https://codepen.io/asurance/pen/abaYpWm?editors=ADM

What is expected?

进度条上数据和按钮上数据一致

Steps to reproduce

点击按钮，等待进度刷新

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: all

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: Windows Chrom PC 版本 106.0.5249.119（正式版本） （64 位）

Steps to reproduce

Dialog confirm组件样式在移动端正常但是PC却失效。

• I'm sure this does not appear in the issue list of the repository

Basic Info

What are the similar cases of this feature

很好奇你们内部小程序都是另起一套嘛，还是已经在测试中

What problem does this feature solve?

流畅度和细节很到位，国内移动端框架中应该是数一数二的存在👍。所以有没有适配小程序H5这类混合框架的计划，毕竟现在多终端同步开发的需求越来越多了

• I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/[email protected]
• Phone Model And Version: any

What is expected?

看了下源码，字体组件期望的是src为undefined，并且没有children传入。然而src却是必填

Steps to reproduce

在ts环境下输入