50 Star 575 Fork 166

同名自定义 / tmui design

2024-01-31 11:22
同名自定义

【插播一条广告】tmui4.0 x版本已发布,现招募种子用户,价格199元终身授权,还可免费使用我开发的原生插件截止2.28号

  • [注意]我本人没有测试uniapp 3.99sdk,我还在使用uniapp sdk 3.0.0-3090520231028001,即10月28号发布的版本,请大家使用时自行测试验证新的sdk是否有问题。
    由于Uni官方后面更新可以使用x版本怕问题太多,不敢使用,请大家谨慎在生产中使用。建议维持我cli的版本即可,切莫尝鲜。
  • tm-form,校验时机改为输入内容即校验,之前是首次不校验。并为ref函数validate校验提供了字段校验参数,允许你只校验部分字段。
  • tmui组件vsocde文档提示插件,请在vscode中搜索插件:tmui-helper进行安装。
  • util工具函数中isPasswordOfOther校验字母数字时可能有误。
  • useTheme,round计算时重复了个2导致写圆角时,第4个失败,使用了第3个的值。
  • tm-slide-switch提高了部分平台报错的兼容问题。
  • index.ts删除了一些不使用而导入的值,可能导致某些功能异常。
  • tm-segtab,修改外部更改值时,不会触发。
  • tm-text,新增aging,适配微信端字号自动适配
  • nvue图表兼容配置函数见issue.更新此版本需要同步去gitee上下载hybrid覆盖你的项目上同名目录。
  • tm-keyboard,优化安全区域 见issue
  • tm-carousel,新增imgModel,图片缩放模式
  • tm-cell,新增hover-class属性
  • tm-col,新增justify属性,可选参数与align相同。
  • css库增加了三人居中的baseLine对齐类,flex-row-baseline-[start,center,end]
  • tm-radio,buttom模式微信和网页的样式有差异。
  • tm-qrcode,微信真机上可能设置Logo报错.
  • tm-overlay,设置为底部内容不可滚动,相对应的是所有弹层组件底部内容都将无法滚动。
  • tm-avatar,增加errorImg,当头像出错时,使用此错误的占位图片代替img
  • tm-popover,增加defaultShow属性,默认是否显示展开。
  • tm-time-view,tm-time-picker等时间组件,如果你设置为时分,或者 时秒,这种类似的非标准需求,首次选中时会被默认的设置为起始位置,导致首次选中出错。
最后提交信息为: 更新升级到3.1.1版本
2023-10-31 15:57
同名自定义
  • 特别提醒:新的sdk3.8.12(含)后如果你不更新为最新的的sdk为3.95,但使用了hbx新版本,nvue平台会白屏,因此请大家注意更新为最新sdk与hbx匹配,否则白屏。
  • [特别提醒]keyboard键盘上个版本拼写错了,把正确的删除了。错误的留下了,大意了,这次改正了。你们正式的项目升级注意更新下keyboard这个组件导入
  • [优化]所有弹层类组件的定位使用了新的useHooks函数,解决了底部在安全区域和非常安全区域可能出现的错位问题。
  • [优化]因微信新版本引擎渲染节点与旧版本有点差异。导致部分组件可能出现错误的布局。针对这些已经增加了修复优化。如果大家发现哪些组件在新引擎上有问题,请及时在gitee上提交问题,我好修复兼容。
  • [优化]input组件,增加了customicon是否自定义图标,searchBgColor搜索按钮背景,searchWidth搜索按钮宽属性。
  • [优化]tmTabbar,增加了place属性,是否占位。
  • [优化]virtual虚拟列表,增加了scrollViewInTo属性用于手动定位列表当前滚动的具体锚点位置,top,bottom
  • [重磅]添加了一系列实用的useHooks函数,解构即可使用,类似于vue3流行的VueUse,解构出来的值是动态可变的以最终值为准,使用方便效率高。
  • 也是为了解决一些功能组件的界面可能不符合你的预期,因此做成useHooks方便大家自定义界面,直接使用功能。类似我提供底层api基础功能,你负责界面显示,这样就可个性化界面了,而不用实现功能逻辑。
  • 一个useHooks一个文件,因此你不用,就不会增加文件大小。不用担心包过大的问题。
  • [修复]tmCv渲染修复了文字渲染位置计算错误,导致文字排版可能错位。
  • [优化]tm-stepper组件经过项目验证,发现还是失去焦点时,再检查数据合法性比较好一点,因此现在输入值时,失去焦点才会校正。另外发现在华为鸿蒙系统中,如果一个输入框两边都有按钮贴在一起布局,会出现bug.该bug在京东微信商城小程序和一些其它大厂小程序都验证存在。因此本次更新修复兼容。
  • [优化]tm-weekbar新增了:itemSelectedBgColor,方便定义选中时的背景,更聚焦更美观。见示例demo
  • [优化]tm-action-menu优化如果底部没有安全区域时增加间隙。
  • [优化]tm-more新增:lightMaskColor,darkMaskColor渐变颜色组,主要是有些应用场景可能遮罩不一定是黑或者白可能会设置其它个性化的渐变色。
  • [优化]tm-input,增加:clearAndEyeColor:清除按钮,显示密码按钮的颜色
  • [优化]tm-scrolly增加refresher开启或者彬下拉刷新
  • [修复]tm-time-between时间范围选择器,修复可能出现的invidate的场景,具体表现概率性表现为时间超过当前日期时出现。具体原因在于变动逻辑上顺序我可能有误导致的。
  • [增强]css工具类,新增了grid排版,gap间隙设置(相比margin,padding增加间隙优势明显)vue包增加2kb,注意:nvue不支持。
  • [增强]tm-Carousel针对list如果为object时,如果含有text字段,就会在轮播的底部显示出轮播的文本,方便新闻轮播。见示例。
  • [优化]tm-calendar新增confirmText,textUnit方便定义其它语言。
  • [更多]更新和修改了许多其它文件,具体请使用git对比发现。
