@truenewx/tnxcore/src/tnxbs.js

互联网技术解决方案：Web核心扩展支持

/**
 * 基于BootStrap的扩展
 */
import tnxjq, { build } from './tnxjq.js';
import 'bootstrap/dist/css/bootstrap-grid.min.css';
import 'bootstrap/dist/css/bootstrap-utilities.min.css';

export { build };

export default build('tnxbs', () => {
    const $ = tnxjq.libs.$;
    const tnxbs = Object.assign({}, tnxjq);

    tnxbs.util.dom.breakPoints = {
        xxl: 1400,
        xl: 1200,
        lg: 992,
        md: 768,
        sm: 575,
    }

    tnxbs.util.dom.getBreakPoint = function() {
        let width = $(window).outerWidth();
        let bps = Object.keys(this.breakPoints);
        for (let bp of bps) {
            if (width >= bps[bp]) {
                return bp;
            }
        }
        return '';
    }

    tnxbs.util.dom.isBreakPoint = function(bp) {
        return this.getBreakPoint() === bp;
    }

    tnxbs.util.dom.containsBreakPoint = function(bp) {
        let width = $(window).outerWidth();
        if (bp) {
            let minWidth = this.breakPoints[bp];
            return minWidth && width >= minWidth;
        } else {
            return true;
        }
    }
    return tnxbs;
});