前端表格控件SpreadJS V16.0 Update1发布，带来全新数据录入体验！

SpreadJS 是一款基于 JavaScript 的电子表格控件，通过以表格形式显示数据、高速的计算引擎以及数百种统计和财务函数及公式，提供类似于Excel的电子表格体验。 它易于实现，可扩展并且灵活。尤其可以帮助增强您的应用程序，并将内容从一组简单的数据转换为更加有用、易懂的类似于Excel的仪表板。

近日 SpreadJS 正式发布了最新的 V16.0 Update1 版本，通过新增输入掩码功能为数据录入提供更友好、更准确地使用体验！

除了新增输入掩码能外，SpreadJS在单元格编辑、公式函数、透视表、集算表以及新框架支持方面都带来了诸多的增强和优化，关键特性包含：

• 单元格增强：支持输入时掩码提示（Input Mask）、文字换行策略优化（Word Line Break Enhancement），可通过API自定义换行策略。
• 公式函数增强：支持公式计算结果自动格式化、新增正则表达式，帮助提取、匹配和替换单元格内的文本。
• 数据透视表增强：支持对透视表中单字段小计位置进行设置、支持对数据进行排序、可通过配置选择数据的引用方式。
• 形状增强：支持将迷你图作为形状背景、支持文本框（TextboxShapes）、支持更改形状的Z-Order顺序、可通过enabled属性控制用户与表单空间的交互。
• 图表增强：新增仪表图、负数反转，可通过invertColor选项为倒置系列选择特定颜色。

其他更新概要：

1、提供密码保护功能增强工作簿与工作表的安全性

2、支持调整过滤框大小，以适应过滤对话框中不同的内容长度

3、组合框下拉列表支持浮动样式，确保内容能够被完整显示

4、对复制剪贴版内容进行优化，提高剪贴板操作的性能，有效降低内存消耗。同时能够保留自动换行功能，确保复制内容的一致性

5、支持Next.js、Nuxt、Angular15前端开发框架，提升兼容性

SpreadJS 表格控件 V16.0 Update1 中部分功能展示如下：

支持用户输入数据时掩码提示（Input Mask），让数据录入更友好、更准确

输入掩码对于表单录入、单元格编辑是一个非常有用的特性。通过输入掩码可以将用户输入限制在一组格式中，从而确保数据完整性。同时，能够防止用户输入错误。例如，输入格式化的电话号码、身份证号码等。数据格式可以是字符串模式或日期模式，并且该格式还可以与公式结合使用，进而产生特定结果。

相对于数据验证的功能，输入掩码在录入的同时就能帮助用户纠正输入错误，且具备格式提示的功能，让数据录入体验更加友好，更加准确。

不同操作系统语言下文字换行策略优化（Word Line Break Enhancement），可通过开放性接口实现自定义换行策略

不同语言系统下的Excel对中文文本的换行策略并不一致，如下图所示：

在新版中，SpreadJS针对英文语言环境下Excel中的中文文本提供换行策略，确保该样式与中文环境中保持一致。

同时，SpreadJS开放了接口和自定义换行策略，方便用户进行调整与扩展。示例代码如下图所示：

新增正则表达式，并能够对计算结果进行自动格式化（Formula Result Format Hint）

SpeadJS V16.0 Update1中新增了一些新的正则RegEx函数：

• GC.EGEXEXTRACT - 根据正则表达式提取匹配的子字符串
• GC.REGEXMATCH - 测试一段文本是否与正则表达式匹配
• GC.REGEXREPLACE - 使用正则表达式将部分文本字符串替换为不同的文本字符串

新功能可以帮助提取、匹配和替换单元格内的文本，以下为示例：

除此之外，当您在SpreadJS中输入公式后，新版本可以根据公式中的数据自动生成格式化的结果。例如，有一个值为 0.1 的单元格 (A1)并且对其应用了百分比格式化 (0%)，如果在该单元格中引用公式“=A1+1”，那么结果也会自动格式化为百分比形式：110%。自动格式包含以下类型：

支持文本框（Textbox）、能够将迷你图作为形状背景，并且能够调整形状之间的Z-Order顺序

SpreadJS V16.0 Update1版本中对形状部分进行了较多优化，支持文本框（TextBox），可以在工作表的任何位置添加文本框，同时还可以利用 resizeToFitText 选项自动调整文本框的大小来适应用户的输入。

在新版的SpreadJS中，可以支持使用迷你图函数作为源属性，通过 style.fill.src 来完成背景填充。使用时，将创建迷你图并将其用作形状的背景。例如，您可以创建一个标准矩形并在其中使用饼图迷你图。

除此之外，新版本的SpreadJS及设计器组件中可以支持更改形状的 Z-Order顺序，基于此功能用户就可以根据需要调整形状之间的顺序。可以通过以下方法来调整形状之间的Z-Order 顺序：

• 向前移动 - 将形状移动到另一个形状之上
• 置于顶层 - 将形状移到其他所有形状之上
• 向后发送 - 将形状移动到另一个形状下方
• 置于底层 - 将形状移到其他所有形状下方

工作簿与工作表新增多个优化点，全面提升使用的便利性及安全性

新版的SpreadJS在以下方面进行了优化和升级，全面提升用户使用的便利性及安全性。

1、可对过滤对话框的大小进行调整以适应用户对文本长度的不同需求

2、组合框下拉列表支持浮动样式，确保信息能够完整显示

3、对复制剪贴版内容进行优化，提高剪贴板操作的性能，有效降低内存消耗。同时能够保留自动换行功能，确保复制内容的一致性

4、提供密码保护功能增强工作簿与工作表的安全性

在SpreadJS 中可以为工作表添加密码，从而实现对工作表的保护。您可以为特定工作表或整个工作簿设置密码，以确保在线表格文件的安全性。API 如下：

*GC.Spread.Sheets.Worksheet.prototype.protect*

*GC.Spread.Sheets.Worksheet.prototype.unprotect*

*GC.Spread.Sheets.Worksheet.prototype.hasPassword*

其他更多优化功能

1. 新增仪表图（Gauge Charts）
2. 柱形图和条形图可通过 invertIfNegative选型设置正值和负值得格式，并使用invertColor选项为倒置系列选择特定颜色。
3. 可通过showZeros选项控制单元格内0值的显示模式
4. 可通过SheetArea.colHeader或SheetArea.rowHeader增强列/行标题布局
5. 在数据删除过程中，可通过SetRowCount 和 SetColumnCount 实现对表格数据的保护

除此之外，SpreadJS V16.0 Update1还对设计器进行了增强，例如可对条件格式进行大小的调整；可调整对话框的命名范围；在计算表中，可对数据源字段进行扩展；在集算表中允许同时过滤多个列。

以上是此次 SpreadJS V16.0 Update1 新版本的主要增强和优化，更多详细内容，欢迎访问GCDN中的新特性专题帖，也可通过产品文档查找具体内容，或加入QQ交流群720389894。

如果您对SpreadJS表格控件感兴趣，欢迎前往葡萄城SpreadJS官网下载产品安装包，同步体验SpreadJS V16.0 Update1的全新功能。