2023-07-26 10:00
同名自定义
  • 本次升级建议大家升级到3.8.7,目前测试良好。
  • [修改]升级tmui cli底层sdk至3.8.7,已经配置了vite.config.js已经可以支持编译到淘系小程序。
  • [修复]小程序全局分享shareDisable为true关闭分享,false为开启。与文档描述不符。
  • [更改]修改所有动画弹层类动效函数为cubic-bezier(.04,.78,.42,1),效果是打开是快-慢。关闭时快-慢,好像速度更快。
  • [优化]tm-scrolly下拉功能,修复在ios下scrolly下拉不正常
  • [优化]timebetween,代码优化
  • [优化]删除demo中index.vue页面的冗余代码。
  • [修复优化]tm-color-view,因uni sdk3.8.xx以来canvas组件反复bug出现。导致我这个组件此版本后渲染异常在微信上。本版本兼容更新了3.8.xx,可以正常了。但低于这sdk版本会出错
  • 所以现在要正常使用请使用3.8.xx以上吧
  • [优化]tminput的focus添加返回event参数。
  • [优化]补充类型和优化类型文件
  • [优化]tm-divider,新增showLable属性,同时新增插槽label,用于自定义文字区域布局。
  • [优化]css库修正。见gitee
  • [优化]tmrow,tmcol,在3.8.7 sdk开始莫名的在微信小程序端tmcol内部高度设置无效,只能设置外部高度解决的问题【已修复】。
  • [优化修复]tm-radio,tmcheckbox优化通过设置direction="customCol"如果label为多行时,在h5,微信小程序无法断行。顺便补下文档
  • [修复]upload组件,新增的after函数,默认返回有误。同时状态文件处添加当前的上传进度值,优化,如果当前在上传中不允许删除操作。
  • [优化]更新了tm-cascader组件,增加了异步加载数据用例以及优化异步加载。
  • [优化]tmRender增加了ref方法saveImg保存图片的方法。如果大家用来生成海报,可以此来保存图片.优化可能出现的问题。
  • [优化]tmCropimg,修改默认宽和高为250,(暂不支持nvue剪切)
  • [优化]tmSlider样式修改。
  • [修复]tm-codeinput,字段type值dot,line样式没有生效。同时新增showLine控制是否显示占位符。
  • [优化]tm-filterMenu组件,如果当你放置在父组件设定了transform中时,弹出定位将失败,位置错乱,本质上这个是原生css属性受限。无dom平台(小程序)解决不了。但好在有的平台支持使用根组件来解决。
    因此版本升级允许你放置在相关父组件中:比如当你把这组件放到swiper-item中现在也能正常弹出,但支持的平台仅限:微信小程序,淘系列,h5,nvue,使用场景见gitee
  • [优化]公共参数round属性升级后属性为[number]|number,规则与margin相同即:圆角,[x]或者直接数字x表示全部,[x,x]表示顶左,顶右,[x,x,x]表示顶左,顶右,底右,[x,x,x,x]顶左,顶右,底右,底左
  • [修复]tm-segtab,由于在非nvue平台不同分辨率下(特别是奇数倍率),uni.upx2px转换为rpx后会丢失0.5px导致上下错位。现在改为calc的百分比计算,让内容居中。
  • [修复]tm-tabs导航可能的计算,导致实际宽度大于内容宽度(左右线性动画模式时产生的问题。)
  • [优化]tm-drawer,优化在非nvue平台。动画未结束前点击遮罩不允许关闭。
  • [修复]tm-scrolly,底部加载更多在vue平台内容未居中.
  • [优化]tm-sku,新增了属性value,用来默认选中产品规格,注意规则请数据data规则以-区分比如:a-b-b
  • [优化]tm-input,新增searchWidth,用来改变搜索按钮的宽度,默认为0根据文字自动宽,
  • [优化]其它见gitee PR
  • [优化]tmHtml组件跟随原作者更新到2.4.2版本
  • [优化]tmSideMenu,新增disabledPull,是否禁用下拉刷新功能。
  • [优化]radio,checkedbox的属性beforChecked拼写错误修正为beforeChecked,并传递了当前的vale值,可以在函数内直接取得。
  • [优化]tmCountdown新增formatType,指定倒计时的类型,比如指定SS,当你设定300秒时,以300递减而不会进位到分。
  • [优化]tmFloatButton项目类型中增加了可选参数 openType?:string,callback?:Functionevent:any,item:actionsItem,各子按钮或者主按钮统一调用你给定的回调函数,并把参数传递给自己的。
  • [更新]修改文档,修复文档错误描述。
2023-06-28 10:55
同名自定义
  • [修复]tm-app,在app vue页面类型没有铺满全屏.
  • [修复]app ios nvue 下tm-picker组件显示异常 见gitee
  • [修复]时间范围选择器,在format 为 HH:mm 时,出现无效数据的bug,见gitee
  • [修复]tm-Segtab,在vue页面,使用gutter属性时,宽度计算有误。(nvue不受影响)见gitee
  • [修复]tm-steps,当添加小标题时错乱。见gitee
  • [优化]tm-alert,点击事件返回:item,index
  • [优化]tm-action-menu,见gitee
  • 增加了事件:open-data,各家小程序开放事件统一在这触发获取:头像,电话,联系人等。
  • [优化]tm-button,去掉了兼容pc的hover效果
  • [修复]tm-stepper,修复在小微信小程序中当值为""时,如果最小值为0,此时用户可以通过删除输入框的值让输入框为"",而不是0。当最小值为负数时,用户清空输入框时,自动设置为最小的负数,而不是0
  • [修复]tm-switch,在vue页面,没对齐(nvue不受影响)
  • [修复]tm-overlay,如果同一个页面使用多个这组件,并同时触发显示或者关闭等动作,由于触发了节流,导致只有一个能触发。修复后可同时调用。
  • [优化]tm-upload,开放props属性chooesefileAfter,用于在传前最后一次文件列表的动态修改。上传以你return后的文件列表为准。
  • [优化]tm-input,事件keyboardheightchange补充上,$event属性。
  • [优化]forom-item,添加属性labelWidth,可以单独控制标题宽度。
  • [优化]tm-switch,增加offIcon属性,关闭时显示的图标,默认没有。
  • [优化]tm-cascader,优化标题显示为text标题,而不是显示id标题.
  • [修复]tm-translate,动画在app vue页面因兼容嵌套导致所有在app vue页面类型的动画失效。现已修复
  • [修复]tm-time-between,新增modelStr(一般用来显示,因为可能是一个不标准的时间格式,给后台时请使用v-model变量),它是受fomat影响输出,但不允许输入,输入请用v-model来更改。这里只管输出format格式的时间。
  • [优化]tm-tree,添加了选中后文字显示主题色。也增加了禁用时节点文本为禁用色,但如果节点为父节点时,被禁用选中了,文本禁用色不生效(因为它的子节点可以选)场景需求见gitee
  • [优化]tm-filterMenu-item,增加了自定义标识属性uuid,场景需求见gitee
2023-06-06 10:37
同名自定义
  • [注意事项]3.8.3 uni sdk发布了,经过测试可以编译nvue app了。可能第一次编译会报appprieview的标点符号错误,
    我已经找到了问题是:uni sdk自己编译的html文件末尾少了个";"导致的,重新编译就正常预览了。但依然无法编译到支付宝。如果要编译到支付宝请继续使用3.6.18的 uni sdk见gitee库的备份json文件。
  • [修复]tm-dragList数据变动不更新问题。
  • [修复]tm-slide-switch,无法手动更改状态值。解决页面无法滚动问题
  • [修复]signBoard,qrCode组件在支付宝中无法保存和获取图片资源。
  • [文档]Scrolly文档现在重写编写,之前的文档存在错误,误导了大家的使用,导致使用出错。
  • [修复]tm-translate,组件ref的play方法失效,导致手动播放动画无法播放。
  • [修复]tm-segtab,动态修改list时,定位样式错乱。
  • [优化]tm-tag,增加了属性:before-close,关闭前执行的回调。
  • [优化]tm-upload,增加show-status 属性,以控制是否显示上传的状态栏。
  • [优化]tm-roll-notice,list类型增加了object,object[]类型支持,也同步增加了rangeKey来指定显示的文本字段。
  • [优化]修正util.getUid函数的类型。
  • [优化]tm-waterfall,见PR功能日志
  • [优化]tm-tabs,tm-scrollx,隐藏在安卓上的滚动条。
  • [优化]tm-icon,文档少了一个属性customicon,现已修正了文档。
  • [修复]tm-tabbar-item,少了一个属性customicon,导致如果你填写了自定图标名称,不能显示,要显示需要开启这个属性为true
  • [优化]tm-side-menu,属性单词require修正为required。
  • [修复]tm-button,loading状态下还能触发click.
  • [修复]tm-image,margin左右间距缺省第二个参数读取。
最后提交信息为: 更新3.1.06,uni sdk更新到3.8.3
2023-05-15 13:16
同名自定义
  • [文档]升级了文档网站到vitepress
    [重要提示]目前来说从3.7.10-3.7.11无法编译到nvue。3.8.12 alpha及3.7.9(含以下)可以编译到nvue.然后3.6.18(不含,以上)无法编译到支付宝。原因是uni sdk自己的插件问题,我无力修复。我只能把坑放到这大家避免。想要编译到支付宝请参考3.1.04的说明。
    如果uni升级解决了问题,我会在日志中说明。如果你可以解决上面问题欢迎到我的gitee上提供解决方案。感谢。
  • [优化]3.1.05开始,兼容你配置的darkMode模式。当你开启了darkMode,内部不再设置状态栏,底部菜单,的颜色设置,
  • 使用你自己的配置的theme.json文件。这个好处是在app,微信暗黑下没有闪白。
  • [优化]tmapp,文件不再手动设置内容宽和高。采用flex方案代替100%
  • [优化]tm-cascader,边线改为内边线。取消单独边线,影响事件触发。
  • [修复]Cascader组件在vue页面布局问题。
  • [优化修复]city-picker,新增了duration,打开弹出的动画时间,同时修复弹出框右上角文字颜色未跟随color属性。
  • [优化]Coupon,新增了disableColor,disableBgColor
  • [优化]小程序分享功能,在全局的config中新增shareDisable,是否禁用全局分享,默认禁用。如何自定分享见文档
  • 修改了一些其它代码
