更新日志

2.2.2

2023-11-01

新增：

• Modal 弹窗增加 when-open 和 when-close 事件；
• Modal 弹窗的 after-open 事件增加参数，表示弹窗内的元素。

2.2.1

2023-06-01

修复：

• 检测弹窗宽度的工具方法异常。

2.2.0

2023-04-23

新增：

• 调用 Loading、Alert、Confirm、Prompt 弹窗时会返回对应的配置项；
• Alert、Confirm、Prompt 弹窗增加了对最大宽度的限制；
• Alert、Confirm、Prompt 弹窗增加了 afterOpen 属性；
• Confirm、Prompt 弹窗的取消按钮增加 disabled 属性。

变更：

• 样式变量中的 --tinylayer-default 前缀替换为 --tinylayer-modal 前缀。

2.1.4

2023-04-17

优化：

• 对内置按钮类进行样式优化。

2.1.3

2023-04-17

新增：

• Modal 弹窗增加 auto-close-visible 属性；
• Modal 弹窗增加 footer-left 插槽。

2.1.2

2023-04-13

新增：

• Modal 弹窗增加 header-icon 插槽和 footer-button 插槽。

2.1.1

2023-04-12

新增：

• 当 Prompt 弹窗的输入框类型为 text 和 password 时，按下回车键可直接触发确定按钮事件。

2.1.0

2023-03-22

修复：

• 当 Loading 弹窗没有提示语时，图案元素的位置错误。

2.1.0 - beta.1

2023-03-21

新增：

• Loading、Alert、Confirm、Prompt 弹窗增加全局配置功能；
• Loading 弹窗增加 bodyScrollable 属性。

修复：

• Loading 弹窗背景色设置方式错误；
• 手动设置 Loading 弹窗背景色后，在系统深 / 浅色模式切换时，背景色设置错误；
• 深 / 浅色模式切换时，Alert 和 Confirm 弹窗的图标颜色无法自动适配调整；
• Alert 和 Confirm 弹窗在内容过多时，无法滚动查看更多内容；
• Prompt 弹窗的 tip 属性异常；
• Prompt 弹窗的输入框禁用状态时在深色模式下背景色异常。

变更：

• Alert、Confirm、Prompt、Modal 弹窗的遮罩层背景色默认使用样式变量定义的值；
• 按钮的最大宽度限制为 300px；
• 样式变量调整。

2.0.6

2023-03-16

修复：

• 修复某些情况下打包时报错的问题。

2.0.5

2023-03-16新增：

• Alert、Confirm、Prompt、Modal 弹窗增加 animationType 属性；
• 增加多个样式变量；
• 适配深色模式。

变更：

• 移除对 lodash-es 的引用；
• 修改了某些样式变量的变量名。

修复：

• 修复了按下 esc 按键无法关闭 Modal 弹窗的问题。

2.0.4

2023-03-08优化：

• 优化 Modal 弹窗内容区域的 Loading 层样式；
• 内部工具方法的改进；
• 优化全局关闭方法。

2.0.3

2023-03-07优化：

• 移除引用的 lodash-es 中的部分方法；
• 程序结构优化。

2.0.2

2023-03-05优化：

• 移除旧版本中遗留的无用代码。

2.0.1

2023-03-05优化：

• 对 Prompt 弹窗的输入框进行样式优化；
• 对所有样式代码进行属性顺序优化。

2.0.0

2023-03-02变更：

• 2.x 系列的版本仅支持 vue3.2+ 环境；
• Loading、Alert、Confirm、Prompt 弹窗改为直接通过 $tinylayer 调用；
• 样式变量全部迁移至 :root 下。

新增：

• 增加了多个样式变量；
• Loading、Alert、Confirm、Prompt 弹窗增加了 afterClose 属性；
• Alert、Confirm 弹窗增加了 useHtmlContent 属性；
• Loading 弹窗增加了 spinner 属性；
• Prompt 弹窗增加了 tip 属性；
• 增加了全局 closeAll 方法。

1.3.1

2023-06-01

修复：

• 检测弹窗宽度的工具方法异常。

1.3.0

2023-04-23

新增：

