wechat-miniprogram/miniprogram-component-plus

开发

1. 安装依赖：

npm install

2. 执行命令：

npm run dev

默认会在包根目录下生成 miniprogram_dev 目录，src 中的源代码会被构建并生成到 miniprogram_dev/components 目录下。如果需要监听文件变化动态构建，则可以执行命令：

npm run watch

3. 生成的 miniprogram_dev 目录是一个小程序项目目录，以此目录作为小程序项目目录在开发者工具中打开即可查看自定义组件被使用的效果。

其他命令

• 清空 miniprogram_dist 目录：

npm run clean

• 清空 miniprogam_dev 目录：

npm run clean-dev

子模块开发

src 下每个组件目录对应一个 npm 模块，需保证文件名均为 index.xxx，同时添加 package.json， 参考 src/video-swiper。

发布npm包

npm run dist 后生成 miniprogram_npm 目录，进入到每个子项目中执行 npm publish --access=publish

miniprogram-component-plus's Issues

企业微信内wxmltocanvas错误

rects.lenght中的lenght是否拼写错误？

miniprogram-component-plus/src/behaviors/selectQuery.js

Line 22 in 706e3e2

if (rects && rects.lenght > 0) {

npm install失败

npm install失败

sticky组件在自定义tabbar下使用会报错！！！

首先这个问题困扰了我一个上午，经过反复测试发现的


前提是小程序使用自定义tabbar才会复现，然后我查找自定义组件的相关文档，猜测是attached函数在自定义tabbar下表现不一样，还没渲染组件就触发了该函数导致的报错，于是我就把attached替换成下面的ready函数，结果就正常了！

总结：在自定义tabbar下自定义组件获取元素节点需要在ready函数下获取才能确保拿到节点信息，
希望官方看到之后给出确认解答，并修复该问题！谢谢！！！

扩展组件 index-list 缺少示例代码链接

如题

求更新微信最新表情😭

求更新微信最新表情😭

tabs 不行

1.按照你们的垃圾文档，真的难以编码。
npm i @miniprogram-component-plus/video-swiper --save

col 组件触发不了bindtap事件

<mp-row wx:for="{{ reconmend }}">
	<mp-col wx:for="{{ item }}" span="{{6}}">
		<view>
			<view class="col">
				<image mode="aspectFit" src="{{ item }}"  data-src="{{ item }}" catchtap="onTap" show-menu-by-longpress="ture"></image>
			</view>
	</view>
</mp-col>

sticky在小米手机中不生效

其他安卓手机和iOS机型表现正常，小米手机不生效

Wechat Version 7.0.19
MIUI 10.2.35
model MI 9
Android 9

啥时候适配暗黑模式？

WeUI好像已经适配了

tabs slot插槽位置渲染错误

在模拟器中,只在Iphone5中测试生效其余机型测试都不生效

视频滚动问题，只有3的倍数下是正常的

video-swiper 真机调试有问题呀

为什么在开发者里调试好好的，然后用真机 滑倒下一个视频了 还在播放上一个视频，当前视频是暂停状态

grid组件，在给mp-col增加bindtap时不触发

grid组件，在给mp-col增加bindtap时不触发,子组件里面的view也不能使用bindtap

<mp-row>
  <mp-col span="{{8}}">
    <view class="col" bindtap="goToLogin">
      <view class="weui-grid__icon">
        <mp-icon icon="lock" size="{{22}}"></mp-icon>
      </view>
      <view class="weui-grid__label">登录</view>
    </view>
  </mp-col>
</mp-row>

video-swiper 组件不支持在swiper-item下放置插槽

video-swiper 组件不支持在swiper-item下放置插槽<slot></slot>

tabs在#shadow-root的组件设置id属性会自动添加一堆数字前缀

比如设置，渲染出来就变成<view id="473ba4c8--xxx"">
搞得没法用wx.createSelectorQuery().in(this).select('#xxx>>>.xxx')，id变随机数字，怎么查询

icky

vtabs activeTab属性无效？

设置了默认的activeTab，左边的tab栏改变了，但是右边的内容却没有跟着联动

扩展组件能不能增加一个电子表格的

扩展组件能不能增加一个电子表格的 ，可以参考web端的jexcel 做一个

[sticky] Sticky 的表现与 css sticky 不一致

设置了 CSS position: sticky 的元素，在页面滚动的过程中，当其触到父容器的底部时，会随着父容器滚出屏幕而被推出屏幕，并非直接消失。

CodeSandbox

video-swiper 全是 坑，我列举出来了，求修复

1，不支持暂停播放控制

2，不支持无限循环滚动

3，只渲染 3 的 倍数的视频

4，默认定位到第二个视频上，如果要实现热门推荐之类的，第一个最热门的 直接 让用户看不到，除非自己滑上去

5，不支持判断视频分辨路是否竖屏 或者 横屏，很多时候 如果为竖屏的话 需要 设置 objectFit 为 cover 来实现全屏播放，横屏得话就不用了

6，不支持 slot 自定UI 进去，绝大部分情况下 吗，每个视频都有自己的一些 UI ，但是 这个 插件不支持slot 只能一直悬浮 在上面然后 动态改变 ，看上去非常不自然

按需加载

您好，请问支持按需加载吗？

sticky吸底支持~~

sticky组件能不能加上吸底功能

文档里示例小程序码出不来

see title

vtabs 异步加载 vtabs-content 内容数据，内容高度变化问题

vtabs 异步加载 vtabs-content 内容数据 ，内容高度发生变化。但是vtabs初始化是存储的_contentHeight缓存没有发生变化，_heightRecords没有重新计算。导致点击tab时，内容定位错误。
是否可以增加内容高度变更监控，重新计算_heightRecords的方法。
或者将方法暴露出去，
让开发者监控内容高度变化后，重新计算_heightRecords值？

vtabs显示问题

当几个vtabs对应的vtabscontent，内容高度小于一屏时，触发onTabCLick事件，会同时触发tabChanges事件，导致activeTab显示错误

tabs 高度不能设置

tabs-content 里内容高度调整后，容器的高度没有跟着变化

<mp-tabs
  tabs="{{tabs}}"
  activeTab="{{activeTab}}"
  swiperClass="weui-tabs-swiper"
  bindtabclick="onTabCLick"
  bindchange="onChange"
  activeClass="tab-bar-title__selected"
>
  <block wx:for="{{tabs}}" wx:key="title">
    <view class="tab-content" slot="tab-content-{{index}}" > <view style="height: 300px;"> {{item.title}} </view></view>
  </block>
</mp-tabs>
<view> ---- footer ---- </view>

这是移除了样式表里的高度设置

.tab-content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 40rpx;
}

Error when use Behaviors, demo runs fine and i don't know why.

Behaviors should be constructed with Behavior()

vtabs 组件定位错误，如何修复呢？

vtabs 组件定位错误，如何修复呢？ 只有四个的时候就能测出来呢

const titles = [
'热搜推荐', '手机数码', '家用电器','生鲜果蔬',
// '酒水饮料', '生活美食',
// '美妆护肤', '个护清洁', '女装内衣',
// '男装内衣', '鞋靴箱包', '运动户外',
// '生活充值', '母婴童装', '玩具乐器',
// '家居建材', '计生情趣', '医药保健',
// '时尚钟表', '珠宝饰品', '礼品鲜花',
// '图书音像', '房产', '电脑办公', ]