最后提交信息为: 发布3.1.05版本
2023-04-26 17:47
同名自定义
  • [提醒]刚发布的uni sdk 3.7.10还是未修复编译至支付宝时出现的编译问题,导致支付宝不可用。经过我测试哪怕使用官方的uni sdk也是有问题无法编译到支付宝小程序。
  • 因此我特意在我的gitee库中,保存了一份文件叫:package - alipay.json,如果要编译支付宝的把node_modules和package-lock.josn删除,
  • package.json里面的内容替换成ackage - alipay.json内容,再执行npm i,之后即可编译到支付宝。
  • 如果你们要使用最新的,又想用支付宝的,请自己向官方提bug(别让我提,我提太多了)。
  • [更新]现在全局配置表那已经允许配置按钮的全局配置属性,支持的字段见文档类型。
  • [新增]tm-fly-view,组件,是一个抛物线组件,从触发位置,把目标元素以抛物线的效果抛至目标点位,主要场景交互有:购物车添加商品,收藏夹等 一些交互效果的元素。
  • [修复]util在h5端setClipboardData设置剪切板内容,返回类型不正确。
  • [修复]tm-form无法监测对model整个全部重新赋值的改变。
  • [优化]tm-sku,组件进行了重新设计。具体见demo示例,不向下兼容。
  • [优化]tm-slide-switch,组件进行了重新设计。现在可以用来作为聊天列表使用了。uni的wxs坑至今无法修复。本次放弃wxs,改回原来touch事件。新增了:open,close事件触发。并且opoen-status也开放双向绑定了。可双向打开和关闭。
  • [优化]modal,overlay,drawer增加了teleport属性以便在h5禁用。
  • [修复]修复Image组件冗余代码
  • [新增]新添加一个第三方请求库,位置:tmui->tool->lwu-request.ts,暂时没有文档。代码非常工整。且条理清晰。请查看源码使用。由于大小原因。这个库合并为单独使用。如果需要使用,请自行导入使用。
  • 该请求库,有队列请求,错误重试控制请求,中断请求,拦截器配置等特性,功能强。该库原作者链接:访问,已经通过pr方式合并到tmui,tool中,版权同tmui版权,免费商用。
  • [修复]input组件在非微信小程序平台,如果不绑定值,可能在事件中不会返回相关值。
  • [优化]tm-picker,新增duration属性弹出动画时间。
  • [优化]tm-drawer,添加了beforeOpen,beforeOk,beforeCanse属性,后两者如果的函数如果返回fase会阻止关闭弹层。
  • [优化]tm-avatar,添加了iconColor属性,用于单独定义图标颜色。如果不提供使用主题色
  • [优化]tm-upload,添加status-code属性,用于服务状态码自定成功时的值,默认200
  • [修复]tm-modal,在vue页面的情况下添加border导致窗口宽度举出隐藏,边线缺失。
  • [修复]tm-table,当所有数据的值为空数组时[],会导致bug。
  • [关于暗黑闪白问题]由于uni在最新的3.7.3+已经出了darkMode配置方法,我原先的一些方法将注销不再使用。如果你们的app,微信,h5出现暗黑闪白问题,请按照官方的配置方法去配置解决。官方的暗黑配置教程
  • [优化]tm-waterfall-item,新增了click事件,当整个项目被点击时触发的方法。
  • [优化]tm-tabbar,增加了zIndex属性,注意:nvue是没有效果的,需要放到页面最后才能是页面的最顶部。
  • [优化]tm-time-between,start,end属性,可动态设置
  • [优化]css库,增加了一个类:flex-col-full,这个功能类似于类flex-1,我们知道在flex-row横向时,内只有一个元素时占比1就是相当于我们的100%宽度。但如果是纵向col布局时,
  • 如果让宽度100%呢,使用类flex-col-full就行了。一直这个属性缺失,今天补上。
  • [优化]form-item,组件增加属性errHeight,自行控制底部错误空间的高度。同时提供error插槽,自行显示当前错误的格式,插槽携带了错误信息的数据,见文档
  • [修复]picker,time-picker在支付宝样式问题。
最后提交信息为: 3.1.04
预览版本
2023-04-01 21:26
同名自定义

3.1.03(2023-4-1)

  • [新库]重新编写发布了tm-render库,不再引入第三方渲染库,而是采用了自写的轻量级canvas渲染库,目前暂不支持Nvue(后续兼容),
  • 使用超级简单,具体请看demo实例
  • tmCv
  • [优化]autoDark,优化,可能切换自动时有混乱的表现。
  • [优化]tm-text,主题判断优化下,增加容错率。
  • [优化]tm-form,校验优化,大家对校验的要求较高,希望给出手动校验值,以及校验后需要返回每一个字段校验的结果,因此我重构了校验流程,让校验变得更简单,方便手动或者自动校验功能。
  • 现在不管是submit还是手动vailidate校验,都将返回isPass:是否校验通过,和result[]校验结果列表集,以及绑定的model数据三个字段。
  • [修复]因为新的配置表采用了对pinia实例的插件安装,导致已有pinia store的pinia实例丢失,各位在引用自己的pinia实例时,记得在引入我的tmui之前引入创建实例即可,详见快速上手文档。
  • [优化]最近不少人反应运行到app报错,经过多次配合排查,发现是大家使用了pinia的持久化插件导致。帮本次升级针对pinia升级优化。大家安装pinia插件时,一定要在app.use(tmui)之前引入安装自己的插件。
  • [优化]actionMenu的list数据结构增加了属性openType,方便使用小程序和应用按钮的开放功能
  • [优化]picker,modal,增加了zIndex属性。
  • [优化]tm-icon,自定图标如果名称出现多个-时可能无法显示。
  • [修复]颜色计算公式rgbaToHsla转换精度有误差导致颜色值会相差0.6-1之间。
  • [优化]uni.getsystem下取值hostTheme无效,改为osTheme取值。
最后提交信息为: 升级至3.1.03
2023-03-24 22:58
同名自定义
  • [重要]cli相关依赖全部升级到最新,pinia,vite,echart,uni sdk(3.7.9),经过本人测试优化的挺好,建议大家可以升级。如果你是使用cli开发
  • 请下载我的最新cli包前往下载,插件版本号已经帮你配置好。替换packejson后,请执行npm cache clean --force清下缓存包。然后再npm i --save执行安装依赖
  • 如果你是hbx项目,目前无法升级到379(官方未发布),总的来说建议升级,经测试nvue端有改善,已经支持动态主题投影,不过还是要请大家自行打包我的iosdemo自行比较。
  • [优化]tm-upload,增加imageModel,图片的缩放模式
  • [优化]tm-city-picker,增加了两个导出函数,用于小程序地图选点时,返回的城市名称时,可用于ref函数进行名称反选出index索引或者id数组,方便后台交互。
  • [修复]tm-collapse-item在vue页面展开失效(nvue不受影响)
  • [修正]tm-tabs,默认的rangkey之前是title,我测试时,写成了key,发布时忘记改回,对不起各位 。
  • [更新demo]因为filter已经支持了footer底部操作固定功能,因demo相应更新。
  • [修复]utils下的预览图片方法preview,某些情况下判断有误。
  • [优化]tm-sheet,特殊的合并写法,在微信小程序的不同sdk版本库可能会提示非常多的警告。
  • [修复]tm-form,如果设置了某个字段与formitem同时切换隐藏时,且该字段同时存在于form的model中,会触发来回切换造成校验混乱。
  • [优化]config中,下个版本
