History更新历史

展示AXUI前端框架开发和版本更新历程，并在此页面公开发布历史版本号。

2025-04-29更新

本版本迈出国际化的重要一步：支持RTL行文模式。可将本框架应用在阿拉伯语/希伯来语项目中。

更新内容如下：

  • 对应用本框架模块的节点增加ax属性用来存放于axui相关的数据；其为一个对象，包含modules，flip，spy等属性；一个节点应该只应用一次相同的模块。
  • 将elProps函数改为storeNode，用来给节点存放于本框架相关的数据。
  • 修改全站css以支持RTL（阿拉伯语/希伯来语排版要求）。
  • 增加--_dir-coef变量，以便在样式中计算rtl布局中的样式。
  • 改小legend标签字号，并固定字号12px。
  • 修改_ratio-*比例连接符，比如16-9改为16x9，更加直观；并新增若干比例。
  • 增加getRtl函数，用来获取当前页面是否是rtl行文模式。
  • 增加setRtl函数，用来设置页面使用rtl行文模式。
  • 适配了Virtualize模块在rtl行文模式下的水平虚拟滚动。
  • 允许对Scroll和Swipe模块节点增加dir=rtl属性，允许局部rtl。
  • 修改Rate、Range和Scroll模块，增加rtl参数。
  • 在样式中，将方向性的属性l（left）和r（right）改成s（start）和e（end），lr改成se，修改范围包含了p、m、r、bd系列样式类和css变量名。
  • 修改ax-defrom组件，将menuLeft改为manuStart；menuRight改为menuEnd。
  • 修改_a-*排序相关样式类，l（left）改为s（start），r（right）改为e（end），lt改为st等。
  • 修改包含left和right的动画名，例如fadeInLeft改为fadeInStart，_fadeInRight改为_fadeInEnd等。

2025-04-26更新

更新内容如下：

  • 修复Range组件和模块垂直方向提示气泡合并时~符号不能正常显示的问题。
  • 修改了decompTask函数，增加了type，doing和delay参数，增加了add和abort方法，默认type=idle。
  • 改写init函数，打平任务数组，确保任务数量清晰可预见，消除控制台超时警告。
  • 修改内置base64图片的获取方式，只要读取一次则全局保存，避免重复获取消耗性能。
  • 优化了Select模块的性能，消除了强制重排警告。

2025-04-25更新

更新内容如下：

  • 修复StepElem组件获取数组字符串数据时的错误。
  • 修复type=color原生标签的宽度问题，保持方形状态。
  • 修改默认html模版头部的meta内容，有些已经过时了，有些可以简写。

2025-04-24更新

更新内容如下：

  • 修正原生标签select在使用size属性则根据size保持自动高度，不固定。
  • 修改Position的参数parentMutation.selector的默认参数值，默认不监听任何父节点，以提高性能。
  • 新增promiseRaf工具函数，将函数放在下一帧执行，避免阻塞。
  • 对独立气泡节点增加will-change和contain样式，减少回流。
  • 修改elState函数，减少使用getComputedStyle方法的概率，避免回流耗时。
  • 修改easeHeight函数，增加unaware参数，如果已知可计算则不用使用elState判断。
  • 修改了Position模块中，对执行多次异步事件后统一执行一个任务的方法。
  • 气泡模块使用RAF方式执行show方法，减少阻塞。
  • 修正Popup模块，如果使用sticky显示，那么参数mulitiple强制设为true。
  • 解决Popup模块快速进入并快速离开目标节点导致气泡不能消失的问题，增加延迟隐藏。
  • 修复Tree模块在使用“北京,上海,广州”纯字符串content时的错误。

2025-04-22更新

更新内容如下：

  • 修改readme文件，加入了中文说明。

2025-04-21更新

更新内容如下：

  • 修改Tree和Menu模块，增加对onclick/onClick属性的支持。

2025-04-18更新

