Do you want to request a feature or report a bug?
Report a bug

What is the current behavior?
If we add content (ex: a view in new line) in collapse, it will not shown, because the height is fixed, we can make it dynamic.

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code.

What is the expected behavior?
the collapse auto extend in height after we add new item inside it.

Which versions of mini-ali-ui, and which version of Alipay are affected by this issue? Did this work in previous versions of mini-ali-ui?
1.0.2

https://opendocs.alipay.com/mini/component-ext/notice 这个能否支持一下无限循环滚动？

问题描述

Tabs组件elevator模式，向上滚时会一下子就滚到顶

复现步骤

当前master分支代码，官方demo，tabs的elevator页面

1. 将页面滚到底
2. 向上滚

预期行为

1. 向上回滚时行为正常，而不是一下子回滚到顶部

环境信息

当前master分支代码（注意不是当前官网的demo）

button组件使用data-xxx携带的参数无法在事件中获取

复现步骤

1. 使用uni-app开发工具 HBuilder 2.5.1（最新版本也是出错），mini-ali-ui 1.3.7 rpx版本，使用自定义组件模式 usingComponents 。
2. 按照 am-popup 组件的 文档，搭建示例后，点击mask后无法正常关闭popup弹出层，并且报错 Cannot set property 'stopPropagation' of undefined。根据排查后发现，使用button组件的onButtonTap事件的代码重写了popup 的 onMaskTap后，可以正常使用。

注释的为出现错误的代码 /mini-ali-ui/src/popup/index.ts

注释的为出现错误的代码 /HBuilderProjects/example/pages/index/index.vue

报错截图

直接使用钉钉开发工具npm install mini-ali-ui-rpx --save 不会出现报错可以正常使用，初步猜测是uni-app编译vue到小程序的过程中，因为popup 的 onMaskTap 中的 onTap event 事件中的 target 丢失造成的。

背景

想在钉钉小程序中上传视频文件，需要分片上传的功能

期望

希望添加上传组件

思路

无

问题描述

复现步骤

demo 示例

🔗 demo 的示例地址：

截图

预期行为

环境信息

• mini-ali-ui （px 版本扩展组件）
• mini-ali-ui-rpx （rpx 版本扩展组件）

• 组件库版本：
• 设备机型：
• 设备版本：
• APP： 支付宝小程序

背景

请描述你所遇到的问题现状

1.search-bar 组件 onSubmit 事件触发后不失焦。
2.无法通过focus prop来让search-bar失焦。

期望

请描述你所希望添加的功能

1. search-bar组件 onSubmit触发后自动失焦
2. focus支持通过prop实时更新。

思路

对于你所描述的问题，是否已有解决方案或者思路，如有可提供作为参考，或者提交你的 PR 、截图

问题描述

复现步骤

1. Terms 默认选中按钮不生效

demo 示例

🔗 demo 的示例地址：小程序 Demo 示例

截图

预期行为

1. 协议组件默认选中情况，checkbox 选中

环境信息

• mini-ali-ui （px 版本扩展组件）
• [] mini-ali-ui-rpx （rpx 版本扩展组件）

• 组件库版本：
• 设备机型：
• 设备版本：
• APP： 支付宝小程序

在popup组件里使用scroll-view组件导致scroll-view滚动不了，在编辑器是可以正常滚动，到真机调试或者发布都滚动不了

问题描述

mini-ali-ui 1.0.12版本
新特性 verify-code 组件未输入值情况下的验证提示；导致
点击获取验证码按钮时，必须先输入验证码，这个时候根本就还没有验证码

复现步骤

1. 验证码功能输入手机号，然后点击发送验证码就提示要先填验证码了

问题描述

由于在Message组件中, iconType 使用了setData 来设置，所以当设置type 为非success 时，会出现icon 跳变，从默认的check_ 变为我们的设置值

  <am-icon className="am-icon icon-{{type}}" type="{{iconType}}" />

var TYPE_MAP = {
  success: 'check_',
  fail: 'close_',
  cancel: 'close_',
  info: 'help_',
  warn: 'warn_',
  waiting: 'time-5_'
};

onInit: function onInit() {
    this.setType(this.props.type);
  }