2023-03-20 23:14
同名自定义
  • [紧急]现紧急修复一个问题,因uni SDK底层渲染机制(时机)的一个bug(我认为是bug,但无法确认他们的渲染逻辑顺序只能推测。),
  • 如果想知道原理的可看这,戳我,导致主题在app(vue,nvue)真机上失效
  • [优化]tm-tabs,增加了rang-key来自定取值标题的字段,默认是通过title,唯一标识key,也可以写成id字段,优化了类型校验。
  • [修复]tm-sheet,tm-tag,tm-button渐变失效
  • [修复]tm-overlay,禁用底部内容滚动后,如果内部再套入scroll-view或者view的scrollview造成无法滚动。这一问题影响了所有弹层类组件。
  • [修复]tm-image,组件设置margin,会影响原有图片宽度。
  • [修正文档错误]
2023-03-16 19:53
同名自定义
  • [非常重要]版本升级后,3.1.0之前的版本需要作下兼容处理:即以前的router,theme文件夹不是必要的了,所以升级后不会读取,需要你手动配置并导入到tmui配置表中,以及main.ts中也改动了安装方式。
    总体来讲就是变得更简单了。不再绑定和要求一些文件配置了,全部为可选。见文档:进阶指南,并了解如何配置路由,主题,以及一些其它的全局配置。
  • [基础工具更新]所有文档已经迁移到香港服务器,如果提示网站服务停用,请刷新页面缓存。并且会提供相关的打包接口,以后下载cli和demo包将会在服务器上自动打包最新的版本供你们下载。而不需要我手动来升级打包了.
  • [基础工具更新]tmui-cli更新路径:以后将提供可视化安装,并可以更方便的更新插件和安装包,并直接下载模板到安装项目中。极大的方便cli安装方式
  • [基础工具更新]文档提供了【进阶指南栏目】里面有详细的介绍如何配置全局属性,以及ts文件中的Tmui类型命名空间的使用和提示,以及教程,教会你如何配置vsocde来开发hbx uni项目。这次主要的更新是完善vscode中的vue3 ts类型提示以及校验,更体现vue3的优势所在。不管是全局的uni.xx挂载和pinia的store.xx挂载,我都内嵌到全局的类型提示了。你只要输入你的pinia模块和uni.都是会提示全局的属性和方法.
  • [通用]部分常用组件,button,tag,sheet增加了border-color属性,如果提供了的话,在亮色下将不采用主题匹配的值,而是采用你提供的。暗黑模式以及切换主题时,border-color会采用切换的计算的颜色值。
    也就是说只有当为默认主题时才会使用自定义的border-color。
  • [优化]tm-waterfall-item瀑布组件,如果图片加载错误返回一个占位空间提示加载错误。
  • [修复]tm-overlay,增加了节流函数,防止点击过快导致显示异常。
  • [优化]jstool即uni.$tm.u下面的工具函数新增了几个非常实用的操作方法,见文档。并优化了部分方法代码实现。
  • [修复+优化]tm-popover,修复width属性失效,并增加label插槽,以实现类似淘宝菜单的小弹窗,出现更多按钮,效果见demo
  • [修复]tm-button,font-color设置为自定颜色或者主题色时,可能会导致混乱,使用按钮颜色自定义时出现错误。
  • [优化]tm-tag,新增一个属性iconAlign用于展示图标显示的位置,左还是右。
  • [重要]因为uni在最新的3.7.3升级了vite版本号,会导致大家使用cli升级sdk失败。大家只要在package.json中:
    "vite": "^4.1.4","@vitejs/plugin-vue-jsx": "^2.1.1"这两个版本号修改下,然后再修改sdk号:3.0.0-3070320230222002
    再执行:npm install --force 就可以了,但实测可能是uni官方还未提供升级相关插件,即便成功了,也会编译出异常的平台。慎重升级,等uni完善吧。
  • [优化]tm-app,开放了bgimg属性,现在可以设置app背景图片了,注意的是,设置了图片背景颜色会失效。
  • [新增组件]tm-sort,宫格拖动排序,注意事项见文档。
  • [优化]tm-image组件取消了二次缓存方法(之前是一张图片会加载两次的,第二次是缓存结果),现在取消了。
  • [优化]minx.ts中的computedClass属性计算,可能带来的隐患错误。
  • tm-translate修改了动画属性将影响部分平台,zoom效果没有了,包括一些性能。将影响下面提到的嵌套功能。
  • 实现嵌套原理:微信,支付宝使用root-portal组件,H5使用teleport组件,NVUE本身不受限制
    修改升级原因如下:
  1. 广大网友希望弹层类,能够嵌套的使用。
  2. 现在所有的弹层组件:支持压屏嵌套,内弹层(只遮盖组件内部)
  3. 【微信,支付宝,NVUE端,H5】不受性能影响,因为有原生组件支持
  4. 除了上述3点中的四个平台将影响部分动画性能,因css3中left,right,bottom动画,相对css3的transform效率性能要打折。具体可见css3文档.
  • 预告:我已经跟随uni适配theme暗黑模式,但uni sdk在cli vue3下有bug,根本无法切换,一切换就报变量错误。我也无奈,因此等uni稳定后,再适配,就可以解决暗黑切换闪白问题。
  • [优化]tm-overlay关闭了拖动遮罩时底部内容也可滚动,影响到所有弹出组件。即所有弹出组件触摸拖动遮罩时都将无法滚动页面。
  • [修复]在小程序下切换暗黑时,导航标题栏系统的原生字体未跟随变化。
  • [增强]tm-float-button,增加了弹出子菜的动画。修复子菜单点击事件填写错误。
  • [修复]tm-table,数据监测异常,导致循环卡页面。
  • [优化]tm-collapse,增加了折叠动画,不建议嵌套使用,会影响性能。nvue端,如果需要展开动画,需要指定属性contentHeight内容高度。
  • [修复]tm-descriptions,子组件在非nvue端可能等比分不准确。
  • [修复增强]tm-button,新增disabledColor禁用色,当按钮被禁用时展现的颜色,默认grey-1,以及修复load时按钮样式没有改变。当禁用或者load时去除hover效果。
  • [优化]tm-calendar,tm-calendar-view,新增了format属性,用于对modelStr(输出项)字段属性的时间格式化,非modelValue的格式化。
  • [优化]tm-tabs,增加showTabsLine,用于开启线性动画后,是否隐藏底部灰色的导轨。
  • [TS增强] 不知道vscode从哪个版本的ts开始原有的类型合并,对于我框架的类型与Uni官方类型合并出现了问题。导致在页面输入uni.$tm时不出现提示和注释
    带来编译的不方便。因此变更了类型合并处理,解决部分类型报红的问题。
  • [优化]tm-progress,进度条重构了圆环代码,对圆和半圆增加了进度动画,引入了tween.js增加了15kb大小。
  • [优化]tm-form-item,增加:showTopErrorGap属性,用于隐藏顶部的错误间隙,但保留底部,以减少布局间的空隙
  • [优化]tm-chart,组件,新增ref方法getImg导出图表图片功能
  • [优化增强]tm-button,tm-sheet等组件加入了公共属性linear-color,当开启linear时,如果你提供了linear-color颜色组属性,将使用你提供的渐变方案。如果不提供还是保持原样的自动渐变方案
  • [增强]所有picker类弹层,以及drawer抽掘,modal弹层增加了相关的默认插槽来触发弹层。不用再去定义和绑定show相关变量来控制显示隐藏,提高布局效率。
  • [utils]routerTo方法的类型提示有误。
  • [修复]tm-tabs-pane,属性count不更新的问题。
  • [修复]tmFormItem,修复layout="vertical"时,非nvue页面样式错乱。
  • 修善了部分ts类型文件。
  • 文档示例错误修改