• 调用 Loading、Alert、Confirm、Prompt 弹窗时会返回对应的配置项；
• Alert、Confirm、Prompt 弹窗增加了对最大宽度的限制；
• Alert、Confirm、Prompt 弹窗增加了 afterOpen 属性；
• Confirm、Prompt 弹窗的取消按钮增加 disabled 属性；
• 样式变量中的 --tinylayer-default 前缀替换为 --tinylayer-modal 前缀；

1.2.5

2023-04-17

优化：

• 对内置按钮类进行样式优化。

1.2.4

2023-04-17

新增：

• Modal 弹窗增加 auto-close-visible 属性；
• Modal 弹窗增加 footer-left 插槽。

1.2.3

2023-04-13

新增：

• Modal 弹窗增加 header-icon 插槽和 footer-button 插槽。

1.2.2

2023-04-12

新增：

• Prompt 弹窗的输入框类型是 text 和 password 时，按下回车键可直接触发确定按钮事件。

1.2.1

2023-04-10

修复：

• Alert 弹窗的全局配置问题。

1.2.0

2023-03-22

新增：

• Loading、 Alert、Confirm、Prompt 弹窗增加全局默认值功能；
• Loading 弹窗增加 bodyScrollable 属性。

修复：

• Loading 弹窗背景色设置方式错误；
• 手动设置 Loading 弹窗背景色后，在系统深 / 浅色模式切换时，背景色设置错误；
• 当 Loading 弹窗没有提示语时，图案元素的位置错误；
• 深 / 浅色模式切换时，Alert 和 Confirm 弹窗的图标颜色无法自动适配调整；
• Alert 和 Confirm 弹窗在内容过多时，无法滚动查看更多内容；
• Prompt 弹窗的 tip 属性异常；
• Prompt 弹窗的输入框禁用状态时在深色模式下背景色异常。

变更：

• Alert、Confirm、Prompt、Modal 弹窗的遮罩层背景色默认使用 css 变量定义的值；
• 按钮的最大宽度限制为 300px；
• 样式变量调整。

1.1.4

2023-03-16

修复：

• 修复某些情况下打包时报错的问题。

1.1.3

2023-03-16新增：

• Alert、Confirm、Prompt、Modal 弹窗增加 animationType 属性；
• 增加多个样式变量；
• 适配深色模式。

变更：

• 移除对 lodash-es 的引用；
• 修改了某些样式变量的变量名。

修复：

• 修复了按下 esc 按键无法关闭 Modal 弹窗的问题。

1.1.2

2023-03-08优化：

• 优化 Modal 弹窗内容区域的 Loading 层样式；
• 内部工具方法的改进；
• 优化全局关闭方法。

1.1.1

2023-03-07优化：

• 移除引用的 lodash-es 中的部分方法；
• 程序结构优化。

1.1.0

2023-03-05变更：

• 将 v2.0.0 和 v2.0.1 的变动以及新增功能完整移植到 vue2 环境下。

1.0.6

2023-01-14新增：

• Loading 弹窗增加了 transitionEffect 属性；
• Alert、Confirm、Prompt 弹窗增加了 width 属性；
• Prompt 弹窗的 inputType 属性增加了 textarea 可选值。

1.0.5

2022-09-27新增：

• 增加了自定义主题的功能；
• Alert、Confirm 弹窗的 ok 属性增加了 disabled、closable、loading 子属性；
• Prompt 弹窗增加了 inputDisabled 属性。

1.0.4

2022-09-21修复：

• 修复了弹窗样式问题导致的内容区域嵌入第三方组件时，组件内外边距异常的问题；
• 修复了某些情况下内容区域的 Loading 层无法盖住下方元素的问题。

1.0.3

2022-09-07变动：

• 组件代码未做改动，仅修改了依赖包的版本，解决了之前版本在运行时出现警告信息的问题。

1.0.2

2022-08-15修复：

• 修复了开启自动关闭功能时，点击遮罩层会导致自动关闭功能失效的问题。

1.0.1

2022-06-24新增：

• Modal 弹窗的确定按钮增加了 okLoading 属性。

1.0.0

2022-06-17发布：

• 发布 TinyLayer。