更新内容如下：

  • 修改container相关样式，增加_xxs-full~_lg-full样式，在指定终端全宽显示。
  • 增加原生select单选控件对size属性的支持，使用size的单选外观表现与多选外观一致。
  • 增加对type=button的input标签的支持，外观表现与type=reset一致。
  • 清除_b和_b-*的旧样式。
  • 增加对原生的按钮节点使用--_btn-c-bg、--_btn-c-txt、--_btn-c-bd和--_btn-bd样式变量。
  • 修改ax-radio组件样式，如果没有label则自动塌缩。
  • 修改table相关样式，允许框架内的组件元素可以友好的嵌入。
  • 修改_w-*和_h-*样式，增加iso后缀，即与宽/高相等
  • 修改ax-btn组件样式，增加width=iso值，以此制作方形的图标按钮。
  • 删除了_table下_operate相关样式。
  • 调整了table中th标签的样式，以区别于tbody的td标签。
  • 增加table表格若干自适应变量（_xxs-w~_xl-w），以支持自适应宽度。
  • 新增_scroller滚动容器，用于放置过宽或过高的内容。
  • 修改_table样式，增加--_table-bg样式变量，并默认不使用背景色。
  • 将_table的display属性改为lines，可选值有all、inner、outer。

2025-04-16更新

更新内容如下：

  • 修改Flip模块，修复destroy方法在取消animation动画时的undefined错误。
  • 修改bullet中的rank样式，让其更小一点。
  • 修改bullet相关样式，增强手机端自适应布局。
  • 修改ax-br和ax-bc组件样式，增加size=0属性，用来解决前后节点margin失效问题。
  • 修改ax-file组件，增加show属性以实现回显功能。
  • 修改ax-callout组件，增加feature=note属性。
  • 修改type=submit、type=reset、type=button按钮的样式，增加size属性。
  • 修改_field-help样式中对按钮兼容性设定，如果按钮自身有size属性则不处理。
  • 修改rep=disk/cube全局样式，允许使用背景图片填充。
  • 增加_empty样式展示空状态，增加_empty-*相关样式，让节点为空标签时隐藏。

2025-04-14更新

更新内容如下：

  • 修改Flip模块，增加other参数，用来指定更多非标准定义的flip节点。
  • 修改Gesture模块，将this.dragEls变量改为this.handleEls
  • 增加useHandle公共方法，删除Gesture模块中的useHandle方法
  • 修复elsSort函数的错误，重写了该函数。
  • 修改Gesture模块，增加trigger、finished、enter和leave事件和b4Trigger参数。
  • 修改Gesture模块，事件参数增加relatedTarget属性。
  • 修改Flip模块，将duration参数改为fluct。
  • 重写了Drag模块，使之更通用。

2025-03-29更新

更新内容如下：

  • 修复Flip模块，使用Element.animate()作为底层动画，修复快速拖动的bug。
  • 增加getAutoDur工具函数，用来自动计算动画时长。
  • 增加getHypotenuse工具函数，用来计算直角三角形的斜边长度。

2025-03-24更新

更新内容如下：

  • 修改appendEls工具函数，增加target属性。
  • 修复Observe模块，对本身是代理对象仍然重复创建代理的bug。
  • 修复setAttrs工具函数，data参数支持{name:'',age:''}写法。

2025-03-23更新

更新内容如下：

  • 修改Tab模块，将disabled参数改为disable。
  • 将工具函数dlToArr改名为dl2Tree。
  • 修改treeTools中的allToTree函数，增加对dl转数据的支持。
  • 将样式类_bg改为白色底。

2025-03-21更新

更新内容如下：

  • 修改config文件，增加strParser属性，解析文本选择是用new Function还是JSON.Parse
  • 改写parseStr工具函数，参数合并为对象，增加method、catchable、error属性。
  • 基于parseStr修改strToJson工具函数。
  • 基于parseStr修改paramToJson工具函数。
  • 基于parseStr修改getAttrArr工具函数。
  • 基于parseStr修改attrJoinVal工具函数。
  • 修改Tree模块，对参数shortcut.mean增加expanded和auto类型。
  • 修改Tree模块，取消select模式下对label设置disabled的情况。
  • 修改Tree模块样式，将biref的小点改为朝上箭头。
  • 修改Menu模块参数，将scheme改为theme，将参数rise改为linkage，删除max参数，参数row改为nav。
  • 将Menu菜单的单项的行高从44px调整为38px。
  • 修改Menu菜单样式，增加lamp=block。
  • 修改Tree模块，修正b4Expand的触发时机。
  • 修改Tree模块，增加insertItem和insertItems监听，在该事件之后将appendChild节点。
  • 修改grafted事件，增加一个参数refer；修改added事件，增加refer参数
  • 修改Menu模块在navigation模式下的用法。

2025-03-16更新