最后提交信息为: 3.1.0
预览版本
2023-02-13 19:31
同名自定义
  • [新增组件]tm-adsorb,吸附器,主要功能:随意拖动后会在屏幕两侧自动吸附。也可以关闭吸附功能,达到任意拖动。nvue使用Binding,非nvue使用wxs实现,请注意兼容
  • [修复]tm-button,属性fontColor失效
  • [修复优化]tmFilterMenu组件在作为悬浮时是可能展开后内容位置不对,因此增加了fixed属性,用于悬浮时使用,让本组件跟随屏幕滚动,自动吸附顶部展开条件筛选菜单。
  • [优化]tm-slide-switch,现在已经可自行设定rightWidth宽度了,即展开的宽度,不再是固定值。
  • [修复]tm-col,在vue页面(nvue不受影响)时内容未能100%撑开。
  • [修复]tm-form,在nvue页面(vue不受影响),布局为竖向时,标题内容过长时不会自动断行。
  • [修复]tm-calendar-view,tm-calendar,日历范围忘记引入函数了。导致范围选择报错.
  • [修复]tm-city-picker,增加cityLevel,城市选择级别,这个功能一直都有,但我忘记放出来给大家用了。导致文档写了,但实际用不上。
  • [修复]tm-rate,单词错误,导致监听变量失败,赋值失败。
  • [修复]tm-picker,tm-time-picker内部参数单词拼写错误。
  • [修复]tm-images,的loadIcon,errorIcon两个属性未启用的问题,同时增加了load插槽
  • [优化]virtual虚拟列表增加top插槽,固定某个内容跟随滚动在顶部。具体见文档。
  • [优化]tm-input,增加searchFontColor搜索按钮字体颜色.
  • [优化]tm-button,目前删除了授权的快捷功能,因为微信收回了获取头像昵称规则。
  • [修复]tm-more,util.ts见:gitee pull
  • [优化]tm-dropMenu,增加haveArrow是否显示箭头。
  • [优化]tm-upload,新增:fileType,选择图片的场景值,默认为,相册和相机 中选择。
  • [大改]tm-table,表格已发生重大改变,不向下兼容。请注意备份老版本并谨慎升级本组件。
  • [修复]tm-keyborad,数字键盘在vue页面发生布局错误。
  • [修复]tm-translate,在非nvue端未触发开始和结束事件。
  • [修复]tm-tag,在开启可关闭选项时,关闭后,还占位了空间,并未真正消失。
  • [优化]tm-filterMenu-item,属性为动态响应可修改。
  • [优化]tm-action-menu,修改了样式
  • 修改部分示例
最后提交信息为: 升级3.0.9,内容见更新日志
2023-01-09 09:59
同名自定义
  • [新增]tm-color-view,颜色选择器。
  • [新增]tm-sku,商品属性选择器
  • [重要优化]tm-chart图表组件,从3.0.89开始已经兼容nvue平台。并且在nvue下性能是最棒的。具体看文档。同时去除掉了stop事件,允许页面事件穿透。
  • [修复]tm-picker,tm-picker-view,属性dataKey因为在微信平台与官方字段关键字重名,导致设置失败,现在新增了一个mapKey与dataKey作用相同,向下兼容后续建议大家使用mapKey
  • [优化]tm-button重新布局,减少嵌套,利于原生的功能。
  • [优化]tm-grid,针对nvue调整优化了宽度的计算。防止部分手机缩放,有概率会断行。更改了角标位置。
  • [优化]tm-calendar-view,nvue页面可能某些手机在切换为月,年季度时,会断行。
  • [修复]tm-carousel,在最新的sdk中,轮播索引对齐样式在nvue端丢失。
  • [修复]tm-scrollx,在vue页面对齐方式失效。
  • [优化]tm-collapse-item
  • [优化细节]tm-input,对后缀和前缀图标点击区域稍微扩大,图标也增大,过小无法点中触发事件。同时对边线,图标颜色切换,聚焦时的转换增加动效,让切换变得更为自然。
  • [优化]tm-radio,tm-checbox,优化选中图标大小,以及对齐布局的改变。
  • [优化]tm-rate,增强了选中的动效[nvue颜色过渡效果没有,但弹跳效果是有的]。
  • [修复]tm-tabs,在vue页面时,如果标题过多,会断行。
  • [重要优化]tm-row,tm-col使用了全新的设计思路使得布局变得非常的简单。但特别注意:从3.0.89开始不会向下兼容.请把之前的flex-x,中的x写在tm-col属性:col="x"来兼容升级。原有的row,gutter属性被取消,请在tmcol上重新写入margin属性实现兼容。
  • 此次的tmrow,tmcol优化后,让所有端的差异被抹平。使用变得一致。并且单独设置了borderColor,borderGutter属性来控制边线,颜色,让你用tmRow,tmCol布局应用变得非常简单(尤其是大面积的表格布局边线,边距的处理)
  • [优化细节]tm-image,新增一项体验功能,当图片出现了加载错误提示时,可以点击错误提示区域让图片重试加载。
  • [重要优化]tm-floatButton,悬浮按钮已经重构,让各个平台兼容性更好。减少多余的代码。
  • [调整]调整了主题渐变值的计算。
  • [修复]tm-upload,批量上传时,因设定了双向绑定导致状态错乱,阻止了后续上传。现改为当所有文件执行完动作后,再实行数据同步。
  • [优化]tm-segtab,调整了过渡动画,显得更为自然有趣。
  • [优化]tm-tree,补全node-click事件,同时作了调整,当标题为会父节点时,现在点中会展开节点。如果是最终子节点,点击会选中当前节点。
  • [修复]tm-alert,在微信小程序中点击关闭后,还会占位空间。
  • [优化]tmradio,tmcheckbox选中的同步速度【针对部分安卓机】
  • [优化修复]tm-cascader,补上cell-click事件,忘记写上去触发了。
  • [优化]tm-button,补齐在按下或者鼠标悬浮时没有样式变化的问题
  • [优化]好多人看不明白自定义图标,现在把规则重新写了一次,并且写了详细的自定义图标的方法。详细使用方法
  • [插件优化]同步了mp-html作者的更新,更新了tm-html组件一些bug,目前3.6.15+以上可以支持nvue页面渲染html了。
  • [优化]tm-modal,为了打开和取消事件处理方便,在使用ref方式打开.open时,支持返回Promise,then为点击了ok按钮事件,catch为点击了取消关闭(包括点击遮罩,同样会执行到catch中)。具体见文档示例。
  • [修复]tm-more,在vue页面(nvue不受影响),更多图标与文字未上下对齐
最后提交信息为: 升级3.0.89,具体见日志
2022-12-15 13:32
同名自定义

