luckysheet添加文本后缀(kg)、金额大写等单元格格式

金额大写

需求：用luckysheet做发票时需要显示金额的中文大写。

1、在zh.js（CTRL+P快捷键找）中的defaultFmt中加入一行金额大写的数据。实现国际化时同级的其他几个语言文件也要加。

 

        // nby 增加数字中文大写格式
        { "text": '金额中文大写', "value": "拾元", "example": "拾元" },

 2、找到format.js文件的format方法，入参fmt就是前面添加的对象的value，判断一下是否是金额大写格式，之后执行转换的方法，返回结果。ps：我转换方法找的网上的，链接如下：

js前端将金额数字格式化成大写金额（代码）_进步中的程序猿的博客-CSDN博客_前端金额大写

 代码如下：

 // nby 新增金额中文大写
        if(fmt === '拾元'){
            if( v === null){
                return null
            }else{
                return   cnMoneyFormat(v)   
            }
            function cnMoneyFormat(money) {
			   var cnMoney = "零元整";
			   var strOutput = "";
			   var strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分';
			   money += "00";
			   var intPos = money.indexOf('.');
			   if (intPos >= 0) {
			      money = money.substring(0, intPos) + money.substr(intPos + 1, 2);
			   }
			   strUnit = strUnit.substr(strUnit.length - money.length);
			   for (var i = 0; i < money.length; i++) {
			      strOutput += '零壹贰叁肆伍陆柒捌玖'.substr(money.substr(i, 1), 1) + strUnit.substr(i, 1);
			   }
			   cnMoney = strOutput.replace(/零角零分$/, '整').replace(/零[仟佰拾]/g, '零').replace(/零{2,}/g, '零').replace(/零([亿|万])/g, '$1').replace(/零+元/, '元').replace(/亿零{0,3}万/, '亿').replace(/^元/, "零元");
			   return cnMoney;
			}
        }
        // nby 新增金额中文大写 END

文本后缀

需求：产品经理说需要加一个能在数字后面显示单位的单元格格式。

1、同样，在zh,js文件中format对象中加一行数据,，同级的几个语言文件也加上

        moreText:'更多文本后缀',

2、由于需要用户输入文本后缀，所以需要创建dom弹出一个input框来。 找到moreFormat.js文件的createDIalog方法，在里面加一个是文本后缀的判断处理。

 代码如下：

        // nby 新增文本后缀
        else if(type === 'moreText'){//文本后缀
            title = '自定义文本后缀'
            content = '<input type="text" id="suffixText" style="width:100%">'
            // 后缀回填,这里选取选中的第一个单元格作为标准。
            const r = Store.luckysheet_select_save[0].row[0]
            const c = Store.luckysheet_select_save[0].column[0]
            const cellData = Store.flowdata[r][c]
            if(cellData?.ct?.t === '^'){
                // 已经是文本后缀格式了，需要回填
                content = `<input type="text" id="suffixText" style="width:100%" value = '${cellData?.ct?.fa.slice(1)}'>`
            }
        }

效果如下：

 3、接下来就要获取input的值，然后对点击“确定”进行处理。

 代码如下：取到input值后，调用menuButton.updateFormat方法修改单元格的ct属性

let inputDom = document.getElementById('suffixText')
if(inputDom){
   let input = inputDom.value ?? ''    //这里可以不让空字符串通过，看业务逻辑
   // "\"€\" 0.00"
   menuButton.updateFormat(d, "ct", `^${input}`); //修改单元格对象的ct属性
}

 4、完善单元格对象。（非必要）

由于luckysheet的完整单元格格式属性如下：

ct: {fa: 'General', t: 'n'}

官方单元格属性介绍：

单元格 | Luckysheet文档

文本后缀单元格对象的ct属性：

ct : { fa : '^文本后缀' , t : '^' }

前面只把fa给改变了，t还没变，所以需要在menuButton.js文件的updateFormatCell方法中对t进行处理。

 

// nby 新增自定义文本后缀
if(foucsStatus.slice(0,1) === '^'){
   type = '^'
}
// nby 新增自定义文本后缀 END

5、更新单元格对象

format.js的format方法添加判断，是文本后缀类型就返回真正的值加上后缀。

 代码如下：

        // nby 新增自定义文本后缀
        if(fmt.slice(0,1) === '^'){
            debugger
            if( v === null){
                return null
            }else{
                return v+fmt.slice(1,fmt.length)            
            }
        }
        // nby 新增自定义文本后缀 END

（完，呼呼呼）