setType: function setType(type) {
      var realType = TYPE_MAP[type] || 'check_';
      this.setData({
        iconType: realType
      });
    }

复现步骤

message type设置为warn, 电脑反应速度低一些，即可看见icon 跳变

现在我们项目组是采用hack 的方式，将TYPE_MAP设置在了props 中，然后直接用js 对象的计算数据来做：

<am-icon className="am-icon icon-{{type}}" type="{{TYPE_MAP[type] || 'check_'}}" />

期待有更好的方式修复

demo 示例

无

截图

无

预期行为

环境信息

• mini-ali-ui （px 版本扩展组件）
• mini-ali-ui-rpx （rpx 版本扩展组件）

• 组件库版本：
• 设备机型：
• 设备版本：
• APP： 支付宝小程序

1.0.7之后外部改变checked绑定值，am-checkbox不再响应变化

<view> <am-checkbox checked="{{checked1}}" onChange="checkChange" data-index="1"></am-checkbox> <am-checkbox checked="{{checked2}}" onChange="checkChange" data-index="2"></am-checkbox> <am-checkbox checked="{{checked3}}" onChange="checkChange" data-index="3"></am-checkbox> <button size="default" type="primary" onTap="checkAll">CheckAll</button> </view>

Page({ data: { checked1: false, checked2: false, checked3: false, }, checkChange(e) { console.log(e) this.setData({ ['checked' + e.currentTarget.dataset.index]: e.detail.value, }) }, checkAll(e) { console.log(e) this.setData({ checked1: true, checked2: true, checked3: true, }) }, });

Originally posted by @FrameJ in #16 (comment)

1. 多指滑动会触发多个swipeAction 处于活动状态，SwipeAction的restore属性不起作用
2. 华为 mate 20pro 机型左滑取消订阅按钮，可以卡到中间，不会自动回弹

问题描述

1.验证码框组件（verify-code）组件可重复点击，具体表现为源码不校验 _actionActive状态，setInterval多次
2.如果手机号输入错误，无法发送验证码时，该组件一定会进入倒计时，希望由组件调用方控制状态

复现步骤

1. 不断点击发送验证码那个窗口即可

demo 示例

🔗 demo 的示例地址：
https://pen.mini-code.com/s/75005a16-911d-4c87-8e25-2dce70ba4cc1

截图

预期行为

环境信息

• mini-ali-ui （px 版本扩展组件）
• mini-ali-ui-rpx （rpx 版本扩展组件）

• **组件库版本：**1.0.11
• 设备机型：
• 设备版本：
• APP： 支付宝小程序

背景

stepper 不支持传值和修改主题色，自定义按钮

期望

stepper 希望能支持传值和修改主题色，自定义按钮

思路

建议加一个回调参数把this.props 里面的参数吐出来
主题色外面加个入口
加减按钮能自定义传入图片

辛苦辛苦各位大佬
谢谢

问题描述

Tabs组件的tab页签，正常情况下，点击后会自动将选中的activeTab移至居中位置。
但在capsule和hasSubtitle的情况下不会自动移动。

复现步骤

使用官方demo就能复现

1. 直接将demo/pages/tabs/index.axml第二行代码的capsule改为true
2. 进入官方demo，点击tab，选中tab不会移动
   注意：一定要将capsule或hasSubtitle预设为true，而不能直接在demo上用radio改变

预期行为

1.activeTab在capsule和hasSubtitle的情况下也会自动移动。

环境信息

最新版本，当前的master分支

问题描述

复现步骤

1. accordion="{{true}}" activeKey="{{[1]}}" 设置activeKey无效 默认展开第一项/最后一项

demo 示例

🔗 demo 的示例地址：https://pen.mini-code.com/s/deebdfb3-1dce-4ad3-a377-c5efe798145e

截图

预期行为

1.按照activeKey设置展开

环境信息

• mini-ali-ui （px 版本扩展组件）
• mini-ali-ui-rpx （rpx 版本扩展组件）

• 组件库版本：
• 设备机型：
• 设备版本：
• APP： 支付宝小程序

目前的 UI框架中没有分隔符（Divider）组件，如下图所示：