3.0.88(2022-12-15)

  • [重要]uni sdk 3.6.13+,alphat 3.6.11+ ,更新导致本demo运行失败,现已修复,如果你是老项目升级最新sdk[3.0.0-3061320221209001],请在app.vue补齐temlate标签,否则无法运行。
  • [增强] tm-sheet对margin,padding增强现在规则如下(向下兼容,不用担心升级):[x]时表示四周的间隙,[x,x]时表示水平,上下的间隙,[x,x,x]时表示左,上,右,下:0的间隙,[x,x,x,x]时表示:左,上,右,下的x间隙
  • 此项增强,同样适用于以此为组件的增强:比如tag,button等等支持这两个属性的组件大部分支持此优化。
  • [修复]tm-text,tm-icon行高问题,导致相关的部分组件对齐丢失。
  • [重要]tm-slide-switch,舍弃了原有的原生组件movearea用法,改动自己写的手势,如果已用本组件的,请适配后再升级.本次更新主要是提高流畅度性能和使用的体验.
  • 升级后:滑动方面nvue采用bingdx,丝滑流畅的滑动体验.非nvue采用wxs,丝滑般的滑动体验.因目前的sdk版本uni有自身的bug,导致底部的可滑动区域被我固定在了120px的宽度,且不可更改.如果
  • 需要更改自定宽度,请自行修改源码.底部菜单方面:使用插槽,取消了原有的属性控制,这样大家布局更为自由,不再局限.
  • [增强]tm-keyborad键盘,新增属性:maxLength,最大长度,如果设置了值,当前输入内容达到该值时,将触发success事件,并且无法再继续输入内容
  • [增强]tm-icon 新增:rotate是否允许单独控制图标旋转的角度, rotate-deg:图标旋转的角度
  • [优化]主题计算中的border-color,渐变配色,边线的计算逻辑稍微调整了下.
  • [优化]tm-codeinput,优化了样式,开放了text,outlined样式属性
  • [优化]tm-card,修改了默认的内边距为24,之前是16
  • [修复]tm-side-menu内部类名写错了.
  • [优化]tm-radio,tm-checkbox开放了outlined属性,设置为true可用于镂空效果.
  • [修复]tm-upload新增的排序功能在微信小程序端不显示,原因是:sdk渲染templeat渲染成为一个空view导致的(其它平台不存在,只有微信有.具体原因不明)
  • [优化]tm-button文字图标对齐问题
  • tm-side-menu属性sliderMenu拼写错误,修改为sideMenu,如果已使用,请根据错误日志及时修正.
  • [修复]tm-calendar-view在设置dateStyle日期样式时,范围模式样式丢失.在单选时,在小程序样式有残留.
  • [修复]tm-upload,因为上个版本增加了排序功能,类多写了个,导致nvue端样式走位.
  • [优化]调整tm-grid,的角标位置在内容的右上一点。
  • [增强]tm-float-button,增加属性:disabledScrollTo:默认true禁用,是否开启置顶功能,scrollTo:置顶参数见官网,nvue不支持。
  • [增强]tm-notification,show参数中,开放了color属性,现在允许通过show来传递color改变弹层的颜色.(注意:我再提醒下从3.0.8x开始color可以不用是主题,可以是任意16进制颜色值.)
  • [优化]加所牵涉到加载组件的图标更换成了tmicon-shuaxin图标.
  • [修复]tm-time-view,当显示其它不同属性时,会导致选项值不正确。感谢
  • [增强]tm-comment,新增属性autoFormatTime是否自动格式化处理时间见此,感谢
  • 修改文档错误部分.
最后提交信息为: 3.0.88
2022-12-05 13:29
同名自定义

3.0.87(2022-12-5)

  • [新增]tm-time-between组件,这是一个实用组件,用来时间日期的范围选择(相比日历范围选择,这个可以精确到时分秒)
  • [新增]tm-side-menu组件,侧边栏导航组件,通常用于商城分类,端口分类等场景
  • [修复]tm-upload如果在onStart中阻止了上传,页面上没有更新阻止状态.因为增加双向绑定功能后,内部我手抖,写错了值,导致绑定后,反而丢失了数据。抱歉。
  • 上传组件,同时开启了预览模式,新增了showSort:是否开启排序功能,可以对已上传图片位置排序.
  • [修复]tm-picker,新增的immediateChange属性写错了位置.
  • [修复]utool js库中的方法函数getUid,有个致命的bug,因为组件所有子组件是通过这个函数生成的唯一id,在组件内出现较多子组件时,能极低的概率出现雷同的id,导致数据丢失.现已更换了生成方法.
  • [修复]tm-time-view参数容错率以及一处赋值错误。,在nvue端修复了时间不准确的错误(这里一个uni的稿笑bug就是我在里面写了一行注释,导致nvue时间错乱,我已经向uni提交了bug,我自己也避免写注释)
  • [修复]tmFilterMenu组件标题,在暗黑下,未自动适应字体色。
  • [优化]tm-icon为了对齐准确,如果你设置lineheight=0,内部取消行高选项属性.
  • [优化]tm-text:行高问题,lineHeight='auto'自动计算行高,lineHeight=0时,由系统接管行高,>0时,自定义行高.
  • [修复]tm-inpu,type='textarea'时,在h5端的兼容问题
  • [优化]fetc请求中新增config属性:statusCode:200,默认200表示请求成功.如果想自定义其它值为成功标志,需要自定设置.
  • 其它优化
  • 添加了自定义微信分享的说明文档.
最后提交信息为: 修改和新增一些属性
2022-11-29 16:32
同名自定义