更新内容如下：

  • 修复ax-skeleton组件扫光动画在暗黑模式下的bug。
  • 对没有内置模块的webcomponent组件，增加lang属性。
  • 修改strToJson函数，支持数组字符串，增强兼容性。
  • 修复ax-number组件step属性的错误。

2025-03-15更新

更新内容如下：

  • 修复getScreenSize函数的错误。
  • 发布了ax-skeleton骨架屏组件，详情请点击这里

2025-03-13更新

更新内容如下：

  • 修改card相关样式，增加--_card-fw变量，用来设置标题是否加粗（bold/normal）。

2025-03-12更新

更新内容如下：

  • 修改avatar相关样式，确保在暗黑模式下显示正常。
  • 修改header相关样式，取消avatar右侧额外增加箭头,并增加feature属性。
  • 新增ax-heading组件，用来显示板块标题，详情请点击这里

2025-03-11更新

更新内容如下：

  • 修改Flilp模块，新增b4PlayAll参数。
  • 修改Twilight组件，增加labels属性，可自定义文本，例如label="白天,黑夜"。
  • 修改Popup和Tooltip模块中的lit字样改为lt。
  • 更新了若干文档封面图。

2025-03-10更新

更新内容如下：

  • 修复getEls函数中，当选择器是节点数组时获取父节点的错误。
  • 修改getEl函数的父节点范围为document，而不是document.body
  • 修改transformTools工具函数，增加remove方法，用来删除transform中某个属性；增加disable方法，用来禁用transform动画；增加enable方法，用来启用transform动画。
  • 新增Flip模块，作为Drag模块的重要组成部分之一，也可单独使用，详情请点击这里

2025-03-08更新

更新内容如下：

  • 修复post相关样式中poster封面图撑破容器的问题。
  • 修改ax-step组件，增加pending属性和error属性。
  • 图标库增加info和warn图标。
  • 增加ax-status组件，用来表示数据或节点状态，详情请点击这里

2025-03-07更新

更新内容如下：

  • 修改Panel模块中的feature参数，增加feature=window风格。
  • 新增parseStr工具函数，可将对象字符串或数组字符串转为真实的对象和数组（new Function方法）。
  • 新增了ax-step步骤条组件，详情请点击这里
  • 修改createEl工具函数，允许批量插入子节点。

2025-03-06更新

更新内容如下：

  • 修改ax-stats组件，将reverse属性改为inverted，表意更准确；并增加image属性。
  • 修改ax-stats组件中label的字体为--_ff-alt。
  • 修改ax-line组件，将属性v改为dir，可填值h或v。
  • 修改ax-icon组件，增加download属性，type属性增加新值：image。

2025-03-05更新

更新内容如下：

  • 将框架中的paddingless字样改为unpadded，表意更准确。
  • 修改组件ax-avatar，增加arrow属性，且允许追加_opened样式类。
  • 将ax-buoy组件的reverse属性改为inverted，表意更准确。

2025-03-04更新

更新内容如下：

  • 修改grade模块，增加对rep=image的支持，使用与input相同的圆角样式
  • 修改bullet模块，增加对rep=image的支持。
  • 增加legend演示页面，详情请点击这里
  • 增加poster演示页面，详情请点击这里
  • 修复container-full样式超出边界的错误
  • 增加字号--_fs-subject字号变量和_fs-subject样式类，用来表现更大的板块标题
  • 增加字号--_fs-huge字号变量和_fs-huge样式类，用来表现超大页面标题
  • 重新调整h1~h6的字号（普遍增大）。
  • 重新调整_ell省略样式的字号和行高
  • 修改article标签的字号在桌面端为16px，更方便阅读
  • 增加_text[-*]文本块样式，详情请点击这里
  • 调整css命名，将rem-body改为；将原rem-font改为rem-body；原rem-body改为rem-title，原rem-brief改为rem-subject；原rem-title改为rem-caption。
  • 将新增--_fs-caption变量和_fs-caption样式类。
  • 对_wall样式新增若干变量。
  • 调整_ratio相关样式名，例如原_ratio-11改成_ratio-1-1。

2025-03-03更新

更新内容如下：

  • 修改Pagination模块，增加了关联分页器的功能，即用于一个列表使用两个分页器
  • 新增ax-pagination分页器组件和其API页面
  • 修复ax-rate、ax-progress、ax-accordion、ax-more、ax-menu组件不能更新属性的问题
  • 修改attrJoinVal工具函数，允许参数地图使用type=ignore，避免在该函数中强制转换value格式

