feat(zh-cn): zh-cn

zh-cn

src/controllers/conditionformat.js

@@ -10,14 +10,55 @@ import { modelHTML, luckysheet_CFiconsImg } from './constant';
 import server from './server';
 import { selectionCopyShow } from './select';
 import sheetmanage from './sheetmanage';
+import locale from '../locale/locale';
 import Store from '../store';
 
 //条件格式
 const conditionformat = {
     fileClone: [],
     editorRule: null, //{"sheetIndex": sheetIndex,"itemIndex": itemIndex,"data": luckysheetfile[sheetIndex].luckysheet_conditionformat_save[itemIndex]}
-    ruleTypeHtml: '<div class="ruleTypeBox"><div class="ruleTypeItem"><span class="icon">► </span><span>基于各自值设置所有单元格的格式</span></div><div class="ruleTypeItem"><span class="icon">► </span><span>只为包含以下内容的单元格设置格式</span></div><div class="ruleTypeItem"><span class="icon">► </span><span>仅对排名靠前或靠后的数值设置格式</span></div><div class="ruleTypeItem"><span class="icon">► </span><span>仅对高于或低于平均值的数值设置格式</span></div><div class="ruleTypeItem"><span class="icon">► </span><span>仅对唯一值或重复值设置格式</span></div></div>',
-    textCellColorHtml: '<div id="textCellColor"><div class="colorbox"><input id="checkTextColor" type="checkbox" checked="checked"><label for="checkTextColor">文本颜色：</label><input id="textcolorshow" data-tips="文本颜色" data-func="background" class="luckysheet-conditionformat-config-color" type="text" value="#9c0006" style="display: none;"></div><div class="colorbox"><input id="checkCellColor" type="checkbox" checked="checked"><label for="checkCellColor">单元格颜色：</label><input id="cellcolorshow" data-tips="单元格颜色" data-func="background" class="luckysheet-conditionformat-config-color" type="text" value="#ffc7ce" style="display: none;"></div></div>',
+    ruleTypeHtml: function(){
+        const conditionformat_Text = locale().conditionformat;
+
+        return `<div class="ruleTypeBox">
+                    <div class="ruleTypeItem">
+                        <span class="icon">► </span>
+                        <span>${conditionformat_Text.ruleTypeItem1}</span>
+                    </div>
+                    <div class="ruleTypeItem">
+                        <span class="icon">► </span>
+                        <span>${conditionformat_Text.ruleTypeItem2}</span>
+                    </div>
+                    <div class="ruleTypeItem">
+                        <span class="icon">► </span>
+                        <span>${conditionformat_Text.ruleTypeItem3}</span>
+                    </div>
+                    <div class="ruleTypeItem">
+                        <span class="icon">► </span>
+                        <span>${conditionformat_Text.ruleTypeItem4}</span>
+                    </div>
+                    <div class="ruleTypeItem">
+                        <span class="icon">► </span>
+                        <span>${conditionformat_Text.ruleTypeItem5}</span>
+                    </div>
+                </div>`;
+    },
+    textCellColorHtml: function(){
+        const conditionformat_Text = locale().conditionformat;
+
+        return `<div id="textCellColor">
+                    <div class="colorbox">
+                        <input id="checkTextColor" type="checkbox" checked="checked">
+                        <label for="checkTextColor">${conditionformat_Text.textColor}：</label>
+                        <input id="textcolorshow" data-tips="${conditionformat_Text.textColor}" data-func="background" class="luckysheet-conditionformat-config-color" type="text" value="#9c0006" style="display: none;">
+                    </div>
+                    <div class="colorbox">
+                        <input id="checkCellColor" type="checkbox" checked="checked">
+                        <label for="checkCellColor">${conditionformat_Text.cellColor}：</label>
+                        <input id="cellcolorshow" data-tips="${conditionformat_Text.cellColor}" data-func="background" class="luckysheet-conditionformat-config-color" type="text" value="#ffc7ce" style="display: none;">
+                    </div>
+                </div>`;
+    },
     selectRange: [],
     selectStatus: false,
     dataBarList: [
@@ -1546,43 +1587,50 @@ const conditionformat = {
         $("#luckysheet-modal-dialog-mask").show();
         $("#luckysheet-administerRule-dialog").remove();
 
+        const conditionformat_Text = locale().conditionformat;
+        
         //工作表
         let opHtml = ''; 
         for(let j = 0; j < Store.luckysheetfile.length; j++){
             if(Store.luckysheetfile[j].status == "1"){
-                opHtml += '<option value="' + Store.luckysheetfile[j]["index"] + '" selected="selected">当前工作表：' + Store.luckysheetfile[j]["name"] + '</option>';
+                opHtml +=  `<option value="${Store.luckysheetfile[j]["index"]}" selected="selected">
+                                ${conditionformat_Text.currentSheet}：${Store.luckysheetfile[j]["name"]}
+                            </option>`;
             }
             else{
-                opHtml += '<option value="' + Store.luckysheetfile[j]["index"] + '">表：' + Store.luckysheetfile[j]["name"] + '</option>';
+                opHtml +=  `<option value="${Store.luckysheetfile[j]["index"]}">
+                                ${conditionformat_Text.sheet}：${Store.luckysheetfile[j]["name"]}
+                            </option>`;
             }
         }
 
-        let content = '<div class="chooseSheet">' +
-                        '<label>显示其格式规则：</label>' +
-                        '<select>' + opHtml + '</select>' +
-                      '</div>' +
-                      '<div class="ruleBox">' +
-                        '<div class="ruleBtn">' +
-                            '<button id="newConditionRule" class="btn btn-default">新建规则</button>' +
-                            '<button id="editorConditionRule" class="btn btn-default">编辑规则</button>' +
-                            '<button id="deleteConditionRule" class="btn btn-default">删除规则</button>' +
-                        '</div>' +
-                        '<div class="ruleList">' +
-                            '<div class="listTitle">' +
-                                '<span>规则</span>' +
-                                '<span>格式</span>' +
-                                '<span>应用范围</span>' +
-                            '</div>' +
-                            '<div class="listBox"></div>' +
-                        '</div>' +
-                      '</div>';
+        let content =  `<div class="chooseSheet">
+                            <label>${conditionformat_Text.showRules}：</label>
+                            <select>${opHtml}</select>
+                        </div>
+                        <div class="ruleBox">
+                            <div class="ruleBtn">
+                                <button id="newConditionRule" class="btn btn-default">${conditionformat_Text.newRule}</button>
+                                <button id="editorConditionRule" class="btn btn-default">${conditionformat_Text.editRule}</button>
+                                <button id="deleteConditionRule" class="btn btn-default">${conditionformat_Text.deleteRule}</button>
+                            </div>
+                            <div class="ruleList">
+                                <div class="listTitle">
+                                    <span>${conditionformat_Text.rule}</span>
+                                    <span>${conditionformat_Text.format}</span>
+                                    <span>${conditionformat_Text.applyRange}</span>
+                                </div>
+                                <div class="listBox"></div>
+                            </div>
+                        </div>`;
 
         $("body").append(replaceHtml(modelHTML, { 
             "id": "luckysheet-administerRule-dialog", 
             "addclass": "luckysheet-administerRule-dialog", 
-            "title": "条件格式规则管理器", 
+            "title": conditionformat_Text.manageRules, 
             "content": content, 
-            "botton": '<button id="luckysheet-administerRule-dialog-confirm" class="btn btn-primary">确定</button><button id="luckysheet-administerRule-dialog-close" class="btn btn-default">关闭</button>', 
+            "botton":  `<button id="luckysheet-administerRule-dialog-confirm" class="btn btn-primary">${conditionformat_Text.confirm}</button>
+                        <button id="luckysheet-administerRule-dialog-close" class="btn btn-default">${conditionformat_Text.close}</button>`, 
             "style": "z-index:100003" 
         }));
         let $t = $("#luckysheet-administerRule-dialog")
@@ -1609,8 +1657,7 @@ const conditionformat = {
 
         let ruleArr = _this.fileClone[getSheetIndex(index)].luckysheet_conditionformat_save; //条件格式规则集合
         if(ruleArr != null && ruleArr.length > 0){
-            let textColorHtml = ''; //文本颜色dom
-            let cellColorHtml = ''; //单元格颜色dom
+            const conditionformat_Text = locale().conditionformat;
             
             for(let i = 0; i < ruleArr.length; i++){
                 let type = ruleArr[i]["type"];            //规则类型
@@ -1620,17 +1667,17 @@ const conditionformat = {
                 let ruleName;         //规则名称
                 let formatHtml = '';  //样式dom
                 if(type == "dataBar"){
-                    ruleName = "数据条";
+                    ruleName = conditionformat_Text.dataBar;
 
                     formatHtml = '<canvas width="46" height="18" style="width: 46px;height: 18px;margin: 3px 0 0 5px;"></canvas>';
                 }
                 else if(type == "colorGradation"){
-                    ruleName = "色阶";
+                    ruleName = conditionformat_Text.colorGradation;
 
                     formatHtml = '<canvas width="46" height="18" style="width: 46px;height: 18px;margin: 3px 0 0 5px;"></canvas>';
                 }
                 else if(type == "icons"){
-                    ruleName = "图标集";
+                    ruleName = conditionformat_Text.icons;
 
                     formatHtml = '<canvas width="46" height="18" style="width: 46px;height: 18px;margin: 3px 0 0 5px;"></canvas>';
                 }
@@ -1638,11 +1685,11 @@ const conditionformat = {
                     ruleName = _this.getConditionRuleName(ruleArr[i].conditionName, ruleArr[i].conditionRange, ruleArr[i].conditionValue);
                 
                     if(format["textColor"] != null){
-                        formatHtml += '<span class="colorbox" title="文本颜色" style="background-color:' + format["textColor"] + '"></span>';
+                        formatHtml += '<span class="colorbox" title="'+ conditionformat_Text.textColor +'" style="background-color:' + format["textColor"] + '"></span>';
                     }
 
                     if(format["cellColor"] != null){
-                        formatHtml += '<span class="colorbox" title="单元格颜色" style="background-color:' + format["cellColor"] + '"></span>';
+                        formatHtml += '<span class="colorbox" title="'+ conditionformat_Text.cellColor +'" style="background-color:' + format["cellColor"] + '"></span>';
                     }
                 }
                 
@@ -1661,7 +1708,7 @@ const conditionformat = {
                                     '<div class="format">' + formatHtml + '</div>' +
                                     '<div class="ruleRange">' +
                                         '<input class="formulaInputFocus" readonly="true" value="' + rangeTxtArr.join(",") + '"/>' +
-                                        '<i class="fa fa-table" aria-hidden="true" title="点击选择应用范围"></i>' +
+                                        '<i class="fa fa-table" aria-hidden="true" title="'+ conditionformat_Text.selectRange +'"></i>' +
                                     '</div>' +
                                 '</div>';
 
@@ -1758,12 +1805,14 @@ const conditionformat = {
             v = conditionValue[0];
         }
 
+        const conditionformat_Text = locale().conditionformat; 
+
         //返回条件格式规则名称
         if(conditionName == "greaterThan"){
-            return "单元格值 > " + v;
+            return conditionformat_Text.cellValue + " > " + v;
         }
         else if(conditionName == "lessThan"){
-            return "单元格值 < " + v;
+            return conditionformat_Text.cellValue + " < " + v;
         }
         else if(conditionName == "betweenness"){
             let v2;
@@ -1773,47 +1822,49 @@ const conditionformat = {
             else{
                 v2 = conditionValue[1];
             }
-            return "单元格值介于 "+ v +" 和 "+ v2 +" 之间";
+            return conditionformat_Text.cellValue + " " + conditionformat_Text.between + " " + v + " " + conditionformat_Text.in + " " + v2 + " " + conditionformat_Text.between2;
         }
         else if(conditionName == "equal"){
-            return "单元格值 = " + v;
+            return conditionformat_Text.cellValue + " = " + v;
         }
         else if(conditionName == "textContains"){
-            return "单元格值包含 =" + v;
+            return conditionformat_Text.cellValue + conditionformat_Text.contain + " =" + v;
         }
         else if(conditionName == "occurrenceDate"){
             return conditionValue;
         }
         else if(conditionName == "duplicateValue"){
             if(conditionValue == "0"){
-                return "重复值";
+                return conditionformat_Text.duplicateValue;
             }
             if(conditionValue == "1"){
-                return "唯一值";
+                return conditionformat_Text.uniqueValue;
             }
         }
         else if(conditionName == "top10"){
-            return "前 "+ v +" 个";
+            return conditionformat_Text.top + " " + v + " " + conditionformat_Text.oneself;
         }
         else if(conditionName == "top10%"){
-            return "前 "+ v +"% 个";
+            return conditionformat_Text.top + " " + v + "% " + conditionformat_Text.oneself;
         }
         else if(conditionName == "last10"){
-            return "后 "+ v +" 个";
+            return conditionformat_Text.last + " " + v + " " + conditionformat_Text.oneself;
         }
         else if(conditionName == "last10%"){
-            return "后 "+ v +"% 个";
+            return conditionformat_Text.last + " " + v + "% " + conditionformat_Text.oneself;
         }
         else if(conditionName == "AboveAverage"){
-            return "高于平均值";
+            return conditionformat_Text.aboveAverage;
         }
         else if(conditionName == "SubAverage"){
-            return "低于平均值";
+            return conditionformat_Text.belowAverage;
         }
     },
     newConditionRuleDialog: function(source){
         let _this = this;
 
+        const conditionformat_Text = locale().conditionformat; 
+
         //规则说明
         let ruleExplainHtml = _this.getRuleExplain(0);
         
@@ -1823,9 +1874,9 @@ const conditionformat = {
         $("#luckysheet-newConditionRule-dialog").remove();
 
         let content = '<div>' +
-                        '<div class="boxTitle">选择规则类型：</div>' +
-                        _this.ruleTypeHtml +
-                        '<div class="boxTitle">编辑规则说明：</div>' +
+                        '<div class="boxTitle">' + conditionformat_Text.chooseRuleType + '：</div>' +
+                        _this.ruleTypeHtml() +
+                        '<div class="boxTitle">' + conditionformat_Text.editRuleDescription + '：</div>' +
                         '<div class="ruleExplainBox">' +
                             ruleExplainHtml +
                         '</div>' +
@@ -1834,9 +1885,10 @@ const conditionformat = {
         $("body").append(replaceHtml(modelHTML, { 
             "id": "luckysheet-newConditionRule-dialog", 
             "addclass": "luckysheet-newEditorRule-dialog", 
-            "title": "新建格式规则", 
+            "title": conditionformat_Text.newFormatRule, 
             "content": content, 
-            "botton": '<button id="luckysheet-newConditionRule-dialog-confirm" class="btn btn-primary" data-source="'+source+'">确定</button><button id="luckysheet-newConditionRule-dialog-close" class="btn btn-default" data-source="'+source+'">取消</button>', 
+            "botton":  `<button id="luckysheet-newConditionRule-dialog-confirm" class="btn btn-primary" data-source="'+source+'">${conditionformat_Text.confirm}</button>
+                        <button id="luckysheet-newConditionRule-dialog-close" class="btn btn-default" data-source="'+source+'">${conditionformat_Text.cancel}</button>`, 
             "style": "z-index:100003" 
         }));
         let $t = $("#luckysheet-newConditionRule-dialog")
@@ -1914,7 +1966,7 @@ const conditionformat = {
 
         let content = '<div>' +
                         '<div class="boxTitle">选择规则类型：</div>' +
-                        _this.ruleTypeHtml +
+                        _this.ruleTypeHtml() +
                         '<div class="boxTitle">编辑规则说明：</div>' +
                         '<div class="ruleExplainBox">' +
                             ruleExplainHtml +
@@ -2094,85 +2146,87 @@ const conditionformat = {
         }).show();
     },
     getRuleExplain: function(index){
-        let textCellColorHtml = this.textCellColorHtml;
+        const conditionformat_Text = locale().conditionformat; 
+
+        let textCellColorHtml = this.textCellColorHtml();
         
         let ruleExplainHtml;
         switch(index){
             case 0: //基于各自值设置所有单元格的格式
-                ruleExplainHtml = '<div class="title">基于各自值设置所有单元格的格式：</div>' +
-                                      '<div style="height: 30px;margin-bottom: 5px;">' +
-                                        '<label style="display: block;width: 80px;height: 30px;line-height: 30px;float: left;">格式样式：</label>' +
-                                        '<select id="type1">' +
-                                            '<option value="dataBar">数据条</option>' +
-                                            '<option value="colorGradation">色阶</option>' +
-                                            '<option value="icons">图标集</option>' +
-                                        '</select>' +
-                                      '</div>' +
-                                      '<div>' +
-                                        '<div class="type1Box dataBarBox">' +
-                                            '<div style="height: 30px;margin-bottom: 5px;">' +
-                                                '<label style="display: block;width: 80px;height: 30px;line-height: 30px;float: left;">填充类型：</label>' +
-                                                '<select id="type2">' +
-                                                    '<option value="gradient">渐变</option>' +
-                                                    '<option value="solid">实心</option>' +
-                                                '</select>' +
-                                            '</div>' +
-                                            '<div style="height: 30px;margin-bottom: 5px;">' +
-                                                '<label style="display: block;width: 80px;height: 30px;line-height: 30px;float: left;">颜色：</label>' +
-                                                '<input data-tips="数据条颜色" data-func="background" class="luckysheet-conditionformat-config-color" type="text" value="#638ec6" style="display: none;">' +    
-                                            '</div>' +
-                                        '</div>' +
-                                        '<div class="type1Box colorGradationBox" style="display: none;">' +
-                                            '<div style="height: 30px;margin-bottom: 5px;">' +
-                                                '<label style="display: block;width: 80px;height: 30px;line-height: 30px;float: left;">填充类型：</label>' +
-                                                '<select id="type2">' +
-                                                    '<option value="threeColor">三色</option>' +
-                                                    '<option value="twoColor">双色</option>' +
-                                                '</select>' +
-                                            '</div>' +
-                                            '<div class="maxVal" style="height: 30px;margin-bottom: 5px;">' +
-                                                '<label style="display: block;width: 80px;height: 30px;line-height: 30px;float: left;">最大值：</label>' +
-                                                '<input data-tips="最大值颜色" data-func="background" class="luckysheet-conditionformat-config-color" type="text" value="rgb(99, 190, 123)" style="display: none;">' +
-                                            '</div>' +
-                                            '<div class="midVal" style="height: 30px;margin-bottom: 5px;">' +
-                                                '<label style="display: block;width: 80px;height: 30px;line-height: 30px;float: left;">中间值：</label>' +
-                                                '<input data-tips="中间值颜色" data-func="background" class="luckysheet-conditionformat-config-color" type="text" value="rgb(255, 235, 132)" style="display: none;">' +
-                                            '</div>' +
-                                            '<div class="minVal" style="height: 30px;margin-bottom: 5px;">' +
-                                                '<label style="display: block;width: 80px;height: 30px;line-height: 30px;float: left;">最小值：</label>' +
-                                                '<input data-tips="最小值颜色" data-func="background" class="luckysheet-conditionformat-config-color" type="text" value="rgb(248, 105, 107)" style="display: none;">' +
-                                            '</div>' +
-                                        '</div>' +
-                                        '<div class="type1Box iconsBox" style="display: none;">' +
-                                            '<label>填充类型：</label>' +
-                                            '<div class="showbox">' +
-                                                '<div class="model" data-len="3" data-leftmin="0" data-top="0" title="三向箭头(彩色)" style="background-position: 0 0;"></div>' +
-                                                '<span class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s" style="margin-top: 2px;"></span>' +
-                                            '</div>' +
-                                            '<ul>' +
-                                                '<li><div data-len="3" data-leftmin="0" data-top="0" title="三向箭头(彩色)" style="background-position: 0 0;"></div></li>' +
-                                                '<li><div data-len="3" data-leftmin="5" data-top="0" title="三向箭头(灰色)" style="background-position: -131px 0;"></div></li>' +
-                                                '<li><div data-len="3" data-leftmin="0" data-top="1" title="3个三角形" style="background-position: 0 -20px;"></div></li>' +
-                                                '<li><div data-len="4" data-leftmin="0" data-top="2" title="四向箭头(彩色)" style="background-position: 0 -40px;"></div></li>' +
-                                                '<li><div data-len="4" data-leftmin="5" data-top="1" title="四向箭头(灰色)" style="background-position: -131px -20px;"></div></li>' +
-                                                '<li><div data-len="5" data-leftmin="0" data-top="3" title="五向箭头(彩色)" style="background-position: 0 -60px;"></div></li>' +
-                                                '<li><div data-len="5" data-leftmin="5" data-top="2" title="五向箭头(灰色)" style="background-position: -131px -40px;"></div></li>' +
-                                                '<li><div data-len="3" data-leftmin="0" data-top="4" title="三色交通灯(无边框)" style="background-position: 0 -80px;"></div></li>' +
-                                                '<li><div data-len="3" data-leftmin="5" data-top="4" title="三色交通灯(有边框)" style="background-position: -131px -80px;"></div></li>' +
-                                                '<li><div data-len="3" data-leftmin="0" data-top="5" title="三标志" style="background-position: 0 -100px;"></div></li>' +
-                                                '<li><div data-len="4" data-leftmin="5" data-top="5" title="四色交通灯" style="background-position: -131px -100px;"></div></li>' +
-                                                '<li><div data-len="4" data-leftmin="0" data-top="6" title="绿-红-黑渐变" style="background-position: 0 -120px;"></div></li>' +
-                                                '<li><div data-len="3" data-leftmin="0" data-top="7" title="三个符号(有圆圈)" style="background-position: 0 -140px;"></div></li>' +
-                                                '<li><div data-len="3" data-leftmin="5" data-top="7" title="三个符号(无圆圈)" style="background-position: -131px -140px;"></div></li>' +
-                                                '<li><div data-len="3" data-leftmin="0" data-top="8" title="三色旗" style="background-position: 0 -160px;"></div></li>' +
-                                                '<li><div data-len="3" data-leftmin="0" data-top="9" title="3个星形" style="background-position: 0 -180px;"></div></li>' +
-                                                '<li><div data-len="5" data-leftmin="0" data-top="10" title="五象限图" style="background-position: 0 -200px;"></div></li>' +
-                                                '<li><div data-len="5" data-leftmin="0" data-top="11" title="5个框" style="background-position: 0 -220px;"></div></li>' +
-                                                '<li><div data-len="4" data-leftmin="5" data-top="9" title="四等级" style="background-position: -131px -180px;"></div></li>' +
-                                                '<li><div data-len="5" data-leftmin="5" data-top="10" title="五等级" style="background-position: -131px -200px;"></div></li>' +
-                                            '</ul>' +
-                                        '</div>' +
-                                      '</div>';
+                ruleExplainHtml =  `<div class="title">${conditionformat_Text.ruleTypeItem1}：</div>
+                                    <div style="height: 30px;margin-bottom: 5px;">
+                                        <label style="display: block;width: 80px;height: 30px;line-height: 30px;float: left;">${conditionformat_Text.formatStyle}：</label>
+                                        <select id="type1">
+                                            <option value="dataBar">${conditionformat_Text.dataBar}</option>
+                                            <option value="colorGradation">${conditionformat_Text.colorGradation}</option>
+                                            <option value="icons">${conditionformat_Text.icons}</option>
+                                        </select>
+                                    </div>
+                                    <div>
+                                        <div class="type1Box dataBarBox">
+                                            <div style="height: 30px;margin-bottom: 5px;">
+                                                <label style="display: block;width: 80px;height: 30px;line-height: 30px;float: left;">${conditionformat_Text.fillType}：</label>
+                                                <select id="type2">
+                                                    <option value="gradient">${conditionformat_Text.gradient}</option>
+                                                    <option value="solid">${conditionformat_Text.solid}</option>
+                                                </select>
+                                            </div>
+                                            <div style="height: 30px;margin-bottom: 5px;">
+                                                <label style="display: block;width: 80px;height: 30px;line-height: 30px;float: left;">${conditionformat_Text.color}：</label>
+                                                <input data-tips="${conditionformat_Text.dataBarColor}" data-func="background" class="luckysheet-conditionformat-config-color" type="text" value="#638ec6" style="display: none;"> 
+                                            </div>
+                                        </div>
+                                        <div class="type1Box colorGradationBox" style="display: none;">
+                                            <div style="height: 30px;margin-bottom: 5px;">
+                                                <label style="display: block;width: 80px;height: 30px;line-height: 30px;float: left;">${conditionformat_Text.fillType}：</label>
+                                                <select id="type2">
+                                                    <option value="threeColor">${conditionformat_Text.tricolor}</option>
+                                                    <option value="twoColor">${conditionformat_Text.twocolor}</option>
+                                                </select>
+                                            </div>
+                                            <div class="maxVal" style="height: 30px;margin-bottom: 5px;">
+                                                <label style="display: block;width: 80px;height: 30px;line-height: 30px;float: left;">${conditionformat_Text.maxValue}：</label>
+                                                <input data-tips="${conditionformat_Text.maxValue} ${conditionformat_Text.color}" data-func="background" class="luckysheet-conditionformat-config-color" type="text" value="rgb(99, 190, 123)" style="display: none;">
+                                            </div>
+                                            <div class="midVal" style="height: 30px;margin-bottom: 5px;">
+                                                <label style="display: block;width: 80px;height: 30px;line-height: 30px;float: left;">${conditionformat_Text.medianValue}：</label>
+                                                <input data-tips="${conditionformat_Text.medianValue} ${conditionformat_Text.color}" data-func="background" class="luckysheet-conditionformat-config-color" type="text" value="rgb(255, 235, 132)" style="display: none;">
+                                            </div>
+                                            <div class="minVal" style="height: 30px;margin-bottom: 5px;">
+                                                <label style="display: block;width: 80px;height: 30px;line-height: 30px;float: left;">${conditionformat_Text.minValue}：</label>
+                                                <input data-tips="${conditionformat_Text.minValue} ${conditionformat_Text.color}" data-func="background" class="luckysheet-conditionformat-config-color" type="text" value="rgb(248, 105, 107)" style="display: none;">
+                                            </div>
+                                        </div>
+                                        <div class="type1Box iconsBox" style="display: none;">
+                                            <label>${conditionformat_Text.fillType}：</label>
+                                            <div class="showbox">
+                                                <div class="model" data-len="3" data-leftmin="0" data-top="0" title="${conditionformat_Text.threeWayArrow}(${conditionformat_Text.multicolor})" style="background-position: 0 0;"></div>
+                                                <span class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s" style="margin-top: 2px;"></span>
+                                            </div>
+                                            <ul>
+                                                <li><div data-len="3" data-leftmin="0" data-top="0" title="${conditionformat_Text.threeWayArrow}(${conditionformat_Text.multicolor})" style="background-position: 0 0;"></div></li>
+                                                <li><div data-len="3" data-leftmin="5" data-top="0" title="${conditionformat_Text.threeWayArrow}(${conditionformat_Text.grayColor})" style="background-position: -131px 0;"></div></li>
+                                                <li><div data-len="3" data-leftmin="0" data-top="1" title="${conditionformat_Text.threeTriangles}" style="background-position: 0 -20px;"></div></li>
+                                                <li><div data-len="4" data-leftmin="0" data-top="2" title="${conditionformat_Text.fourWayArrow}(${conditionformat_Text.multicolor})" style="background-position: 0 -40px;"></div></li>
+                                                <li><div data-len="4" data-leftmin="5" data-top="1" title="${conditionformat_Text.fourWayArrow}(${conditionformat_Text.grayColor})" style="background-position: -131px -20px;"></div></li>
+                                                <li><div data-len="5" data-leftmin="0" data-top="3" title="${conditionformat_Text.fiveWayArrow}(${conditionformat_Text.multicolor})" style="background-position: 0 -60px;"></div></li>
+                                                <li><div data-len="5" data-leftmin="5" data-top="2" title="${conditionformat_Text.fiveWayArrow}(${conditionformat_Text.grayColor})" style="background-position: -131px -40px;"></div></li>
+                                                <li><div data-len="3" data-leftmin="0" data-top="4" title="${conditionformat_Text.threeColorTrafficLight}(${conditionformat_Text.rimless})" style="background-position: 0 -80px;"></div></li>
+                                                <li><div data-len="3" data-leftmin="5" data-top="4" title="${conditionformat_Text.threeColorTrafficLight}(${conditionformat_Text.bordered})" style="background-position: -131px -80px;"></div></li>
+                                                <li><div data-len="3" data-leftmin="0" data-top="5" title="三标志" style="background-position: 0 -100px;"></div></li>
+                                                <li><div data-len="4" data-leftmin="5" data-top="5" title="${conditionformat_Text.fourColorTrafficLight}" style="background-position: -131px -100px;"></div></li>
+                                                <li><div data-len="4" data-leftmin="0" data-top="6" title="绿-红-黑渐变" style="background-position: 0 -120px;"></div></li>
+                                                <li><div data-len="3" data-leftmin="0" data-top="7" title="三个符号(有圆圈)" style="background-position: 0 -140px;"></div></li>
+                                                <li><div data-len="3" data-leftmin="5" data-top="7" title="三个符号(无圆圈)" style="background-position: -131px -140px;"></div></li>
+                                                <li><div data-len="3" data-leftmin="0" data-top="8" title="三色旗" style="background-position: 0 -160px;"></div></li>
+                                                <li><div data-len="3" data-leftmin="0" data-top="9" title="3个星形" style="background-position: 0 -180px;"></div></li>
+                                                <li><div data-len="5" data-leftmin="0" data-top="10" title="五象限图" style="background-position: 0 -200px;"></div></li>
+                                                <li><div data-len="5" data-leftmin="0" data-top="11" title="5个框" style="background-position: 0 -220px;"></div></li>
+                                                <li><div data-len="4" data-leftmin="5" data-top="9" title="四等级" style="background-position: -131px -180px;"></div></li>
+                                                <li><div data-len="5" data-leftmin="5" data-top="10" title="五等级" style="background-position: -131px -200px;"></div></li>
+                                            </ul>
+                                        </div>
+                                    </div>`;
                 break;
             case 1: //只为包含以下内容的单元格设置格式
                 ruleExplainHtml = '<div class="title">只为满足以下条件的单元格：</div>' +

src/controllers/constant.js

@@ -424,7 +424,7 @@ function rightclickHTML(){
                 <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
                     <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${rightclick.generateNewMatrix}</div>
                 </div>
-            </div>`
+            </div>`;
 }
 
 const pivottableconfigHTML = '<div class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-mousedown-cancel" id="luckysheet-pivotTable-config-option"> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <div class="luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">排序</span> <select class="luckysheet-mousedown-cancel" style="height:24px;" id="luckysheet-pivotTable-config-option-order"> <option selected="selected" value="default">无排序</option> <option value="asc">升序</option> <option value="desc">降序</option> </select> </div> </div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <div class="luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">排序依据</span> <select class="luckysheet-mousedown-cancel" style="height:24px;" id="luckysheet-pivotTable-config-option-orderby"> </select> </div> </div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> <div class="luckysheet-mousedown-cancel"> <span class="luckysheet-mousedown-cancel">显示总计</span> <select class="luckysheet-mousedown-cancel" style="height:24px;" id="luckysheet-pivotTable-config-option-stastic"> <option  value="0">否</option> <option value="1" selected="selected">是</option> </select> </div> </div> </div> </div>',
@@ -438,9 +438,53 @@ const pivottableconfigHTML = '<div class="luckysheet-cols-menu luckysheet-rightg
 
     maskHTML = '<div class="luckysheet-modal-dialog-mask" id="luckysheet-modal-dialog-mask"></div>',
     filtermenuHTML = '<div class="luckysheet-cols-menu luckysheet-mousedown-cancel luckysheet-filter-menu" id="luckysheet-${menuid}-menu"><div id="luckysheet-${menuid}-orderby-asc" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">以A-Z升序排列</div></div><div id="luckysheet-${menuid}-orderby-desc" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"><div style="width:205px;" class="luckysheet-mousedown-cancel">以Z-A降序排列</div></div></div> <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div><div id="luckysheet-${menuid}-orderby-color" class="luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel" style="position: relative;">按颜色筛选<span class="luckysheet-submenu-arrow" style="user-select: none;right: 0;">►</span></div></div><div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" id="luckysheet-${menuid}-bycondition" style="padding-top:0px;padding-bottom:0px;"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"><i class="fa fa-caret-right" aria-hidden="true"></i> 按条件过滤</div></div> <div class="luckysheet-${menuid}-bycondition" style="display:none;"><div class="luckysheet-flat-menu-button luckysheet-mousedown-cancel" id="luckysheet-${menuid}-selected"><span class="luckysheet-mousedown-cancel" data-value="null" data-type="0">无</span><div class="luckysheet-mousedown-cancel"><i class="fa fa-sort" aria-hidden="true"></i></div></div><div class="luckysheet-${menuid}-selected-input"><input type="text" placeholder="输入筛选值" class="luckysheet-mousedown-cancel" /></div><div class="luckysheet-${menuid}-selected-input luckysheet-${menuid}-selected-input2"><span>从</span><input type="text" placeholder="范围开始" class="luckysheet-mousedown-cancel" /><span>到</span><input type="text" placeholder="范围结束" class="luckysheet-mousedown-cancel" /></div></div> <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" id="luckysheet-${menuid}-byvalue" style="padding-top:0px;padding-bottom:0px;"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"><i class="fa fa-caret-right" aria-hidden="true"></i> 按值过滤</div></div> <div class="luckysheet-${menuid}-byvalue"><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel luckysheet-mousedown-${menuid}-byvalue-btn"><span id="luckysheet-${menuid}-byvalue-btn-all" class="luckysheet-mousedown-cancel">全选</span> - <span id="luckysheet-${menuid}-byvalue-btn-clear" class="luckysheet-mousedown-cancel">清除</span> - <span id="luckysheet-${menuid}-byvalue-btn-contra" class="luckysheet-mousedown-cancel">反选</span> <div><i class="fa fa-${menuid} luckysheet-mousedown-cancel" aria-hidden="true"></i></div></div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" style="padding-left:3px; padding-right:3px;"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"><input type="text" placeholder="按照值进行筛选" class="luckysheet-mousedown-cancel" id="luckysheet-${menuid}-byvalue-input" /><div class="luckysheet-${menuid}-byvalue-input-icon luckysheet-mousedown-cancel"><i class="fa fa-search luckysheet-mousedown-cancel" aria-hidden="true"></i></div></div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"><div id="luckysheet-${menuid}-byvalue-select" class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"></div></div></div> <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"><div class="btn btn-primary luckysheet-mousedown-cancel" id="luckysheet-${menuid}-confirm">确 认</div> <div class="btn btn-default luckysheet-mousedown-cancel" id="luckysheet-${menuid}-cancel">取 消</div> <div class="btn btn-danger luckysheet-mousedown-cancel" id="luckysheet-${menuid}-initial">清除筛选</div></div></div> </div>',
-    filtersubmenuHTML = '<div style="z-index:1004;overflow-y:auto;" class="luckysheet-filter-submenu luckysheet-cols-menu luckysheet-mousedown-cancel" id="luckysheet-${menuid}-submenu"><div data-value="null" data-type="0" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">无</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="cellnull"  data-type="0"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">单元格为空</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="cellnonull"  data-type="0"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">单元格有数据</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textinclude"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">文本包含</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textnotinclude"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">文本不包含</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textstart"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">文本开头为</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textend"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">文本结尾为</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textequal"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">文本等于</div></div>  <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div>  <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="dateequal"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">日期等于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="datelessthan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">日期早于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="datemorethan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">日期晚于</div></div> <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="morethan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">大于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="moreequalthan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">大于等于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="lessthan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">小于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="lessequalthan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">小于等于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="equal"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">等于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="noequal"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">不等于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="include"  data-type="2"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">介于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="noinclude" data-type="2"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">不在其中</div></div> </div>',
-    sheetconfigHTML = ' <div class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-mousedown-cancel" id="luckysheet-rightclick-sheet-menu"> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" id="luckysheetsheetconfigdelete"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">删除</div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" id="luckysheetsheetconfigcopy"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">复制</div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" id="luckysheetsheetconfigrename"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">重命名</div> </div> <div class="luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel" id="luckysheetsheetconfigcolor"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> 更改颜色 <span class="luckysheet-submenu-arrow" style="user-select: none;">►</span> </div> </div> <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" id="luckysheetsheetconfighide"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">隐藏</div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" id="luckysheetsheetconfigshow"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">取消隐藏</div> </div> <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div> <div id="luckysheetsheetconfigmoveleft" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">向左移</div> </div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" id="luckysheetsheetconfigmoveright"> <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">向右移</div> </div> </div> <div class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-rightgclick-menu-sub luckysheet-mousedown-cancel" id="luckysheetsheetconfigcolor_sub"><div id="luckysheetsheetconfigcolorreset" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">重置颜色</div></div> <div class="luckysheet-mousedown-cancel"> <div class="luckysheet-mousedown-cancel"> <input type="text" id="luckysheetsheetconfigcolorur" /> </div> </div> </div>';
+    filtersubmenuHTML = '<div style="z-index:1004;overflow-y:auto;" class="luckysheet-filter-submenu luckysheet-cols-menu luckysheet-mousedown-cancel" id="luckysheet-${menuid}-submenu"><div data-value="null" data-type="0" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">无</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="cellnull"  data-type="0"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">单元格为空</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="cellnonull"  data-type="0"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">单元格有数据</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textinclude"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">文本包含</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textnotinclude"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">文本不包含</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textstart"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">文本开头为</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textend"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">文本结尾为</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="textequal"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">文本等于</div></div>  <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div>  <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="dateequal"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">日期等于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="datelessthan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">日期早于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="datemorethan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">日期晚于</div></div> <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div> <div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="morethan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">大于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="moreequalthan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">大于等于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="lessthan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">小于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="lessequalthan"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">小于等于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="equal"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">等于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="noequal"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">不等于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="include"  data-type="2"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">介于</div></div><div class="luckysheet-cols-menuitem luckysheet-mousedown-cancel" data-value="noinclude" data-type="2"><div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">不在其中</div></div> </div>';
 
+//底部 表格标签操作dom
+function sheetconfigHTML(){
+    const sheetconfig = locale().sheetconfig;
+
+    return `<div id="luckysheet-rightclick-sheet-menu" class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-mousedown-cancel"> 
+                <div id="luckysheetsheetconfigdelete" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"> 
+                    <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.delete}</div>
+                </div> 
+                <div id="luckysheetsheetconfigcopy" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"> 
+                    <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.copy}</div> 
+                </div> 
+                <div id="luckysheetsheetconfigrename" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"> 
+                    <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.rename}</div> 
+                </div> 
+                <div id="luckysheetsheetconfigcolor" class="luckysheet-cols-menuitem luckysheet-cols-submenu luckysheet-mousedown-cancel"> 
+                    <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel"> 
+                        ${sheetconfig.changeColor} <span class="luckysheet-submenu-arrow" style="user-select: none;">►</span> 
+                    </div> 
+                </div> 
+                <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div> 
+                <div id="luckysheetsheetconfighide" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"> 
+                    <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.hide}</div> 
+                </div> 
+                <div id="luckysheetsheetconfigshow" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"> 
+                    <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.unhide}</div> 
+                </div> 
+                <div class="luckysheet-menuseparator luckysheet-mousedown-cancel" role="separator"></div> 
+                <div id="luckysheetsheetconfigmoveleft" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"> 
+                    <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.moveLeft}</div> 
+                </div> 
+                <div id="luckysheetsheetconfigmoveright" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel"> 
+                    <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.moveRight}</div> 
+                </div> 
+            </div> 
+            <div id="luckysheetsheetconfigcolor_sub" class="luckysheet-cols-menu luckysheet-rightgclick-menu luckysheet-rightgclick-menu-sub luckysheet-mousedown-cancel">
+                <div id="luckysheetsheetconfigcolorreset" class="luckysheet-cols-menuitem luckysheet-mousedown-cancel">
+                    <div class="luckysheet-cols-menuitem-content luckysheet-mousedown-cancel">${sheetconfig.resetColor}</div>
+                </div> 
+                <div class="luckysheet-mousedown-cancel"> 
+                    <div class="luckysheet-mousedown-cancel"> 
+                        <input type="text" id="luckysheetsheetconfigcolorur" /> 
+                    </div> 
+                </div> 
+            </div>`;
+}
 
 const luckysheetPivotTableHTML = '<div id="luckysheet-modal-dialog-slider-pivot" class="luckysheet-modal-dialog-slider luckysheet-modal-dialog-slider-pivot"> <div class="luckysheet-modal-dialog-slider-title"> <span>数据透视表</span> <span id="luckysheet-modal-dialog-slider-close" title="关闭"><i class="fa fa-times" aria-hidden="true"></i></span> </div> <div class="luckysheet-modal-dialog-slider-content"> <div class="luckysheet-modal-dialog-slider-range"> <div id="luckysheet-dialog-pivotTable-range"></div> <div id="luckysheet-dialog-pivotTable-range-seleted">编辑范围</div> </div> <div class="luckysheet-modal-dialog-slider-list-title"> 选择需要添加到数据透视表的字段 <span title="清除所有已选字段" id="luckysheet-dialog-pivotTable-clearitem">清除</span></div> <div id="luckysheet-modal-dialog-pivotTable-list" class="luckysheet-modal-dialog-slider-list luckysheet-scrollbars"> </div> <div class="luckysheet-modal-dialog-slider-config-c"> <div class="luckysheet-modal-dialog-slider-config luckysheet-modal-dialog-config-filter"> <div> <span><i class="fa fa-filter luckysheet-mousedown-cancel" aria-hidden="true"></i> 筛选</span> </div> <div id="luckysheet-modal-dialog-config-filter" class="luckysheet-modal-dialog-slider-config-list luckysheet-scrollbars"> </div> </div> <div class="luckysheet-modal-dialog-slider-config luckysheet-modal-dialog-config-row"> <div> <span><i class="fa fa-list-alt" aria-hidden="true"></i> 行</span> </div> <div id="luckysheet-modal-dialog-config-row" class="luckysheet-modal-dialog-slider-config-list luckysheet-scrollbars"> </div> </div> <div class="luckysheet-modal-dialog-slider-config luckysheet-modal-dialog-config-column"> <div> <span><i class="fa fa-indent" aria-hidden="true"></i> 列</span> </div> <div id="luckysheet-modal-dialog-config-column" class="luckysheet-modal-dialog-slider-config-list luckysheet-scrollbars"> </div> </div> <div class="luckysheet-modal-dialog-slider-config luckysheet-modal-dialog-config-value"> <div> <span><i class="fa fa-cube" aria-hidden="true"></i> 数值</span> <span style="float: right;margin-right: 10px;display:none;" id="luckysheetpivottablevaluecolrowshow"><label style="padding:0px 5px;margin:0px;font-size:12px;height:15px;line-height:15px;" title="统计字段显示为列" for="luckysheetpivottablevaluecolrow">列</label> <input type="radio" checked="checked" value="1" name="luckysheetpivottablevaluecolrow" id="luckysheetpivottablevaluecolrow" /> <label style="padding:0px 5px;margin:0px;font-size:12px;height:15px;line-height:15px;" title="统计字段显示为行" for="luckysheetpivottablevaluecolrow1">行</label> <input type="radio" value="0" name="luckysheetpivottablevaluecolrow" id="luckysheetpivottablevaluecolrow1" /></span></div> <div id="luckysheet-modal-dialog-config-value" class="luckysheet-modal-dialog-slider-config-list luckysheet-scrollbars"> </div> </div> </div> </div> </div>';
 

src/controllers/handler.js

@@ -6468,8 +6468,8 @@ export default function luckysheetHandler() {
                 hideAfterPaletteSelect: false,
                 showSelectionPalette: true,
                 maxPaletteSize: 10,
-                cancelText: "取消",
-                chooseText: "确定颜色",
+                cancelText: locale().sheetconfig.cancelText,
+                chooseText: locale().sheetconfig.chooseText,
                 togglePaletteMoreText: "更多",
                 togglePaletteLessText: "少于",
                 clearText: "清除颜色选择",
@@ -9656,9 +9656,11 @@ export default function luckysheetHandler() {
 
                     let reg2Arr = regArr[i].match(reg2);
 
-                    for(let j = 0; j < reg2Arr.length; j++){
-                        let cpValue = reg2Arr[j].replace(/<td.*?>/g, "").replace(/<\/td>/g, "");
-                        cpRowArr.push(cpValue);
+                    if(reg2Arr != null){
+                        for(let j = 0; j < reg2Arr.length; j++){
+                            let cpValue = reg2Arr[j].replace(/<td.*?>/g, "").replace(/<\/td>/g, "");
+                            cpRowArr.push(cpValue);
+                        }
                     }
 
                     cpDataArr.push(cpRowArr);

src/global/createdom.js

@@ -101,7 +101,7 @@ export default function luckysheetcreatedom(colwidth, rowheight, data, menu, tit
     $("body").append(inputHTML);
     $("body").append(replaceHtml(filtermenuHTML, { "menuid": "filter" }));
     $("body").append(replaceHtml(filtersubmenuHTML, { "menuid": "filter" }));
-    $("body").append(sheetconfigHTML);
+    $("body").append(sheetconfigHTML());
 
     //批注
     luckysheetPostil.buildAllPs(Store.flowdata);

src/locale/en.js

@@ -371,6 +371,81 @@ export default {
         byRow: 'By row',
         byCol: 'By column',
         generateNewMatrix: 'Generate new matrix',
-    }
+    },
+    sheetconfig: {
+        delete: 'Delete',
+        copy: 'Copy',
+        rename: 'Rename',
+        changeColor: 'Change color',
+        hide: 'Hide',
+        unhide: 'Unhide',
+        moveLeft: 'Move left',
+        moveRight: 'Move right',
+        resetColor: 'Reset color',
+        cancelText: 'Cancel',
+        chooseText: 'Confirm color',
+    },
+    conditionformat: {
+        rule: 'Rule',
+        newRule: 'New rule',
+        editRule: 'Edit rule',
+        deleteRule: 'Delete rule',
+        showRules: 'Show its formatting rules',
+        manageRules: 'Conditional Formatting Rule Manager',
+        format: 'Format',
+        applyRange: 'Apply range',
+        selectRange: 'Click to select application range',
+        ruleTypeItem1: 'Format all cells based on their respective values',
+        ruleTypeItem2: 'Only format cells that contain',
+        ruleTypeItem3: 'Format only the top or bottom numbers',
+        ruleTypeItem4: 'Format only values above or below the average',
+        ruleTypeItem5: 'Format only unique or repeated values',
+        textColor: 'Text color',
+        cellColor: 'Cell color',
+        confirm: 'Confirm',
+        cancel: 'Cancel',
+        close: 'Close',
+        sheet: 'Sheet',
+        currentSheet: 'CurrentSheet',
+        dataBar: 'dataBar',
+        dataBarColor: 'dataBar color',
+        colorGradation: 'colorGradation',
+        icons: 'icons',
+        cellValue: 'Cell value',
+        between: 'Between',
+        in: 'In',
+        between2: '',
+        contain: 'Contain',
+        duplicateValue: 'Duplicate value',
+        uniqueValue: 'Unique value',
+        top: 'Top',
+        last: 'Last',
+        oneself: '',
+        aboveAverage: 'Above average',
+        belowAverage: 'Below average',
+        chooseRuleType: 'Choose rule type',
+        editRuleDescription: 'Edit rule description',
+        newFormatRule: 'New format rule',
+        formatStyle: 'Format style',
+        fillType: 'Fill type',
+        color: 'Color',
+        twocolor: 'Two-color',
+        tricolor: 'Tricolor',
+        multicolor: 'Multi color',
+        grayColor: 'Gray color',
+        gradient: 'Gradient',
+        solid: 'Solid',
+        maxValue: 'Max value',
+        medianValue: 'Median value',
+        minValue: 'Min value',
+        threeWayArrow: 'Three-way arrow',
+        fourWayArrow: 'Four-way arrow',
+        fiveWayArrow: 'Five-way arrow',
+        threeTriangles: 'Three triangles',
+        threeColorTrafficLight: 'Three-color traffic light',
+        fourColorTrafficLight: 'Four-color traffic light',
+        rimless: 'Rimless',
+        bordered: 'Bordered',
+    },
   };
   

src/locale/zh.js

@@ -392,5 +392,80 @@ export default {
         byRow: '按行',
         byCol: '按列',
         generateNewMatrix: '生成新矩阵',
-    }
+    },
+    sheetconfig: {
+        delete: '删除',
+        copy: '复制',
+        rename: '重命名',
+        changeColor: '更改颜色',
+        hide: '隐藏',
+        unhide: '取消隐藏',
+        moveLeft: '向左移',
+        moveRight: '向右移',
+        resetColor: '重置颜色',
+        cancelText: '取消',
+        chooseText: '确定颜色',
+    },
+    conditionformat: {
+        rule: '规则',
+        newRule: '新建规则',
+        editRule: '编辑规则',
+        deleteRule: '删除规则',
+        showRules: '显示其格式规则',
+        manageRules: '条件格式规则管理器',
+        format: '格式',
+        applyRange: '应用范围',
+        selectRange: '点击选择应用范围',
+        ruleTypeItem1: '基于各自值设置所有单元格的格式',
+        ruleTypeItem2: '只为包含以下内容的单元格设置格式',
+        ruleTypeItem3: '仅对排名靠前或靠后的数值设置格式',
+        ruleTypeItem4: '仅对高于或低于平均值的数值设置格式',
+        ruleTypeItem5: '仅对唯一值或重复值设置格式',
+        textColor: '文本颜色',
+        cellColor: '单元格颜色',
+        confirm: '确定',
+        cancel: '取消',
+        close: '关闭',
+        sheet: '表',
+        currentSheet: '当前工作表',
+        dataBar: '数据条',
+        dataBarColor: '数据条颜色',
+        colorGradation: '色阶',
+        icons: '图标集',
+        cellValue: '单元格值',
+        between: '介于',
+        in: '和',
+        between2: '之间',
+        contain: '包含',
+        duplicateValue: '重复值',
+        uniqueValue: '唯一值',
+        top: '前',
+        last: '后',
+        oneself: '个',
+        aboveAverage: '高于平均值',
+        belowAverage: '低于平均值',
+        chooseRuleType: '选择规则类型',
+        editRuleDescription: '编辑规则说明',
+        newFormatRule: '新建格式规则',
+        formatStyle: '格式样式',
+        fillType: '填充类型',
+        color: '颜色',
+        twocolor: '双色',
+        tricolor: '三色',
+        multicolor: '彩色',
+        grayColor: '灰色',
+        gradient: '渐变',
+        solid: '实心',
+        maxValue: '最大值',
+        medianValue: '中间值',
+        minValue: '最小值',
+        threeWayArrow: '三向箭头',
+        fourWayArrow: '四向箭头',
+        fiveWayArrow: '五向箭头',
+        threeTriangles: '3个三角形',
+        threeColorTrafficLight: '三色交通灯',
+        fourColorTrafficLight: '四色交通灯',
+        rimless: '无边框',
+        bordered: '有边框',
+    },
 };