3.0.86(2022-11-29)

  • ------------uni SDK Bug提醒,因官方未修复,以下为记录我踩过的坑----------------
  • uni sdk bug集合见我提交的ask 请前往UNIASK
  • ------------正文日志开始----------------------------------------------------
  • [极其重要优化]tm-form表单验证,此次优化对标大厂逻辑思维,摒弃了常见的组件绑定验证(包括uni的也是如此缺点).更新的逻辑如下:
  1. tm-form绑定的模型数据,与form-item中的filed字段绑定,进行验证
  2. 解藕 tmform中的模型数据与组件绑定验证(之前是需要通过特定的组件进行验证,比如输入框,上传组件等等).此次更新解藕,不与组件绑定
  3. 任何数据都可校验,form-item内可以放置任意组件,布局,也不影响校验,与只filed绑定
  4. 优化后,也彻底解决因校验,导致输入框内容闪烁,过快时丢失字符.
  5. 校验速度加快.error标签显示,不再页面布局闪动,影响视觉的感观.
  6. 具体见form页面demo代码,更为简洁了.
  • tm-carousel在h5,小程序端的标签对齐有些差异.
  • [修复]tm-steps在微信小程序中错乱的问题,同时为了解决各兼容问题在tm-steps-item增加了属性:width,单独控制各个进度组件的宽度.
  • [优化]tm-navbar增加属性isPlace,是否占位内容,方便做透明导航背景内容
  • [优化]tm-input增加属性placeholderStyle,方便定义占位符的样式
  • [优化]tm-modal,ref调用方法open,允许传递参数,modal绑定的ok,cacel事件触发时将会带回open传递的参数,方便逻辑页面交互.
  • [修复+优化增强]tm-picker,tm-city-picker在点击确认时,触发confirm事件时,如果当前默认为初始值(起始未选择值),传递的参数为空值.
  • [修复+优化增强]tm-time-view,本组件已重构,在微信小程序端显示将更为流畅,并添加了选中和未选中过渡时的指示,以让用户知道是在滑动中还是已经完成选中。并且已经弃用渐进式渲染。(之前是渐进式演示,肉眼可见从左到右渲染过程)
  • tm-time-view此组件,同时修复uni sdk3.6.8开始,未知原因,在nvue页面,赋值时间时,页面不会变化,必须通过页面强制刷新ui才可显示,现已修复兼容3.6.8+以上sdk在nvue上使用本组件。
  • [修复]tm-action-menu,标题文字未居中.
  • [优化增强]tm-button,form-type新增两个可选属性:'filterCancel','filterConfirm',主要用于在filterMenu组件中的提交和取消选项功能.
  • [增强]tm-raido,tm-checkbox,默认插槽新增当前是否选中的属性checked,补上click触发事件
  • [修复]tm-message,如果设置隐藏背景,导致内容位置出错.
  • [新增]tm-filterMenu,下拉菜单过滤器,注意:本组件只提供外观框架支持,具体的逻辑选项等数据交由使用才自行处理.主要是考虑到下拉选项千奇百怪,各种各样的
    条件筛选.如果我内部,集成,本组件将会超级大.因此,组件不集成任何数据逻辑,只提供框架.具体由你自己实现逻辑效果.
  • [优化增强]tm-table因为安卓性能原因,导致部分安卓机在拖动时抖动无法使用.现在tm-table在app nvue页面采用了weex原生的list scroller+bingx布局,性能高超.建议本组件使用nvue页面
    进行使用表格,nvue同样可以编译到小程序端和其它端.本组件作了全部的兼容.
    另外本组件还增加了:固定左边和头部标题的功能.内容区域滚动上和左可固定,当然也可不显示.
  • [增强]tm-form-item增加了两个属性:parentClass,align两个类的属性,具体用处见文档
  • js工具库$tm.u下新增两个方法torpx,topx将数值转换为对应的rpx和px单位,方便大家单位间的转换。
  • [修复]tm-collapse-item在nvue ios端点击可能会不触发收起的问题。
  • [修复]tmRadio,tmCheckbox在vue(nvue不受影响)页面,插槽文字过多时,造成左边的按钮被挤压.
  • [修复]tm-slider在vue页面(nvue不受影响)位置错乱
  • [优化增强]tm-input加入了readonly属性,针对钉钉和支付宝因为输入框禁用字体变灰的情况,可用此属性代替disabled
  • [优化增强]tm-overlay内容显示效果与背景动画同层属性contentAnimation,默认是关闭,开启后,背景的渐隐消失动画将会在内容层上一并实现,有助于内容显示和关闭时过渡的更自然。
  • 同时增加了inContent属性,开启后嵌套弹层只会在父组件内部弹层,不会全屏弹层
  • [优化增强]tm-drawer增加了inContent属性,开启后嵌套弹层只会在父组件内部弹层,不会全屏弹层
  • [优化]stepper步进器输入值优化。
  • [优化增强]tm-result新增,text是否浅背景,size尺寸大小设定
  • [修复]uni.$tm.u.setClipboardData设置剪切内容时在h5端报错。
  • [重构]tm-scrolly已经重构,可在正式生产中使用。
  • [优化]优化tabs组件标题的角标位置与文字间距拉大一点。让角标处于右边上位置.同时新增属性:subtract,就是开启lineAni后,点击某项时,选中项位置会往前移动的数量,默认为2
  • [增强]tm-tabbar-item新增属性:disabled,可以禁用当前项目,阻止链接跳转和触发功能.
  • [增强]tm-model新增插槽:title标题栏,button底部按钮栏
  • [增强]tm-icon,关于自定义图标方案已采纳如下:(见方案)[!77:【轻量级 PR】:update src/tmui/components/tm-icon/tm-icon.vue.],也可以通过文档查看自定图标方法.
  • [修复]tm-grid-item在vue页面,因为未与nvue对齐,导致断行.
  • [优化]tm-keyborad-number键盘,不允许多次输入小数点.
  • [增强]tm-scrollx新增ref方法:scrollTo,滚动到指定位置
  • [优化]tm-countdown优化倒计时,的判断逻辑,方便配置验证码倒计时之类的应用。
  • [其它]根据gitee上提出的issue需求和bug进行修复和增强,请前往码云
  • [修复]tm-model弹层组件,cacel会触发两次,在微信上.(我有必要说下原因:产生的原因是uni sdk早期时刚兼容vue3时,安卓和ios无法触发事件冒泡,因此在自定组件上写了click和内部的一个click.stop,但后期uni修复了这个问题.然后ios微信小程序也支持这样子用.但是:安卓机微信端阻止不了冒泡,然后就产生了上面的问题).因此这里有一个坑:安卓微信端在自定组件上加事件修饰符是不起作用的.ios和其它平台是支持的.
  • [优化]tm-picker系列补齐immediateChange属性。
  • [优化]部分数据集比较多的组件,在监测变化方面进行了抖动设置,主要是数据多的组件,大家可能默认是一些其它数据,通过请求后,进行赋值或者变动赋值,连续的变动造成监测计算损耗大量性能,会造成表单组件过多影响页面显示的速度.
  • [优化]在非nvue端动画组件,和相关的动画组件,取消了原先的animation动画api,改为使用纯粹的css动画效果,虽然两者效果其实是一样的,但必竟通过 animation接口设置,其实本质也是通过底层sdk进行的css设置到组件的style上.相比直接使用css更为直接,不经过这道处理.
  • [优化]tm-calendar系列组件,日,范围修改了选中样式为圆形.其它样式头部已经修改.
  • [优化]time-picker增加了title属性
  • [优化]tm-badge增加:top,right属性,允许微调位置,整数,可以是负数.
  • 一些文档,类型,属性的错误修正.
2022-10-20 10:33
同名自定义
  • 新增组件tm-html,富文本渲染组件,主要用来渲染html内容。具体注意事项见文档。
  • 修改了tm-app,去除微信小程序下的警告setTabBarStyle.
  • 修复tm-app在读取page.json中的导航和底部导航配置时出错的问题,导致如果配置了原生导航切换浅背景时,无法设置为Page.json中的样式.
  • 修复tm-tag事件冒泡问题.
  • 优化tm-radio.
  • 修复tm-upload主题,未读取props.color配置,修复beforeStart以及beforSuccess函数返回true或者false无法设置文件状态的改变。
  • 修复tm-input为textarea时字段未对齐的问题.
  • tm-input新增 prefixColor,suffixColor,应用于前缀和后缀图标及标题色。
  • tm-sheet新增url属性,如果提供,点击时自动跳转至该链接,方便做链接跳转,省得再套个nav
  • tm-form-item,新增了transpren,round,desc 属性。方便单独控制一行的表单样式属性,达到个性化布局的需求。
  • 修复tm-form中的tm-radio-group,tm-checkbox-group,手动对其赋值值,form表单的submit取值不正确
  • 修复tm-more在未知版本开始,因为 写法上不支持,导致设置的height失效。
  • 修复tm-checkbox-group严重bug,如果先赋值选中值,再改变checbox组件数据时,会导致数据无法选中,并且选中值被清空。
  • 修改了默认的theme主题值。
  • 非nvue模式字体格式调整为woff.之前为woff2因为 钉浏览器不支持。
  • 修复tm-navbar中属性hideback逻辑错误,导致设置无法隐藏。
  • 修复tm-pagination分页组件, v-model:current时手动赋值,无法改变当前页码。
  • tm-divider添加click事件,点击分割线时触发。
  • tm-tabs,tm-cell,tm-navbar添加了darkBgColor属性,在强制暗黑模式下设置自定义的颜色值。
  • tm-cell新增titleColor,可以指定强制配色主题(如果不提供,采用主题color自动配色。)
  • 优化tm-steps-item,tm-steps步骤条在nvue下显示。让其在布局中自动居中显示。删除属性:contentHeight,从此版本开始不再要求输入contentHeight来占位。
  • 修复theme主题生成工具在生成具体色值时,某些色值无法生成主题,导致出现undefined。
    同时优化计算主题生成时:如果使用了outlined 同时又提供了text,将会产生浅色边框,只单独使用outlined产生深色边框,方便界面的搭配.
  • 修复tm-scrollx,设置隐藏底部bar滚动条时,高度未减去此滚动条高度。
  • 修复code-input组件在微信小程序,待输入字符不闪烁。
  • 修复tm-city-picker可能选值不正常的bug.同时新增属性city,方便自定义城市数据.同时调整了文档说明,让大家更能理解.
  • tmui-cli工具升级至1.1.0,新增在tmui use命令中,选择自己喜欢的包管理工具:npm,yarn,pnpm,cnpm来进行安装依赖
  • 增强了部分组件props属性的ts类型检查,和类型提示.
  • 修复tm-uplad属性maxFile失效导致无法限制上传数量
  • tm-alert增加右边插槽功能,方便添加按钮操作之类
  • 优化tm-picker,tm-city-picker组件的一些问题.优化后如果提供的正确的值,将会通过model-str自动反选并显示选中的字符路径(与arco的选择框类似),极大的方便表单的填写功能.
  • 修复tm-picker关闭事件会触发两次
  • 修复tm-image,添加自定义错误插槽时,图片成功会继续显示.
  • 修复tabs,如果动态取tabs栏目时,首次为空时,会导致激活swiper模式.
  • tm-calendar,tm-calendar-view新增了:按季度选择的模式
  • 修复tm-indexes在非nvue平台.如果套入动态的其它组件内时,执行滑动选择索引值时,会不准确.
  • 优化tm-message,现在你可以使用js连续调用并显示message组件的show了,不再限制,也不做防抖处理.方便日常加载数据连续调用显示.
  • 优化tm-notification,现在你可以使用js连续调用show来显示组件,方便日常加载数据连续调用显示.
  • 优化tm-tabbar层级过低问题.
  • tm-comment新增authorFontSize属性.
  • 更新部分错误文档