2025-03-02更新

更新内容如下：

  • 修复deepEqual函数的缺陷，简介修复了Pagination模块的Maximum call stack size exceeded报错
  • 完善Observe模块，增加lenient参数，默认宽松对比新旧值，只有绝对相等才不会触发set事件，如果设为false，则类型不同但是值相同也不会触发set事件
  • 对ax-input组件增加feature属性，使用plain值可表现的更加素雅。
  • 修改Pagination模块，增加size、counts、dropdown参数。
  • 发布了Pagination的API页面和演示示例页面。

2025-03-01更新

更新内容如下：

  • 将fromSelect和fromUl从treeTools中拎出来创建了新的工具函数：select2Tree和ul2Tree，避免了getContent与TreeTools产生循环依赖
  • 增加React演示演示页面，无障碍支持React，详情请点击这里
  • 修改alert工具函数，增加tplStr和tplEng参数，将参数cb改为yes。
  • 修改confirm工具函数，增加tplStr和tplEng参数。
  • 修改notice工具函数，增加tplStr和tplEng参数。
  • 修改getBetweenEls函数，将原parent参数改为root，新增exclude参数
  • 修改ax-anchors组件，将parent属性改为root，并允许对标题使用范围排除
  • 增加ax-anchors演示页面，详情请点击这里
  • 增加confirm工具函数演示页面，详情请点击这里

2025-02-27更新

更新内容如下：

  • 修改ax.comm.js入口文件，增加导出方式为export default {...modules}，确保在页面使用type=module方式引入时只需import ax即可
  • 增加body若干css变量，便于全局控制
  • 取消了语言包中的puncs属性
  • 修复Message、valid、Tags和Spy模块不能使用options.lang属性问题
  • 对Message模块增加heading:true的支持，如果heading:true则根据状态调用默认标题
  • 发布文件新增script-css.js、script-mini.js和script-note.js

2025-02-26更新

更新内容如下：

  • 修改打包入口文件的错误，重写打包入口文件，esm文件的导入导出更干净
  • 使用lock[ed]代替passivate[d]，使用unlock[ed]代替activate[d]，使用activate代替active(动作或事件)
  • 修改全局，有节点宿主的模块都支持lock和unlock方法，并均具有locked和unlocked事件
  • 修复Upload模块，初始化显示时，跨域受阻或地址错误，给与报错提示
  • 修复Range模块，点击min和max标识跳转相反的错误
  • 将Observe模块中的new事件改为construct，更符合规范
  • 发布createComp演示页面，详情请点击这里

2025-02-25更新

更新内容如下：

  • 修改Menu模块的监听事件名称，对主要事件都使用ed或d结尾，表示完成
  • 修改Pagination模块的监听事件名称，对主要事件都使用ed或d结尾，表示完成
  • 修正setted和getted的命名错误，改为set和got
  • 修正unselect改为deselect，显得更加严谨

2025-02-24更新

更新内容如下：

  • 修改createComp函数，增加register参数，即是否立即全局注册，默认true
  • 修改getDataType函数，增加对class类判断，与一般函数区分开来
  • 修复取消了模块的多态mixin，确保可以tree shaking
  • 新增regElem函数，用来全局注册webcomponent组件
  • 新增getComputedVar函数，避免多处使用getComputedStyle(document.documentElement).getPropertyValue
  • 将icons.image属性删除，新创建了getImgSpin、getImgNone等函数获取内置图片
  • 将fullGap改为getFullGap，类型为函数
  • 将scrollObj改为getScrollObj，类型为函数
  • 将screenSize改为getScreenSize，类型为函数
  • 模块的参数映射不再使用unique函数，以确保可以treeshaking
  • 删除fragment工具，新增appendEls函数，予以替代
  • 取消使用createComp创建组件，确保打包文件可treeshaking

2025-02-21更新

更新内容如下：

  • 修复ax.ts文件，允许使用esm的import方法导入模块或组件

2025-02-20更新

更新内容如下：

  • 将v3.0.8中新设的_flexable样式类纠正为_flexible
  • 修正prompt方法中yes回调函数中value为字符串格式改成数组，不再使用英文逗号区分字段值
  • 增加ax-input、ax-textarea、ax-number、ax-editor和ax-datetime组件增加了select方法，与input原生的select方法相对应
  • 对ax-input组件增加了enter(keydown)按键事件拦截，如果使用btn，则会触发btn的click事件（enter键默认会提交表单）