是否可以添加个呢
😄😄😄

背景

请描述你所遇到的问题现状

期望

请描述你所希望添加的功能

思路

对于你所描述的问题，是否已有解决方案或者思路，如有可提供作为参考，或者提交你的 PR 、截图

问题描述

复现步骤

demo 示例

🔗 demo 的示例地址：

截图

预期行为

环境信息

• mini-ali-ui （px 版本扩展组件）
• mini-ali-ui-rpx （rpx 版本扩展组件）

• 组件库版本： 1.1.7
• 设备机型： 小程序ide
• 设备版本：
• APP： 支付宝小程序

背景

请描述你所遇到的问题现状
steps组件横向状态下不支持配置icon

期望

请描述你所希望添加的功能
支持配置icon，与纵向保持一致

思路

对于你所描述的问题，是否已有解决方案或者思路，如有可提供作为参考，或者提交你的 PR 、截图

我们希望如果stepper的value大于某个值时，弹出提示。

现在的效果是：
比如在onChange中设置value大于5提示超出数量。当提示出现时，stepper的显示已经变成6了。
如果设置组件max为5，onChange中这个>5提示超出数量则不会触发。
如果onChange改为中>=5,刚增加到5就会提示。

这个组件值的展示的和onChange回调没有先后关系,导致在有业务判断的时候很难受

版本：1.0.9
this.$page[collapsePrefix("updates-" + collapseKey)] 没有初始化

Do you want to request a feature or report a bug?

What is the current behavior?

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code.

What is the expected behavior?

Which versions of mini-ali-ui, and which version of Alipay are affected by this issue? Did this work in previous versions of mini-ali-ui?

背景

请描述你所遇到的问题现状

SearchBar 搜索框confirm-type="search"不生效，变成了驼峰confirmType="search"

期望

请描述你所希望添加的功能

部分由短横线-拼接的保留字如confirm-type不要按照dataset改成驼峰

思路

对于你所描述的问题，是否已有解决方案或者思路，如有可提供作为参考，或者提交你的 PR 、截图

问题描述

将tabs和popup一起使用时，出现tabs的title的z-index太高，无法隐藏

复现步骤

• 测试代码

<view>
        <tabs a:if = "{{tabs.length > 0}}"
            tabs = "{{tabs}}" 
            tabsName = "activeTab" 
            onTabClick = "handleTabClick" 
            onChange = "handleTabChange" 
            activeTab = "{{activeTab}}" 
            swipeable = "{{true}}"
            tabBarUnderlineColor = "#0264af"
            tabBarActiveTextColor = "#0264af">
          <block a:for = "{{tabs}}">
            <tab-content tabId="{{index}}" activeTab="{{activeTab}}">
              <device-list deviceTypeArr="{{[item.id]}}" dataArr = "{{[]}}">
              </device-list>
            </tab-content>
          </block>
        </tabs>
    <popup show="{{show}}" animation="{{true}}" mask="{{true}}" position="right" disableScroll="{{true}}" onClose="onPopupClose">
      <view style="height: 100%;width:250px;background-color: #fff;">hello world</view>
    </popup>
</view>

• 怀疑问题样式
  mini-ali-ui/es/tabs/index.acss

.am-tabs-bar-title__noMargin {
  margin-right: 0;
  z-index: 101
}

demo 示例

🔗 demo 的示例地址：

截图

预期行为

1. pop在最顶层，不显示下层

环境信息

• mini-ali-ui （px 版本扩展组件）
• mini-ali-ui-rpx （rpx 版本扩展组件）

• 组件库版本：
  1.1.2
  1.1.3
  都试过
• 设备机型：
• 设备版本：
• APP： 钉钉小程序

哈哈哈哈哈哈哈，支持一下~

背景

在input-item 组件中，清除按钮大小是无法自定义设置，在px版本中18的大小正常，但是在rpx版本中18的大小显得过小
<am-icon size="18" class="am-input-clear-icon" type="close_" color="#ccc" />
附图rpx版本

附图px版本

在真机测试上表现与ide相同

期望

input-item 组件希望能增加设置清除按钮大小的功能

思路