最后提交信息为: 3.0.85,大量细节修改
2022-09-26 15:03
同名自定义
  • [重要] 从uni3.6.1开始部分安卓模拟器运行本框架会经常性的空白.原因在于uni3.6.1开始对部分安卓模拟器的兼容变差导致.已知mumu网易模拟器会空白.作者使用的是夜神模拟器,正常.
  • [重要] 从3.0.84起,color等相关需要颜色主题的属性,不再要求在theme.ts中预定义主题,而是直接可以提供16进制的颜色值。比如tm-button中的color你现在可写"#FF0000"或者"red"。将自动解析颜色值。
    当你提供的颜色非主题时,而是颜色值。会自动解析颜色值生成临时主题应用于所在的组件上。
  • tm-scrollx,在非NVUE平台去除横向滚动条样式.
  • tm-progress,解决可能在微信高分屏幕上初次渲染带来的矩齿问题.并针对安卓机器的差异性优化显示,减少部分机型的异常显示.
  • tm-button如果配置了边线导致上下居中不对齐
  • tm-indexes[重大升级]新增右侧导航可手势滑动选择,布局功能升级:同类或者官方索引组件,大多是要设定子项目的高度,或者只能提供列表式布局.这点应对复杂的索引(可能不是列表可能是复杂的布局)无能为力.
    经过这次的升级,即子项目你通过tm-indexes-item组件插槽布局,可以像正常的view布局一样随意的布局
  • tm-action-menu修复了一处错误.
  • 调整了颜色深浅的计算方法.
  • 修复tm-dropdown图标未对齐。
  • tm-card修复在vue页面内容不能够断行的问题。
  • tm-form表单工具,现在重置时(指定的form表单类组件)将恢复到最初的值.
  • tm-switch新增了两个字段:selected、unSelected允许你开关设置打开和关闭的值
  • tm-upload新增配置属性:formName,用于设定上传文件的表单名称,默认为"file"
  • tm-tabs修复开启swiper左右滑动时,无法触发change的bug.
  • tm-stepper修复部分安卓机在Input上不支持type = "number"属性的情况下继续输入其它字符时,会被转译成NaN或者underfind的可能性.
  • tm-button添加了一些qq上的属性.
  • tm-picker修复在小程序中手动赋值时可能造成的延迟选中状态。导致可能选不中的问题。
  • 修复在纯nvue编译模式下,图标字体丢失的问题.
  • 修复深浅主题切换.或者首页首次加载时,app端的系统状态栏主题文字没有同步应用组件的沉浸式变化.导致系统状态栏文字出现与底色相同看不清.
  • fetch请求,默认不再提供默认的content-type的值
  • 修复tmui-cli工具创建的hbx项目路径资源引用错误.
  • tm-image新增错误插槽error,用于自定义加载错误的提示
  • tm-roll-notice删除了duration属性.新增speed属性(滚动速度)
  • tm-modal 新增了:titleStyle,格式和正常写style一样的写法
  • tm-waterfall新增ref方法clear,用于清空列表,当前列表需要重新赋值,清空原有时,需要调用些方法清空.清空后需要在nextTick里面重新赋值.
  • [新增组件]tm-scrolly,见文档
最后提交信息为: !69update tmuidocs/doc/com/Cell.md.
2022-09-07 16:47
同名自定义
  • 此版本性能大幅度提升,针对安卓性能提升非常的明显。
  • 特别声明下:以下组件在安卓nvue端有待优化:滑块组件tm-slider(如果大家有测试到异常的要吧提交到gitee上)
  • 级联器tm-cascader新增ref方法:reFresh,方便动态加载数据后刷新同步。
  • tm-tabs现左右滑动切换列表可以应用于生产了,已经兼容了全端,滑动表现已流畅(ios及android模拟器端已于头条对比过,无压力)。修复在h5端内容点击事件失效的问题。
  • tm-barcode条形码,tm-qrcode二维码生成组件在nvue端对安卓端额外优化进行适配。
  • tm-sign-board修复3.6.0 sdk和3.5.5sdk下在安卓端签名时位置的异常(我真的无语)
  • tm-codeinput在nvue端修复了呼吸效果。
  • nvue端tm-skeleton-line组件修复了骨架呼吸动画。
  • 修复tm-icon组件nvue端,可能由于变量机制未回收导致ios和andriod程序的内存泄漏造成不同程度的卡顿情况。
  • 针对nvue端,由Bingdingx动画全部切换成了Animation动画,手势动画继续保留为BingdxingX。
  • tm-form-item 修复插入自定组件,非指定组件时,默认的标题校验值异常。
  • tm-calendar 修复上个版本修改时,把确认事件给删除了,导致数据不同步,事件不触发。
  • tm-overlay 修复如果外层套了父元素有间距,影响弹层的位置。
  • 修改$tm挂载时机。因为部分人反映没有挂载成功。(只有个别人反映,我反正是成功的)。
  • tm-action-menu修复安全区域丢失
  • radio-group,checkbox-group新增了align属性,用于对齐,可选,左,中,右,见文档。
  • 修复因全局只获取一次系统信息的缘故,在h5端未能检测窗口变化,导致一些弹层位置 异常。现在位置为响应式了。
  • tm-image增加showMenuByLongPress属性
  • tm-message新增:width,height属性。同时新增默认插槽替换自带的内容。
最后提交信息为: 性能大幅度提升3.0.82
2022-08-29 12:42
同名自定义
  • 修改兼容了sdk 3.5.5。因为uni最新的sdk修复(改)了接口getSystem返回值的bug,我的组件同步要更新。之前因为为了个bug我不得不自己修复。现在他修复了,又会导致我的问题。无奈。
  • 大量的减少代码的冗余,所有动画弹出效果向原生的渐隐对齐,关闭和弹出的背景动画与内容动画同步,显得更为流畅不突兀。
  • 修复了因为uni plus+底层代码调用,导致部分安卓机型白屏的问题(非我所致,h5+本身的接口bug不兼容所有安卓)
  • tm-form 开放了属性transprent,以支持透明背景,去掉背景色。
  • 【重要】在h5端彻底解决了暗黑切换页面短暂的闪白问题,现在切换暗黑,导航致任何页面都将不会出现闪白,而是沉浸式原生暗黑效果。
  • 【重要】针对QQ小程序,重要优化,现在已经可以和h5,微信小程序一样的流畅使用
  • 修复tm-divider在上个版本修改中失效了。
  • 修复tm-progress在nvue上 ios系统下圆形渲染背景失效的问题。
  • tm-drawer新增:disabbleScroll是否禁用内容可滚动。默认为false
  • tm-form-item,新增属性requiredTitleChangeColor,具体看文档
  • tm-modal,gm-message等组件兼容了有些异常机型包括QQ小程序。
  • tm-collapse-item新增titleSize设置标题字号属性
  • tm-pagination增加了点按效果,以便提供更友好的点按反馈
  • 【重要,如果你升级后有问题(如果你的代码在useTmRouterBefore中依赖了context,升级后这个值为null )】修改router路由拦截,useTmRouterBefore勾子使用uni拦截器拦截,因此是早于页面切换前执行.
  • tm-keyborad键盘优化了细节,点按按钮时效果会有明显的缩小和变浅,以增强按下的提示效果。车牌键盘输入增强:在第一个中文输入后自动切换到英文键盘方便车牌的输入。
  • 其它组件代码逻辑优化修改,和近一周的修复 修改,优化了相关组件代码,使用是相关组件更流畅。
JavaScript
1
https://gitee.com/LYTB/tmui-design.git
git@gitee.com:LYTB/tmui-design.git
LYTB
tmui-design
tmui design

搜索帮助