2025-02-19更新

更新内容如下：

  • 更新官网，新增“资源下载”栏目并发布第一批资源
  • 修复_field-compact类下的幽灵边框
  • 调整_field-compact类的内边距
  • 调整_box-tools默认颜色为中灰色，close和remove图标hover为红色
  • 修改createTools和createBtns函数，允许每一项使用styles属性以增加每个按钮的style属性
  • 对type=submit、type=reset和button节点增加--_btn-r变量，方便控制圆角
  • 修改css变量中active、hover和focus为简写act、hov和foc，对于标红警告的样式定义为hazard（简写haz）
  • 对_field-embed表单组增加_flexable样式类，以便横向铺满
  • 增加_split针对多终端的支持，支持_split-xxs~lg写法，让自适应更加简单
  • 将v3.0.8版本文件同步更新到了npm、github和gitee

2025-02-18更新

更新内容如下：

  • 修改AX-ANCHORS组件的样式，增加相关css变量
  • 修改card样式，增加相关css变量，更新了演示页面，详情请点击这里
  • 修复AX-HEADER在高清平板终端下自适应错误
  • 对code标签增加theme属性，支持多色的code标签，详情请点击这里
  • 修改了图标字体，增加钱币相关的图标，详情请点击这里
  • 修复了_field板块撑破容器问题，使之能自适应外容器宽度
  • A标签增加--_link-c-bg变量
  • 修复radio/checkbox/radios/checkboxes组件中input的value为空的问题

2025-02-09更新

更新内容如下：

  • 重新编辑字体脚本，修复若干图标字体的代码错误
  • 新增Panel模块
  • 对_group-lamp/_group-page/_group-flex增加了size属性，以适应不同场景
  • 修复了Tab模块，如果用户已经手动添加头部并应用了_group-*样式类，则不再重复添加样式类（_group-[lamp/btn/flex/page]）

2025-02-06更新

更新内容如下：

  • 增加ax-filter组件，详情请点击这里。
  • 修复RangeElem组件在attributeChangedCallback方法中无this.ins的错误。

2025-02-05更新

更新内容如下：

  • 对article标签增加新样式，超出容器的字符进行强制换行，如果是西文单词被换行则末尾使用-连接符。
  • 增加hyphenated属性，用于文本容器强制断行。
  • 系统字体增加Microsoft JhengHei和Yu Mincho字体用来显示繁体中文和日文。
  • 发布了Font字体和字号文档，详情请点击这里。
  • 外容器增加_container-full样式，补充_container-*成员。
  • 发布了Header自适应头部文档，详情请点击这里。

2025-01-17更新

为了达成阶段性目标，本次发布做了些许取舍，该版本不是完美的版本。

  1. 虽然展示了大多数模块/组件，但是仍有部分未能完成，例如图片/视频媒体的viewer、面板panel、步骤step、快捷工具shortcut、滚轮选择wheel等。
  2. 该版本还未完成性能测试，在大量加载模块/组件时可能存在性能问题。
  3. 大多数API文档中的props、attrs、methods和events都还未撰写，仅展示若干示例。
  4. 该版本使用typescript编写，但是使用了太多any和as，还需要改进。
  5. 该版本没有太多的时间对模块和组件的参数撰写注释。
  6. 该版本目前仅提供了中文版本。
  7. 因为以上原因，该版本仅提供dist版本，还未提供src版本。

在后续的半年时间中会不断改进代码质量，提高代码的可维护性和运行效率。

2024-07-02更新

2024-06-29更新

  • 官网开通会员注册功能
  • 开放第一批付费阅读内容

2024-06-22更新

  • 上线v3部分API体验内容

上一篇
First起步
16小时前更新
开始使用 原生标准 通用模块 通用组件
Copyright © 2025 Axui All Rights Reserved. AXUI版权所有 粤ICP备2022110744号 CDN/云存储支持
AXUI前端框架上传至NPM平台的TypeScript、JavaScript、Css、Less和HTML文件均为开源软件，支持MIT许可协议。
本网站的图文内容中“会员可看部分”和“扣金币可看部分”为非开源内容，未经许可不可转载和镜像，更不可二次加工售卖，如发现将追究法律责任，烦请用户们尊重知识产权。