b28-cli 1.7.1 → 1.7.2

package/b28nPigeonhole/es6b28n.js

@@ -1,857 +1,857 @@
-(function (window, document) {
-    Array.prototype.indexOf =
-        Array.prototype.indexOf ||
-        function (item) {
-            for (let i = 0, l = this.length; i < l; i++) {
-                if (this[i] === item) {
-                    return i;
-                }
-            }
-            return -1;
-        };
-
-    Array.prototype.filter =
-        Array.prototype.filter ||
-        function (cb) {
-            let arr = [];
-            if (cb && typeof cb === "function") {
-                for (let i = 0, l = this.length; i < l; i++) {
-                    cb(this[i]) && arr.push(this[i]);
-                }
-            }
-            return arr;
-        };
-
-    //翻译配置项
-    let b28Cfg = {
-        /**
-         * 支持的语言项，若设置的语言不在配置项中，则显示默认语言
-         */
-        supportLang: ["en", "cn"],
-        /**
-         * 默认语言，若supportLang中没有设置的默认语言，则自动添加到supportLang中去
-         */
-        defaultLang: "en",
-        /**
-         * 配置语言包文件类型 within ["xml", "json"]
-         */
-        fileType: "json",
-        /**
-         * 用默认语言做id
-         */
-        idDefaultLang: true,
-        /**
-         * 是否对要翻译文字进行trim
-         */
-        trimText: true,
-        /**
-         * 默认替换节点中的文字，将其设为true可插入html
-         */
-        insertHTML: true,
-        /**
-         * 是否初始化下拉框
-         */
-        initSelect: true,
-        /**
-         * 时间戳
-         */
-        dateStr: new Date().getTime(),
-
-        langArr: {
-            cn: "简体中文",
-            zh: "繁體中文",
-            de: "Deutsch", //德语
-            en: "English", //英语
-            es: "Español", //西班牙
-            fr: "Français", //法国
-            hu: "Magyar", //匈牙利
-            it: "Italiano", //意大利
-            pl: "Polski", //波兰
-            ro: "Română", //罗马尼亚
-            ar: "العربية", //阿拉伯
-            tr: "Türkçe", //土耳其
-            ru: "Русский", //Russian  俄语
-            pt: "Português", //Portugal 葡萄牙语
-        },
-    };
-
-    let win = window,
-        doc = document,
-        core_version = "3.0.0",
-        core_trim = core_version.trim,
-        //获取语言文件相对路径
-        js = document.scripts,
-        langJs = js[js.length - 1]["src"],
-        langPath = langJs.substring(0, langJs.lastIndexOf("/") + 1);
-
-    /** 工具函数 start */
-    //对象浅拷贝
-    function extend(oldObj, newObj) {
-        if (typeof newObj !== "object") {
-            return;
-        }
-
-        for (let key in newObj) {
-            if (newObj.hasOwnProperty(key)) {
-                oldObj[key] = newObj[key];
-            }
-        }
-    }
-    /** 工具函数 end */
-
-    /**
-     * 创建ajax
-     */
-    function createXHR() {
-        try {
-            return new XMLHttpRequest();
-        } catch (e) {
-            try {
-                return new window.ActiveXObject("Msxml2.XMLHTTP");
-            } catch (e) {
-                try {
-                    return new window.ActiveXObject("Microsoft.XMLHTTP");
-                } catch (e) {
-                    return;
-                }
-            }
-        }
-    }
-
-    /**
-     * 添加文档加载完成后的事件委托
-     */
-    let domReady = (function () {
-        let funcs = [],
-            already = false,
-            len,
-            i;
-
-        function handler(e) {
-            e = e || win.event;
-            if (already) {
-                return;
-            }
-
-            if (e.type === "readystatechange" && doc.readyState !== "complete") {
-                return;
-            }
-
-            for (i = 0, len = funcs.length; i < len; i++) {
-                funcs[i].call(doc);
-            }
-
-            already = true;
-            funcs = null;
-        }
-
-        if (doc.addEventListener) {
-            doc.addEventListener("DOMContentLoaded", handler, false);
-            doc.addEventListener("onreadystatechange", handler, false);
-            win.addEventListener("load", handler, false);
-        } else if (doc.attachEvent) {
-            doc.attachEvent("onreadystatechange", handler);
-            win.attachEvent("onload", handler);
-        }
-
-        return function ready(f) {
-            if (already) {
-                f.call(doc);
-            } else {
-                funcs.push(f);
-            }
-        };
-    })();
-
-    /**
-     * 加载script
-     */
-    let loadScript = (function () {
-        let scripts = doc.createElement("script"),
-            hasReadyState = scripts.readyState;
-
-        return hasReadyState
-            ? function (url, callBack) {
-                  let scripts = doc.createElement("script");
-
-                  scripts.onreadystatechange = function () {
-                      if (scripts.readyState === "loaded" || scripts.readyState === "complete") {
-                          scripts.onreadystatechange = null;
-
-                          if (typeof callBack === "function") {
-                              callBack();
-                              callBack = null;
-                          }
-                      }
-                  };
-                  scripts.src = url;
-                  doc.getElementsByTagName("head")[0].appendChild(scripts);
-              }
-            : function (url, callBack) {
-                  let scripts = doc.createElement("script");
-
-                  scripts.onload = function () {
-                      if (typeof callBack === "function") {
-                          callBack();
-                          callBack = null;
-                      }
-                  };
-                  scripts.src = url;
-                  doc.getElementsByTagName("head")[0].appendChild(scripts);
-              };
-    })();
-
-    // 获取数据文件 并注入到msg中
-    let loadData = {
-        reload(type, url, callBack) {
-            let parseData = type === "json" ? loadData.parseJson : loadData.parseXML,
-                request;
-
-            request = createXHR();
-            request.open("GET", url + "?" + Math.random(), false);
-            request.send(null);
-
-            if ((request.status >= 200 && request.status < 300) || request.status === 304) {
-                let langData = parseData(request);
-
-                if (typeof callBack === "function") {
-                    callBack(langData);
-                    langData = null;
-                    callBack = null;
-                }
-            }
-        },
-        parseXML(request) {
-            let i,
-                pos,
-                posLen,
-                langData = {};
-
-            pos = request.responseXML.documentElement.getElementsByTagName("message");
-            posLen = pos.length;
-
-            for (i = 0; i < posLen; i++) {
-                langData[pos[i].getAttribute("msgid")] = pos[i].getAttribute("msgstr");
-            }
-
-            return langData;
-        },
-        parseJson(request) {
-            return window.JSON.parse(request.responseText) || request.responseText;
-        },
-    };
-
-    /**
-     * 去除lang-xx类名，并添加新的类名
-     */
-    function handleClass(classname) {
-        let name = document.documentElement.className;
-        if (name) {
-            name = name.split(" ").filter((item) => {
-                return !/^lang-/.test(item);
-            });
-            name.push(classname);
-
-            document.documentElement.className = name.join(" ");
-        } else {
-            document.documentElement.className = classname;
-        }
-    }
-
-    /**
-     *  获取元素的文本内容 或者设置文本内容
-     */
-    let innerText = (function () {
-        if (b28Cfg.insertHTML) {
-            return function (elem, str) {
-                elem.innerHTML = str;
-                return elem;
-            };
-        }
-
-        let element = doc.createElement("p");
-        element.innerHTML = core_version;
-        return element.textContent
-            ? function (elem, str) {
-                  if (str) {
-                      elem.textContent = str;
-                      return elem;
-                  }
-                  return elem.textContent;
-              }
-            : function (elem, str) {
-                  if (str) {
-                      elem.innerText = str;
-                      return elem;
-                  }
-                  return elem.innerText;
-              };
-    })();
-
-    /**
-     * 去除字符串首尾空格全兼容
-     */
-    function trim(text) {
-        if (text == null) {
-            return "";
-        }
-        if (core_trim && !core_trim.call("\uFEFF\xA0")) {
-            return core_trim.call(text);
-        } else {
-            text += "";
-            return text.replace(/(^\s*)|(\s*$)/g, "");
-        }
-    }
-
-    /**
-     * 根据配置参数决定是否去除空格
-     */
-    function _trim(str) {
-        return b28Cfg.trimText ? trim(str) : str;
-    }
-
-    /**
-     * 是否是html元素
-     */
-    function assertElement(elem) {
-        //支持HTMLElement
-        if (typeof HTMLElement === "object" && elem instanceof HTMLElement) {
-            return true;
-        }
-        //ie等
-        if (typeof elem === "object" && (elem.nodeType === 1 || elem.nodeType === 9) && typeof elem.nodeName === "string") {
-            return true;
-        }
-        return false;
-    }
-
-    /**
-     * 判断是否为null，undefined或者空白字符串
-     * @param {值} val
-     */
-    function notNull(val) {
-        return val && /\S/.test(val);
-    }
-
-    /**
-     * 寻找子元素中text
-     * @param {元素} elem
-     */
-    function getTextChild(elem) {
-        if (elem) {
-            let first = elem.firstChild;
-            if (first) {
-                if (first.nodeType === 3) {
-                    return first.nodeValue;
-                }
-                return getTextChild(first.nextSibling);
-            }
-        }
-    }
-
-    function htmlEncode(str) {
-        var encodeObj = {
-            "&": "&amp;",
-            "<": "&lt;",
-            ">": "&gt;",
-            "'": "&#39;",
-            '"': "&quot;",
-            " ": "&nbsp;",
-        };
-        if (str.length == 0) {
-            return "";
-        }
-        return str.replace(/(&|\s| |<|>|\'|\")/g, function (a) {
-            return encodeObj[a];
-        });
-    }
-
-    function htmlDecode(str) {
-        var decodeObj = {
-            "&amp;": "&",
-            "&lt;": "<",
-            "&gt;": ">",
-            "&#39;": "'",
-            "&quot;": '"',
-            "&nbsp;": " ",
-        };
-        if (str.length == 0) {
-            return "";
-        }
-        return str.replace(/(&amp;|&lt;|&gt;|&#39;|&quot;|&nbsp;)/g, function (a) {
-            return decodeObj[a];
-        });
-    }
-    /**  文本处理相关函数 end   */
-
-    //翻译对象
-    function Butterlation(cfg) {
-        extend(b28Cfg, cfg);
-
-        //若所支持的语言中没有默认语言，则将默认语言添加到支持语言数组中
-        if (b28Cfg.idDefaultLang && b28Cfg.supportLang.indexOf(b28Cfg.defaultLang) === -1) {
-            b28Cfg.supportLang.push(b28Cfg.defaultLang);
-        }
-        this.curDomain = 0;
-        this.domainArr = [];
-        this.options = {
-            defaultLang: b28Cfg.defaultLang,
-            support: b28Cfg.supportLang,
-            fileType: b28Cfg.fileType,
-        };
-        this.langArr = b28Cfg.langArr;
-        /**语言包文件是否加载完成标志 */
-        this.b28Loaded = false;
-        /**当前语言 */
-        this.lang = "";
-        /**是否记录当前语言用于无刷新翻译页面 */
-        this.saveLang = false;
-        /**当前语言包信息 */
-        this.langData = {};
-        /**记录翻译页面前的数据 */
-        this.original = {
-            title: doc.title,
-        };
-    }
-
-    Butterlation.prototype = {
-        /**
-         * 翻译title
-         */
-        transTitle: function (title) {
-            doc.title = this.gettext(_trim(title));
-        },
-        /**
-         * 翻译html元素节点
-         * @param {object} element
-         */
-        replaceTextNodeValue: function (element) {
-            if (!element) {
-                return;
-            }
-            if (/^SCRIPT$/i.test(element.tagName)) {
-                if (element.nextSibling) {
-                    this.replaceTextNodeValue(element.nextSibling);
-                }
-                return;
-            }
-
-            let firstChild = element.firstChild,
-                nextSibling = element.nextSibling,
-                nodeType = element.nodeType,
-                btnStr = "submit,reset,button",
-                curValue,
-                isInputButton,
-                oldValue;
-
-            //handle element node
-            if (nodeType === 1) {
-                //alt属性
-                this.replaceTextNodeAttr("alt", element, "data-o-alt");
-
-                //placeholder属性
-                this.replaceTextNodeAttr("placeholder", element, "data-o-holder");
-
-                //title属性
-                this.replaceTextNodeAttr("title", element, "data-o-title");
-
-                isInputButton = element.nodeName.toLowerCase() == "input" && btnStr.indexOf(element.getAttribute("type")) !== -1;
-
-                if (isInputButton) {
-                    //data-lang属性具有较高优先级
-                    curValue = element.getAttribute("data-lang") || element.value;
-                } else {
-                    if (element.getAttribute("data-nowrap") === "1") {
-                        curValue = element.innerHTML;
-                    } else {
-                        curValue = element.getAttribute("data-lang");
-                    }
-                }
-
-                if (curValue && /\S/.test(curValue)) {
-                    curValue = htmlEncode(curValue);
-                    if (this.saveLang) {
-                        let oldText = element.getAttribute("data-o-text");
-                        if (oldText === undefined || oldText === null) {
-                            if (element.getAttribute("data-nowrap") === "1") {
-                                oldText = curValue;
-                            } else {
-                                oldText = getTextChild(element);
-                                notNull(oldText) && (oldText = htmlEncode(oldText));
-                            }
-                            oldText = oldText || " ";
-                            element.setAttribute("data-o-text", oldText);
-                        }
-
-                        if (this.options.defaultLang === this.lang) {
-                            curValue = oldText;
-                        }
-                    }
-
-                    curValue = htmlDecode(curValue);
-                    if (curValue) {
-                        curValue = _trim(curValue);
-                        if (isInputButton) {
-                            element.setAttribute("value", this.gettext(curValue));
-                        } else {
-                            innerText(element, this.gettext(curValue));
-                        }
-                    }
-                }
-                //handle textNode
-            } else if (nodeType === 3 && notNull(element.nodeValue)) {
-                curValue = _trim(element.nodeValue);
-                if (this.saveLang) {
-                    let parNode = element.parentNode;
-                    oldValue = parNode.getAttribute("data-o-text");
-                    if (oldValue) {
-                        curValue = htmlDecode(oldValue);
-                    } else {
-                        parNode.setAttribute("data-o-text", htmlEncode(curValue));
-                    }
-                }
-                element.nodeValue = this.gettext(curValue);
-            }
-            //translate siblings
-            if (nextSibling) {
-                this.replaceTextNodeValue(nextSibling);
-            }
-
-            //translate firstChild
-            //stop handle elem.child if elem has attr data-lang
-            if (firstChild && !element.getAttribute("data-lang")) {
-                this.replaceTextNodeValue(firstChild);
-            }
-        },
-        /**
-         * 翻译html元素节点的属性
-         * @param {object} element
-         */
-
-        replaceTextNodeAttr: function (attr, element, oldAttr) {
-            let curValue = element.getAttribute(attr);
-            let oldValue = element.getAttribute(oldAttr);
-            if (this.saveLang) {
-                if (oldValue) {
-                    curValue = oldValue;
-                } else {
-                    notNull(curValue) && element.setAttribute(oldAttr, curValue);
-                }
-            }
-            if (notNull(curValue)) {
-                curValue = _trim(curValue);
-                element.setAttribute(attr, this.gettext(curValue));
-            }
-        },
-        /**
-         * 获取语言包信息
-         */
-        getMsg: function () {
-            return this.langData;
-        },
-        /**
-         * 是否支持该语言
-         * @param {string} lang
-         */
-        isSupport: function (lang) {
-            let support = this.options.support;
-
-            if (support.indexOf(lang) === -1) {
-                return false;
-            }
-            return lang;
-        },
-
-        /**
-         * 设置语言
-         * @param {string} lang
-         */
-        setLang: function (lang) {
-            if (lang !== undefined) {
-                if (!this.isSupport(lang)) {
-                    lang = this.options.defaultLang;
-                }
-                doc.cookie = "bLanguage=" + lang + ";";
-            }
-            return lang;
-        },
-
-        /**
-         * 获取当前设置的语言
-         */
-        getLang: function () {
-            let special = {
-                    zh: "cn",
-                    "zh-chs": "cn",
-                    "zh-cn": "cn",
-                    "zh-cht": "cn",
-                    "zh-hk": "zh",
-                    "zh-mo": "zh",
-                    "zh-tw": "zh",
-                    "zh-sg": "zh",
-                },
-                defLang = this.options.defaultLang,
-                local,
-                ret,
-                start,
-                end;
-
-            if (doc.cookie.indexOf("bLanguage=") === -1) {
-                local = (
-                    win.navigator.language ||
-                    win.navigator.userLanguage ||
-                    win.navigator.browserLanguage ||
-                    win.navigator.systemLanguage ||
-                    defLang
-                ).toLowerCase();
-
-                ret = special[local] || special[local.split("-")[0].toString()] || local.split("-")[0].toString();
-            } else {
-                if (doc.cookie.indexOf("bLanguage=") === 0) {
-                    start = 10;
-                } else if (doc.cookie.indexOf("; bLanguage=") !== -1) {
-                    start = doc.cookie.indexOf("; bLanguage=") + 12;
-                }
-
-                if (start !== undefined) {
-                    end = doc.cookie.indexOf(";", start) !== -1 ? doc.cookie.indexOf(";", start) : doc.cookie.length;
-                    ret = doc.cookie.substring(start, end);
-                }
-            }
-            //语言使用优先级  1.浏览器语言是否支持 2 默认语言是否支持 3支持中的语言第一个 4.默认语言
-            return this.isSupport(ret) || this.isSupport(defLang) || (this.options.support && this.options.support[0]) || defLang;
-        },
-
-        /**
-         * 拼接语言文件的url
-         * @param {string} domain 语言文件名称不包含扩展名(如:lang.json -> domain为lang)
-         */
-        getURL: function (domain) {
-            return langPath + this.lang + "/" + domain + "." + this.options.fileType + "?" + b28Cfg.dateStr;
-        },
-
-        /**
-         * 加载所需要的语言文件，并翻译页面
-         * @param {string} domain 翻译文件的名称不包含扩展名(如:lang.json -> domain为lang)
-         * @param {lang} lang 当前语言
-         * @param {function} callBack 回调
-         */
-        setTextDomain: function (domain, lang, callBack) {
-            let i,
-                domainLen,
-                htmlElem = doc.documentElement;
-
-            this.domainArr = [];
-            this.lang = lang || this.getLang();
-            this.setLang(lang);
-            this.curDomain = 0;
-            if (typeof callBack === "function") {
-                this.success = callBack;
-            }
-
-            htmlElem.style.visibility = "hidden";
-
-            handleClass("lang-" + this.lang);
-
-            if (Object.prototype.toString.call(domain) === "[object Array]") {
-                domainLen = domain.length;
-                this.domainArr = domain;
-
-                for (i = 0; i < domainLen; i = i + 1) {
-                    this.loadDomain(this.getURL(domain[i]), i);
-                }
-            } else if (typeof domain === "string") {
-                this.domainArr.push(domain);
-                this.loadDomain(this.getURL(domain), 0);
-            }
-        },
-
-        /**
-         * 加载语言文件
-         * @param {string} url 语言包文件地址
-         */
-        loadDomain: function (url) {
-            //若当前设定语言与默认语言一样，则不加载语言文件
-            if (b28Cfg.idDefaultLang && this.lang === b28Cfg.defaultLang) {
-                this.b28Loaded = true;
-                b28Cfg.initSelect &&
-                    domReady(() => {
-                        this.initSelectElem();
-                    });
-                //重置语言对象
-                this.langData = {};
-                domReady(() => {
-                    this.translatePage();
-                });
-            } else {
-                //加载对应文件
-                loadData.reload(this.options.fileType, url, (data) => {
-                    this.handLangData(data);
-                });
-            }
-        },
-
-        /**
-         * 处理加载的数据文件
-         */
-        handLangData: function (data) {
-            extend(this.langData, data);
-            this.loadedDict();
-        },
-
-        /**
-         * 语言文件加载完成后的回调,界面加载完成后进入翻译工作
-         */
-        loadedDict: function () {
-            let len = this.domainArr.length;
-            if (this.curDomain + 1 === len) {
-                this.b28Loaded = true;
-                domReady(() => {
-                    this.translatePage();
-                });
-            } else {
-                this.curDomain += 1;
-            }
-        },
-
-        /**
-         * 语言包文件是否加载完成
-         */
-        isLoaded: function () {
-            return this.b28Loaded;
-        },
-
-        /**
-         * 翻译纯文本
-         * @param {string} key 需要翻译的字段
-         */
-        gettext: function (key) {
-            if (key === undefined) return;
-            if (this.options.defaultLang === this.lang) {
-                //处理一对多的翻译时对翻译加上了唯一标识的前缀，故需要把这些前缀去掉
-                return key.replace(/^[a-zA-Z]\#[a-zA-Z][a-zA-Z][a-zA-Z]\#/g, "");
-            }
-            return this.langData[key] !== undefined ? this.langData[key] : key.replace(/^[a-zA-Z]\#[a-zA-Z][a-zA-Z][a-zA-Z]\#/g, "");
-        },
-
-        /**
-         * 翻译有%s参数的文本
-         * @param {string} key 需要翻译的字段
-         * @param {Array} replacements 参数
-         */
-        getFormatText: function (key, replacements) {
-            let nkey = this.gettext(key);
-
-            if (replacements === "" || replacements === undefined) {
-                return nkey;
-            }
-            if (Object.prototype.toString.call(replacements) !== "[object Array]") {
-                replacements = [replacements];
-            }
-
-            for (let i = 0, l = replacements.length; i < l; i++) {
-                nkey = nkey.replace(/%s/, replacements[i]);
-            }
-
-            return nkey;
-        },
-
-        /**
-         * 初始化语言选择框
-         */
-        initSelectElem: function () {
-            let selectElem = doc.getElementById("select-lang"),
-                len = b28Cfg.supportLang.length,
-                newOption,
-                lang,
-                i;
-
-            if (selectElem && selectElem.nodeName.toLowerCase() == "select") {
-                for (i = 0; i < len; i++) {
-                    lang = b28Cfg.supportLang[i];
-                    newOption = new Option(this.langArr[lang], lang);
-                    selectElem.add(newOption, undefined);
-                }
-                selectElem.value = this.lang;
-
-                if (doc.addEventListener) {
-                    selectElem.addEventListener(
-                        "change",
-                        function () {
-                            this.setLang(doc.getElementById("select-lang").value);
-                            setTimeout(function () {
-                                window.location.reload();
-                            }, 24);
-                        },
-                        false
-                    );
-                } else if (doc.attachEvent) {
-                    selectElem.attachEvent("onchange", function () {
-                        this.setLang(doc.getElementById("select-lang").value);
-                        setTimeout(function () {
-                            window.location.reload();
-                        }, 24);
-                    });
-                }
-            }
-        },
-
-        /**
-         * 翻译translateTarget及translateTarget里面的内容
-         * @param {element} translateTarget 需要翻译的内容的容器
-         */
-        translate: function (translateTarget) {
-            let translateElem;
-            //确定html容器元素
-            if (assertElement(translateTarget)) {
-                translateElem = translateTarget;
-            } else if (translateTarget && typeof translateTarget === "string") {
-                translateElem = doc.getElementById(translateTarget);
-            }
-            translateElem = translateElem || doc.documentElement;
-            // 隐藏页面
-            doc.documentElement.style.visibility = "hidden";
-            // 逐个翻译元素
-            this.replaceTextNodeValue(translateElem);
-
-            this.saveLang = false;
-            // 显示页面
-            doc.documentElement.style.visibility = "visible";
-            // 执行翻译完成后的回调
-            if (typeof this.success === "function") {
-                this.success();
-            }
-        },
-
-        /**
-         * 翻译页面
-         */
-        translatePage: function () {
-            let bodyElem = doc.body || doc.documentElement;
-
-            // 翻译HTML页面内容
-            this.transTitle(this.original.title);
-
-            // 初始语言选择下拉框
-            b28Cfg.initSelect && this.initSelectElem();
-            //全局翻译时需要记录所有的信息
-            this.saveLang = true;
-            this.translate(bodyElem);
-        },
-    };
-
-    let Butterlate = new Butterlation(),
-        defaultLang;
-
-    //将翻译对象挂载到window上面
-    win.Butterlate = Butterlate;
-    win.B = win.B || win.Butterlate;
-    win._ = function (key, replacements) {
-        return Butterlate.getFormatText(key, replacements);
-    };
-    win.Butterlate.loadScript = loadScript;
-    if (window.beforeTranslate) {
-        defaultLang = window.beforeTranslate();
-    }
-    window.B.setTextDomain("lang", defaultLang);
-})(window, document);
+(function (window, document) {
+    Array.prototype.indexOf =
+        Array.prototype.indexOf ||
+        function (item) {
+            for (let i = 0, l = this.length; i < l; i++) {
+                if (this[i] === item) {
+                    return i;
+                }
+            }
+            return -1;
+        };
+
+    Array.prototype.filter =
+        Array.prototype.filter ||
+        function (cb) {
+            let arr = [];
+            if (cb && typeof cb === "function") {
+                for (let i = 0, l = this.length; i < l; i++) {
+                    cb(this[i]) && arr.push(this[i]);
+                }
+            }
+            return arr;
+        };
+
+    //翻译配置项
+    let b28Cfg = {
+        /**
+         * 支持的语言项，若设置的语言不在配置项中，则显示默认语言
+         */
+        supportLang: ["en", "cn"],
+        /**
+         * 默认语言，若supportLang中没有设置的默认语言，则自动添加到supportLang中去
+         */
+        defaultLang: "en",
+        /**
+         * 配置语言包文件类型 within ["xml", "json"]
+         */
+        fileType: "json",
+        /**
+         * 用默认语言做id
+         */
+        idDefaultLang: true,
+        /**
+         * 是否对要翻译文字进行trim
+         */
+        trimText: true,
+        /**
+         * 默认替换节点中的文字，将其设为true可插入html
+         */
+        insertHTML: true,
+        /**
+         * 是否初始化下拉框
+         */
+        initSelect: true,
+        /**
+         * 时间戳
+         */
+        dateStr: new Date().getTime(),
+
+        langArr: {
+            cn: "简体中文",
+            zh: "繁體中文",
+            de: "Deutsch", //德语
+            en: "English", //英语
+            es: "Español", //西班牙
+            fr: "Français", //法国
+            hu: "Magyar", //匈牙利
+            it: "Italiano", //意大利
+            pl: "Polski", //波兰
+            ro: "Română", //罗马尼亚
+            ar: "العربية", //阿拉伯
+            tr: "Türkçe", //土耳其
+            ru: "Русский", //Russian  俄语
+            pt: "Português", //Portugal 葡萄牙语
+        },
+    };
+
+    let win = window,
+        doc = document,
+        core_version = "3.0.0",
+        core_trim = core_version.trim,
+        //获取语言文件相对路径
+        js = document.scripts,
+        langJs = js[js.length - 1]["src"],
+        langPath = langJs.substring(0, langJs.lastIndexOf("/") + 1);
+
+    /** 工具函数 start */
+    //对象浅拷贝
+    function extend(oldObj, newObj) {
+        if (typeof newObj !== "object") {
+            return;
+        }
+
+        for (let key in newObj) {
+            if (newObj.hasOwnProperty(key)) {
+                oldObj[key] = newObj[key];
+            }
+        }
+    }
+    /** 工具函数 end */
+
+    /**
+     * 创建ajax
+     */
+    function createXHR() {
+        try {
+            return new XMLHttpRequest();
+        } catch (e) {
+            try {
+                return new window.ActiveXObject("Msxml2.XMLHTTP");
+            } catch (e) {
+                try {
+                    return new window.ActiveXObject("Microsoft.XMLHTTP");
+                } catch (e) {
+                    return;
+                }
+            }
+        }
+    }
+
+    /**
+     * 添加文档加载完成后的事件委托
+     */
+    let domReady = (function () {
+        let funcs = [],
+            already = false,
+            len,
+            i;
+
+        function handler(e) {
+            e = e || win.event;
+            if (already) {
+                return;
+            }
+
+            if (e.type === "readystatechange" && doc.readyState !== "complete") {
+                return;
+            }
+
+            for (i = 0, len = funcs.length; i < len; i++) {
+                funcs[i].call(doc);
+            }
+
+            already = true;
+            funcs = null;
+        }
+
+        if (doc.addEventListener) {
+            doc.addEventListener("DOMContentLoaded", handler, false);
+            doc.addEventListener("onreadystatechange", handler, false);
+            win.addEventListener("load", handler, false);
+        } else if (doc.attachEvent) {
+            doc.attachEvent("onreadystatechange", handler);
+            win.attachEvent("onload", handler);
+        }
+
+        return function ready(f) {
+            if (already) {
+                f.call(doc);
+            } else {
+                funcs.push(f);
+            }
+        };
+    })();
+
+    /**
+     * 加载script
+     */
+    let loadScript = (function () {
+        let scripts = doc.createElement("script"),
+            hasReadyState = scripts.readyState;
+
+        return hasReadyState
+            ? function (url, callBack) {
+                  let scripts = doc.createElement("script");
+
+                  scripts.onreadystatechange = function () {
+                      if (scripts.readyState === "loaded" || scripts.readyState === "complete") {
+                          scripts.onreadystatechange = null;
+
+                          if (typeof callBack === "function") {
+                              callBack();
+                              callBack = null;
+                          }
+                      }
+                  };
+                  scripts.src = url;
+                  doc.getElementsByTagName("head")[0].appendChild(scripts);
+              }
+            : function (url, callBack) {
+                  let scripts = doc.createElement("script");
+
+                  scripts.onload = function () {
+                      if (typeof callBack === "function") {
+                          callBack();
+                          callBack = null;
+                      }
+                  };
+                  scripts.src = url;
+                  doc.getElementsByTagName("head")[0].appendChild(scripts);
+              };
+    })();
+
+    // 获取数据文件 并注入到msg中
+    let loadData = {
+        reload(type, url, callBack) {
+            let parseData = type === "json" ? loadData.parseJson : loadData.parseXML,
+                request;
+
+            request = createXHR();
+            request.open("GET", url + "?" + Math.random(), false);
+            request.send(null);
+
+            if ((request.status >= 200 && request.status < 300) || request.status === 304) {
+                let langData = parseData(request);
+
+                if (typeof callBack === "function") {
+                    callBack(langData);
+                    langData = null;
+                    callBack = null;
+                }
+            }
+        },
+        parseXML(request) {
+            let i,
+                pos,
+                posLen,
+                langData = {};
+
+            pos = request.responseXML.documentElement.getElementsByTagName("message");
+            posLen = pos.length;
+
+            for (i = 0; i < posLen; i++) {
+                langData[pos[i].getAttribute("msgid")] = pos[i].getAttribute("msgstr");
+            }
+
+            return langData;
+        },
+        parseJson(request) {
+            return window.JSON.parse(request.responseText) || request.responseText;
+        },
+    };
+
+    /**
+     * 去除lang-xx类名，并添加新的类名
+     */
+    function handleClass(classname) {
+        let name = document.documentElement.className;
+        if (name) {
+            name = name.split(" ").filter((item) => {
+                return !/^lang-/.test(item);
+            });
+            name.push(classname);
+
+            document.documentElement.className = name.join(" ");
+        } else {
+            document.documentElement.className = classname;
+        }
+    }
+
+    /**
+     *  获取元素的文本内容 或者设置文本内容
+     */
+    let innerText = (function () {
+        if (b28Cfg.insertHTML) {
+            return function (elem, str) {
+                elem.innerHTML = str;
+                return elem;
+            };
+        }
+
+        let element = doc.createElement("p");
+        element.innerHTML = core_version;
+        return element.textContent
+            ? function (elem, str) {
+                  if (str) {
+                      elem.textContent = str;
+                      return elem;
+                  }
+                  return elem.textContent;
+              }
+            : function (elem, str) {
+                  if (str) {
+                      elem.innerText = str;
+                      return elem;
+                  }
+                  return elem.innerText;
+              };
+    })();
+
+    /**
+     * 去除字符串首尾空格全兼容
+     */
+    function trim(text) {
+        if (text == null) {
+            return "";
+        }
+        if (core_trim && !core_trim.call("\uFEFF\xA0")) {
+            return core_trim.call(text);
+        } else {
+            text += "";
+            return text.replace(/(^\s*)|(\s*$)/g, "");
+        }
+    }
+
+    /**
+     * 根据配置参数决定是否去除空格
+     */
+    function _trim(str) {
+        return b28Cfg.trimText ? trim(str) : str;
+    }
+
+    /**
+     * 是否是html元素
+     */
+    function assertElement(elem) {
+        //支持HTMLElement
+        if (typeof HTMLElement === "object" && elem instanceof HTMLElement) {
+            return true;
+        }
+        //ie等
+        if (typeof elem === "object" && (elem.nodeType === 1 || elem.nodeType === 9) && typeof elem.nodeName === "string") {
+            return true;
+        }
+        return false;
+    }
+
+    /**
+     * 判断是否为null，undefined或者空白字符串
+     * @param {值} val
+     */
+    function notNull(val) {
+        return val && /\S/.test(val);
+    }
+
+    /**
+     * 寻找子元素中text
+     * @param {元素} elem
+     */
+    function getTextChild(elem) {
+        if (elem) {
+            let first = elem.firstChild;
+            if (first) {
+                if (first.nodeType === 3) {
+                    return first.nodeValue;
+                }
+                return getTextChild(first.nextSibling);
+            }
+        }
+    }
+
+    function htmlEncode(str) {
+        var encodeObj = {
+            "&": "&amp;",
+            "<": "&lt;",
+            ">": "&gt;",
+            "'": "&#39;",
+            '"': "&quot;",
+            " ": "&nbsp;",
+        };
+        if (str.length == 0) {
+            return "";
+        }
+        return str.replace(/(&|\s| |<|>|\'|\")/g, function (a) {
+            return encodeObj[a];
+        });
+    }
+
+    function htmlDecode(str) {
+        var decodeObj = {
+            "&amp;": "&",
+            "&lt;": "<",
+            "&gt;": ">",
+            "&#39;": "'",
+            "&quot;": '"',
+            "&nbsp;": " ",
+        };
+        if (str.length == 0) {
+            return "";
+        }
+        return str.replace(/(&amp;|&lt;|&gt;|&#39;|&quot;|&nbsp;)/g, function (a) {
+            return decodeObj[a];
+        });
+    }
+    /**  文本处理相关函数 end   */
+
+    //翻译对象
+    function Butterlation(cfg) {
+        extend(b28Cfg, cfg);
+
+        //若所支持的语言中没有默认语言，则将默认语言添加到支持语言数组中
+        if (b28Cfg.idDefaultLang && b28Cfg.supportLang.indexOf(b28Cfg.defaultLang) === -1) {
+            b28Cfg.supportLang.push(b28Cfg.defaultLang);
+        }
+        this.curDomain = 0;
+        this.domainArr = [];
+        this.options = {
+            defaultLang: b28Cfg.defaultLang,
+            support: b28Cfg.supportLang,
+            fileType: b28Cfg.fileType,
+        };
+        this.langArr = b28Cfg.langArr;
+        /**语言包文件是否加载完成标志 */
+        this.b28Loaded = false;
+        /**当前语言 */
+        this.lang = "";
+        /**是否记录当前语言用于无刷新翻译页面 */
+        this.saveLang = false;
+        /**当前语言包信息 */
+        this.langData = {};
+        /**记录翻译页面前的数据 */
+        this.original = {
+            title: doc.title,
+        };
+    }
+
+    Butterlation.prototype = {
+        /**
+         * 翻译title
+         */
+        transTitle: function (title) {
+            doc.title = this.gettext(_trim(title));
+        },
+        /**
+         * 翻译html元素节点
+         * @param {object} element
+         */
+        replaceTextNodeValue: function (element) {
+            if (!element) {
+                return;
+            }
+            if (/^SCRIPT$/i.test(element.tagName)) {
+                if (element.nextSibling) {
+                    this.replaceTextNodeValue(element.nextSibling);
+                }
+                return;
+            }
+
+            let firstChild = element.firstChild,
+                nextSibling = element.nextSibling,
+                nodeType = element.nodeType,
+                btnStr = "submit,reset,button",
+                curValue,
+                isInputButton,
+                oldValue;
+
+            //handle element node
+            if (nodeType === 1) {
+                //alt属性
+                this.replaceTextNodeAttr("alt", element, "data-o-alt");
+
+                //placeholder属性
+                this.replaceTextNodeAttr("placeholder", element, "data-o-holder");
+
+                //title属性
+                this.replaceTextNodeAttr("title", element, "data-o-title");
+
+                isInputButton = element.nodeName.toLowerCase() == "input" && btnStr.indexOf(element.getAttribute("type")) !== -1;
+
+                if (isInputButton) {
+                    //data-lang属性具有较高优先级
+                    curValue = element.getAttribute("data-lang") || element.value;
+                } else {
+                    if (element.getAttribute("data-nowrap") === "1") {
+                        curValue = element.innerHTML;
+                    } else {
+                        curValue = element.getAttribute("data-lang");
+                    }
+                }
+
+                if (curValue && /\S/.test(curValue)) {
+                    curValue = htmlEncode(curValue);
+                    if (this.saveLang) {
+                        let oldText = element.getAttribute("data-o-text");
+                        if (oldText === undefined || oldText === null) {
+                            if (element.getAttribute("data-nowrap") === "1") {
+                                oldText = curValue;
+                            } else {
+                                oldText = getTextChild(element);
+                                notNull(oldText) && (oldText = htmlEncode(oldText));
+                            }
+                            oldText = oldText || " ";
+                            element.setAttribute("data-o-text", oldText);
+                        }
+
+                        if (this.options.defaultLang === this.lang) {
+                            curValue = oldText;
+                        }
+                    }
+
+                    curValue = htmlDecode(curValue);
+                    if (curValue) {
+                        curValue = _trim(curValue);
+                        if (isInputButton) {
+                            element.setAttribute("value", this.gettext(curValue));
+                        } else {
+                            innerText(element, this.gettext(curValue));
+                        }
+                    }
+                }
+                //handle textNode
+            } else if (nodeType === 3 && notNull(element.nodeValue)) {
+                curValue = _trim(element.nodeValue);
+                if (this.saveLang) {
+                    let parNode = element.parentNode;
+                    oldValue = parNode.getAttribute("data-o-text");
+                    if (oldValue) {
+                        curValue = htmlDecode(oldValue);
+                    } else {
+                        parNode.setAttribute("data-o-text", htmlEncode(curValue));
+                    }
+                }
+                element.nodeValue = this.gettext(curValue);
+            }
+            //translate siblings
+            if (nextSibling) {
+                this.replaceTextNodeValue(nextSibling);
+            }
+
+            //translate firstChild
+            //stop handle elem.child if elem has attr data-lang
+            if (firstChild && !element.getAttribute("data-lang")) {
+                this.replaceTextNodeValue(firstChild);
+            }
+        },
+        /**
+         * 翻译html元素节点的属性
+         * @param {object} element
+         */
+
+        replaceTextNodeAttr: function (attr, element, oldAttr) {
+            let curValue = element.getAttribute(attr);
+            let oldValue = element.getAttribute(oldAttr);
+            if (this.saveLang) {
+                if (oldValue) {
+                    curValue = oldValue;
+                } else {
+                    notNull(curValue) && element.setAttribute(oldAttr, curValue);
+                }
+            }
+            if (notNull(curValue)) {
+                curValue = _trim(curValue);
+                element.setAttribute(attr, this.gettext(curValue));
+            }
+        },
+        /**
+         * 获取语言包信息
+         */
+        getMsg: function () {
+            return this.langData;
+        },
+        /**
+         * 是否支持该语言
+         * @param {string} lang
+         */
+        isSupport: function (lang) {
+            let support = this.options.support;
+
+            if (support.indexOf(lang) === -1) {
+                return false;
+            }
+            return lang;
+        },
+
+        /**
+         * 设置语言
+         * @param {string} lang
+         */
+        setLang: function (lang) {
+            if (lang !== undefined) {
+                if (!this.isSupport(lang)) {
+                    lang = this.options.defaultLang;
+                }
+                doc.cookie = "bLanguage=" + lang + ";";
+            }
+            return lang;
+        },
+
+        /**
+         * 获取当前设置的语言
+         */
+        getLang: function () {
+            let special = {
+                    zh: "cn",
+                    "zh-chs": "cn",
+                    "zh-cn": "cn",
+                    "zh-cht": "cn",
+                    "zh-hk": "zh",
+                    "zh-mo": "zh",
+                    "zh-tw": "zh",
+                    "zh-sg": "zh",
+                },
+                defLang = this.options.defaultLang,
+                local,
+                ret,
+                start,
+                end;
+
+            if (doc.cookie.indexOf("bLanguage=") === -1) {
+                local = (
+                    win.navigator.language ||
+                    win.navigator.userLanguage ||
+                    win.navigator.browserLanguage ||
+                    win.navigator.systemLanguage ||
+                    defLang
+                ).toLowerCase();
+
+                ret = special[local] || special[local.split("-")[0].toString()] || local.split("-")[0].toString();
+            } else {
+                if (doc.cookie.indexOf("bLanguage=") === 0) {
+                    start = 10;
+                } else if (doc.cookie.indexOf("; bLanguage=") !== -1) {
+                    start = doc.cookie.indexOf("; bLanguage=") + 12;
+                }
+
+                if (start !== undefined) {
+                    end = doc.cookie.indexOf(";", start) !== -1 ? doc.cookie.indexOf(";", start) : doc.cookie.length;
+                    ret = doc.cookie.substring(start, end);
+                }
+            }
+            //语言使用优先级  1.浏览器语言是否支持 2 默认语言是否支持 3支持中的语言第一个 4.默认语言
+            return this.isSupport(ret) || this.isSupport(defLang) || (this.options.support && this.options.support[0]) || defLang;
+        },
+
+        /**
+         * 拼接语言文件的url
+         * @param {string} domain 语言文件名称不包含扩展名(如:lang.json -> domain为lang)
+         */
+        getURL: function (domain) {
+            return langPath + this.lang + "/" + domain + "." + this.options.fileType + "?" + b28Cfg.dateStr;
+        },
+
+        /**
+         * 加载所需要的语言文件，并翻译页面
+         * @param {string} domain 翻译文件的名称不包含扩展名(如:lang.json -> domain为lang)
+         * @param {lang} lang 当前语言
+         * @param {function} callBack 回调
+         */
+        setTextDomain: function (domain, lang, callBack) {
+            let i,
+                domainLen,
+                htmlElem = doc.documentElement;
+
+            this.domainArr = [];
+            this.lang = lang || this.getLang();
+            this.setLang(lang);
+            this.curDomain = 0;
+            if (typeof callBack === "function") {
+                this.success = callBack;
+            }
+
+            htmlElem.style.visibility = "hidden";
+
+            handleClass("lang-" + this.lang);
+
+            if (Object.prototype.toString.call(domain) === "[object Array]") {
+                domainLen = domain.length;
+                this.domainArr = domain;
+
+                for (i = 0; i < domainLen; i = i + 1) {
+                    this.loadDomain(this.getURL(domain[i]), i);
+                }
+            } else if (typeof domain === "string") {
+                this.domainArr.push(domain);
+                this.loadDomain(this.getURL(domain), 0);
+            }
+        },
+
+        /**
+         * 加载语言文件
+         * @param {string} url 语言包文件地址
+         */
+        loadDomain: function (url) {
+            //若当前设定语言与默认语言一样，则不加载语言文件
+            if (b28Cfg.idDefaultLang && this.lang === b28Cfg.defaultLang) {
+                this.b28Loaded = true;
+                b28Cfg.initSelect &&
+                    domReady(() => {
+                        this.initSelectElem();
+                    });
+                //重置语言对象
+                this.langData = {};
+                domReady(() => {
+                    this.translatePage();
+                });
+            } else {
+                //加载对应文件
+                loadData.reload(this.options.fileType, url, (data) => {
+                    this.handLangData(data);
+                });
+            }
+        },
+
+        /**
+         * 处理加载的数据文件
+         */
+        handLangData: function (data) {
+            extend(this.langData, data);
+            this.loadedDict();
+        },
+
+        /**
+         * 语言文件加载完成后的回调,界面加载完成后进入翻译工作
+         */
+        loadedDict: function () {
+            let len = this.domainArr.length;
+            if (this.curDomain + 1 === len) {
+                this.b28Loaded = true;
+                domReady(() => {
+                    this.translatePage();
+                });
+            } else {
+                this.curDomain += 1;
+            }
+        },
+
+        /**
+         * 语言包文件是否加载完成
+         */
+        isLoaded: function () {
+            return this.b28Loaded;
+        },
+
+        /**
+         * 翻译纯文本
+         * @param {string} key 需要翻译的字段
+         */
+        gettext: function (key) {
+            if (key === undefined) return;
+            if (this.options.defaultLang === this.lang) {
+                //处理一对多的翻译时对翻译加上了唯一标识的前缀，故需要把这些前缀去掉
+                return key.replace(/^[a-zA-Z]\#[a-zA-Z][a-zA-Z][a-zA-Z]\#/g, "");
+            }
+            return this.langData[key] !== undefined ? this.langData[key] : key.replace(/^[a-zA-Z]\#[a-zA-Z][a-zA-Z][a-zA-Z]\#/g, "");
+        },
+
+        /**
+         * 翻译有%s参数的文本
+         * @param {string} key 需要翻译的字段
+         * @param {Array} replacements 参数
+         */
+        getFormatText: function (key, replacements) {
+            let nkey = this.gettext(key);
+
+            if (replacements === "" || replacements === undefined) {
+                return nkey;
+            }
+            if (Object.prototype.toString.call(replacements) !== "[object Array]") {
+                replacements = [replacements];
+            }
+
+            for (let i = 0, l = replacements.length; i < l; i++) {
+                nkey = nkey.replace(/%s/, replacements[i]);
+            }
+
+            return nkey;
+        },
+
+        /**
+         * 初始化语言选择框
+         */
+        initSelectElem: function () {
+            let selectElem = doc.getElementById("select-lang"),
+                len = b28Cfg.supportLang.length,
+                newOption,
+                lang,
+                i;
+
+            if (selectElem && selectElem.nodeName.toLowerCase() == "select") {
+                for (i = 0; i < len; i++) {
+                    lang = b28Cfg.supportLang[i];
+                    newOption = new Option(this.langArr[lang], lang);
+                    selectElem.add(newOption, undefined);
+                }
+                selectElem.value = this.lang;
+
+                if (doc.addEventListener) {
+                    selectElem.addEventListener(
+                        "change",
+                        function () {
+                            this.setLang(doc.getElementById("select-lang").value);
+                            setTimeout(function () {
+                                window.location.reload();
+                            }, 24);
+                        },
+                        false
+                    );
+                } else if (doc.attachEvent) {
+                    selectElem.attachEvent("onchange", function () {
+                        this.setLang(doc.getElementById("select-lang").value);
+                        setTimeout(function () {
+                            window.location.reload();
+                        }, 24);
+                    });
+                }
+            }
+        },
+
+        /**
+         * 翻译translateTarget及translateTarget里面的内容
+         * @param {element} translateTarget 需要翻译的内容的容器
+         */
+        translate: function (translateTarget) {
+            let translateElem;
+            //确定html容器元素
+            if (assertElement(translateTarget)) {
+                translateElem = translateTarget;
+            } else if (translateTarget && typeof translateTarget === "string") {
+                translateElem = doc.getElementById(translateTarget);
+            }
+            translateElem = translateElem || doc.documentElement;
+            // 隐藏页面
+            doc.documentElement.style.visibility = "hidden";
+            // 逐个翻译元素
+            this.replaceTextNodeValue(translateElem);
+
+            this.saveLang = false;
+            // 显示页面
+            doc.documentElement.style.visibility = "visible";
+            // 执行翻译完成后的回调
+            if (typeof this.success === "function") {
+                this.success();
+            }
+        },
+
+        /**
+         * 翻译页面
+         */
+        translatePage: function () {
+            let bodyElem = doc.body || doc.documentElement;
+
+            // 翻译HTML页面内容
+            this.transTitle(this.original.title);
+
+            // 初始语言选择下拉框
+            b28Cfg.initSelect && this.initSelectElem();
+            //全局翻译时需要记录所有的信息
+            this.saveLang = true;
+            this.translate(bodyElem);
+        },
+    };
+
+    let Butterlate = new Butterlation(),
+        defaultLang;
+
+    //将翻译对象挂载到window上面
+    win.Butterlate = Butterlate;
+    win.B = win.B || win.Butterlate;
+    win._ = function (key, replacements) {
+        return Butterlate.getFormatText(key, replacements);
+    };
+    win.Butterlate.loadScript = loadScript;
+    if (window.beforeTranslate) {
+        defaultLang = window.beforeTranslate();
+    }
+    window.B.setTextDomain("lang", defaultLang);
+})(window, document);