可以对rpx版本进行优化，修改默认的清除按钮大小；或者开放自定义清除按钮大小，更开放一点可以修改清除按钮图标或者开放插槽

input-item组件希望能透传controlled参数。
目前，类似【在onInput事件里，通过正则阻止用户输入非数字内容】的场景无法实现，输入框里的文本只会在值有改变的时候重新渲染，如果值不变，输入框里的内容无法限制。

如题

Hi,

Is there any chance of getting an English version of the documentation?

Thanks!

背景

请描述你所遇到的问题现状

业务需求其实是因为tab项太多，希望增加一个icon可以触发快速选中的操作。但由于Tabs组件该位置写死了<am-icon type="add" />。

期望

请描述你所希望添加的功能

期望开放此处的icon自定义能力。

思路

对于你所描述的问题，是否已有解决方案或者思路，如有可提供作为参考，或者提交你的 PR 、截图

如果期望收敛需求，可以增加iconType；不然，期望增加完全自定义的槽位。

需求: popover-item 点击获取对应item或index值

问题描述

在受控模式下，仅设置ctrlChecked为true时，无法正确的显示组件的勾选状态

复现步骤

1. 目前的 onInit 与didMount仅会从props中去获得checkbox的默认值，且读取的值为checked，不会读取受控状态下的ctrlChecked的值
2. 只要组件没有触发deriveDataFromProps钩子，在受控状态下则组件状态会无法被正确设置

demo 示例

🔗 demo 的示例地址：

截图

预期行为

环境信息

• mini-ali-ui （px 版本扩展组件）
• mini-ali-ui-rpx （rpx 版本扩展组件）

• 组件库版本：
• 设备机型：
• 设备版本：
• APP： 支付宝小程序

version:1.0.10
collapse 设置activeKey无效，指定key面板无法展开；
有如图error

amchecbox设定checked=true无效，渲染没有选中状态。使用1.0.5版本正常。

使用环境：remax2.1.1

问题描述

复现步骤

demo 示例

🔗 demo 的示例地址：

截图

预期行为

环境信息

• mini-ali-ui （px 版本扩展组件）
• mini-ali-ui-rpx （rpx 版本扩展组件）

• 组件库版本：
• 设备机型：
• 设备版本：
• APP： 支付宝小程序

问题描述

在任何前端状态交互中，给button 加了loading状态，为什么loading态组件还能接着点击，这似乎不太符合常规逻辑？

复现步骤

demo 示例

🔗 demo 的示例地址：https://opendocs.alipay.com/mini/component/button

截图

预期行为

1. 点了button loading态后应该不能接着点

环境信息

• mini-ali-ui （px 版本扩展组件）
• mini-ali-ui-rpx （rpx 版本扩展组件）

• 组件库版本：
• 设备机型：
• 设备版本：
• APP： 支付宝小程序

背景

请描述你所遇到的问题现状

期望

增加rate 组件供开发者使用，对工单服务人员进行打分

思路

增加rate 组件供开发者使用，对工单服务人员进行打分

最新版本的组件库。

碰到问题是ios最新系统，文本给顶出了输入框。
demo代码
blank1.zip

当Tab内部使用Popover时，由于am-tabs-slides的样式里存在transform，会导致mask的fixed定位出问题。MDN position

关闭swipeable，也是同样现象，估计使用的swiper也是相同原因。

PS：
刚接触小程序。。。不知道是否有类似React Portal的实现方式？

如题：

for example:

"usingComponents": {
  // mini-ali-ui v1.2.4 2020-11-21
  // 这里为方便，全局引入了所有组件，也可以在某个page下单独引用某个组件
  // 布局导航
  "ali-container": "/mycomponents/mini-ali-ui/es/container/index",
  "ali-title": "/mycomponents/mini-ali-ui/es/title/index",
  "ali-list": "/mycomponents/mini-ali-ui/es/list/index",
  "ali-list-item": "/mycomponents/mini-ali-ui/es/list/list-item/index",
  "ali-list-secondary": "/mycomponents/mini-ali-ui/es/list/list-secondary/index",
  "ali-tabs": "/mycomponents/mini-ali-ui/es/tabs/index",
  "ali-tab-content": "/mycomponents/mini-ali-ui/es/tabs/tab-content/index",
  "ali-vtabs": "/mycomponents/mini-ali-ui/es/vtabs/index",
  "ali-vtab-content": "/mycomponents/mini-ali-ui/es/vtabs/vtab-content/index",
  "ali-card": "/mycomponents/mini-ali-ui/es/card/index",
  "ali-coupon": "/mycomponents/mini-ali-ui/es/coupon/index",
  "ali-grid": "/mycomponents/mini-ali-ui/es/grid/index",
  "ali-steps": "/mycomponents/mini-ali-ui/es/steps/index",
  "ali-footer": "/mycomponents/mini-ali-ui/es/footer/index",
  "ali-terms": "/mycomponents/mini-ali-ui/es/terms/index",
  "ali-flex": "/mycomponents/mini-ali-ui/es/flex/index",
  "ali-flex-item": "/mycomponents/mini-ali-ui/es/flex/flex-item/index",
  "ali-collapse": "/mycomponents/mini-ali-ui/es/collapse/index",
  "ali-collapse-item": "/mycomponents/mini-ali-ui/es/collapse/collapse-item/index",
}

calendar 日期不能跨月选择
🔗 demo 的示例地址：

SwipeAction可滑动单元格每次点击单元格onSwipeStart这个方法会执行，能不能使这个方法只有在单元格滑动的时候才执行？获取有没有一个单元格滑动开执行的方法，不然没办法在单击单元格的时候，使已经滑开的单元格关闭，还不执行单击的单元格的方法？

Do you want to request a feature or report a bug?

What is the current behavior?

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code.

What is the expected behavior?

Which versions of mini-ali-ui, and which version of Alipay are affected by this issue? Did this work in previous versions of mini-ali-ui?

背景

请描述你所遇到的问题现状
目前的实现在生命周期外部调用了同步的JSAPI，由于小程序打包产物为单文件，会影响小程序的核心耗时，根据实验室测试数据，影响范围大概在200ms左右。

期望

请描述你所希望添加的功能

在组件的onInit中调用异步的方法获取启动参数

思路

对于你所描述的问题，是否已有解决方案或者思路，如有可提供作为参考，或者提交你的 PR 、截图

一般来说VerifyCode组件是应该配合手机号输入表单的，当输入正确的手机号的时候，才允许点击发送验证码，希望官方能提供一个属性或方法可以操作是否能点击发送按钮

问题描述

在淘宝pc端小程序，引入<notice>组件，设置enableMarquee="{{true}}" marqueeProps="{{marqueeProps}}"，字符长度足够，但是滚动没有生效

复现步骤

1. 在pc页面的某个组件中引入notice
2. 后续步骤如描述

3.排查下来是 my.createSelectorQuery().exec()的回调函数没有被调用

在setTimeout(()=>{...},0)里面调用createSelectorQuery，正常滚动。如果官方认可这个原因的话，我可以提一个PR

demo 示例

🔗 demo 的示例地址：

截图

预期行为

1. notice可以滚动

环境信息

• mini-ali-ui （px 版本扩展组件）
• mini-ali-ui-rpx （rpx 版本扩展组件）

• 组件库版本：
• 设备机型：
• 设备版本：
• APP： 支付宝小程序

问题描述

am-icon 在钉钉小程序中 color属性不生效，在支付宝小程序中表现正常
现在一个临时的解决方案是通过className对color进行赋值
.axml
<am-icon type="more-1" color="#3699FE" size="32" className="item-name"/>
.acss
.item-name { color: #3699FE; }

复现步骤

demo 示例

🔗 demo 的示例地址：

截图

预期行为

环境信息

• mini-ali-ui （px 版本扩展组件）
• mini-ali-ui-rpx （rpx 版本扩展组件）

• **组件库版本：**1.1.7
• 设备机型：
• 设备版本：
• APP： 钉钉小程序

应用: 钉钉小程序企业内部开发
mini-ali-ui版本: 1.0.5 or 1.0.6

问题: 组件tabs切换, 激活项不会回滚到中间?

期望效果: 支付宝小程序官网的示例可以回滚https://opendocs.alipay.com/mini/component-ext/tabs