X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=roojs-bootstrap-debug.js;h=2a1b23d30b108049247cfe52bbb4fa875b264c1a;hp=513b78b9bd90b024b432b46f5cf6c275963eba3d;hb=refs%2Fheads%2Fwip_alan_T6011_fixing_surrogate_characters;hpb=a3ee0c188594aadf680c82a66d770d3cfe47a034 diff --git a/roojs-bootstrap-debug.js b/roojs-bootstrap-debug.js index 513b78b9bd..2a1b23d30b 100644 --- a/roojs-bootstrap-debug.js +++ b/roojs-bootstrap-debug.js @@ -6,13 +6,13 @@ Roo.bootstrap.version = ( function() { var ret=3; - Roo.each(document.styleSheets[0], function(s) { - if (s.href.match(/css-bootstrap4/)) { + Roo.each(document.styleSheets, function(s) { + if ( s.href && s.href.match(/css-bootstrap4/)) { ret=4; } }); return ret; -})();/* +})(); /* * - LGPL * * base class for bootstrap elements. @@ -1072,10 +1072,12 @@ Roo.extend(Roo.bootstrap.Column, Roo.bootstrap.Component, { } if (!settings[size]) { // 0 = hidden - cfg.cls += ' hidden-' + size; + cfg.cls += ' hidden-' + size + ' hidden' + size + '-down';; return; } - cfg.cls += ' col-' + size + '-' + settings[size]; + cfg.cls += ' col-' + size + '-' + settings[size] + ( + size == 'xs' ? (' col-' + settings[size] ) : '' // bs4 col-{num} replaces col-xs + ); }); @@ -2649,6 +2651,8 @@ Roo.extend(Roo.bootstrap.MenuSeparator, Roo.bootstrap.Component, { * @cfg {Boolean} animate default true * @cfg {Boolean} allow_close default true * @cfg {Boolean} fitwindow default false + * @cfg {Number} width fixed width - usefull for chrome extension only really. + * @cfg {Number} height fixed height - usefull for chrome extension only really. * @cfg {String} size (sm|lg) default empty * @cfg {Number} max_width set the max width of modal * @@ -4055,7 +4059,7 @@ Roo.extend(Roo.bootstrap.NavSimplebar, Roo.bootstrap.Navbar, { var cfg = { tag : this.tag || 'div', - cls : 'navbar navbar-expand-lg roo-navbar-simple' + cls : 'navbar roo-navbar-simple' //navbar-expand-lg ?? }; if (['light','white'].indexOf(this.weight) > -1) { cfg.cls += ['light','white'].indexOf(this.weight) > -1 ? ' navbar-light' : ' navbar-dark'; @@ -4069,13 +4073,16 @@ Roo.extend(Roo.bootstrap.NavSimplebar, Roo.bootstrap.Navbar, { // i'm not actually sure these are really used - normally we add a navGroup to a navbar - //if (Roo.bootstrap.version == 4) { - // return cfg; - //} + if (Roo.bootstrap.version == 4 && this.xtype == 'NavSimplebar') { + return cfg; + } + + + cfg.cn = [ { - cls: 'nav', + cls: 'nav nav-' + this.xtype, tag : 'ul' } ]; @@ -4217,7 +4224,7 @@ Roo.extend(Roo.bootstrap.NavHeaderbar, Roo.bootstrap.NavSimplebar, { cn.push({ tag: 'div', - cls: 'collapse navbar-collapse', + cls: Roo.bootstrap.version == 4 ? 'nav flex-row roo-navbar-collapse' : 'collapse navbar-collapse roo-navbar-collapse', cn : [] }); @@ -4409,8 +4416,13 @@ Roo.extend(Roo.bootstrap.NavGroup, Roo.bootstrap.Component, { if (['tabs','pills'].indexOf(this.type) != -1) { cfg.cls += ' nav-' + this.type; } else { - cfg.cls += ' navbar-nav'; + // trying to remove so header bar can right align top? + if (this.parent() && this.parent().xtype != 'NavHeaderbar') { + // do not use on header bar... + cfg.cls += ' navbar-nav'; + } } + } else { if (['tabs','pills'].indexOf(this.type) != -1) { cfg.cls += ' nav-' + this.type @@ -4436,7 +4448,7 @@ Roo.extend(Roo.bootstrap.NavGroup, Roo.bootstrap.Component, { tag: 'form', cls: 'navbar-form form-inline' }; - + //nav navbar-right ml-md-auto if (this.align === 'right') { cfg.cls += ' navbar-right ml-md-auto'; } else { @@ -4887,7 +4899,7 @@ Roo.extend(Roo.bootstrap.NavItem, Roo.bootstrap.Component, { // if parent is a navbarheader....- and link is probably a '#' page ref.. then remove the expanded menu. if (p.parentType == 'NavHeaderbar' && !this.menu) { // remove the collapsed menu expand... - p.parent().el.select('.navbar-collapse',true).removeClass('in'); + p.parent().el.select('.roo-navbar-collapse',true).removeClass('in'); } }, @@ -6808,8 +6820,10 @@ Roo.extend(Roo.bootstrap.Table, Roo.bootstrap.Component, { c.html = '' + c.html; } + // could use BS4 hidden-..-down + if(typeof(config.lgHeader) != 'undefined'){ - hh += ''; + hh += ''; } if(typeof(config.mdHeader) != 'undefined'){ @@ -6866,14 +6880,18 @@ Roo.extend(Roo.bootstrap.Table, Roo.bootstrap.Component, { if(typeof(config[size]) == 'undefined'){ return; } - + if (!config[size]) { // 0 = hidden - c.cls += ' hidden-' + size; + // BS 4 '0' is treated as hide that column and below. + c.cls += ' hidden-' + size + ' hidden' + size + '-down'; return; } - c.cls += ' col-' + size + '-' + config[size]; - + c.cls += ' col-' + size + '-' + config[size] + ( + size == 'xs' ? (' col-' + config[size] ) : '' // bs4 col-{num} replaces col-xs + ); + + }); header.cn.push(c) @@ -7179,12 +7197,18 @@ Roo.extend(Roo.bootstrap.Table, Roo.bootstrap.Component, { return; } + + if (!config[size]) { // 0 = hidden - td.cls += ' hidden-' + size; + // BS 4 '0' is treated as hide that column and below. + td.cls += ' hidden-' + size + ' hidden' + size + '-down'; return; } - td.cls += ' col-' + size + '-' + config[size]; + td.cls += ' col-' + size + '-' + config[size] + ( + size == 'xs' ? (' col-' + config[size] ) : '' // bs4 col-{num} replaces col-xs + ); + }); @@ -10433,7 +10457,7 @@ trigger.applyTo('my-field'); * {@link Roo.bootstrap.DateField} and {@link Roo.bootstrap.ComboBox} are perfect examples of this. * @cfg {String} triggerClass An additional CSS class used to style the trigger button. The trigger will always get the * class 'x-form-trigger' by default and triggerClass will be appended if specified. - * @cfg {String} caret (search|calendar) a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/ + * @cfg {String} caret (search|calendar) BS3 only - carat fa name * @constructor * Create a new TriggerField. @@ -10641,7 +10665,7 @@ Roo.extend(Roo.bootstrap.TriggerField, Roo.bootstrap.Input, { tag :'span', cls : 'input-group-addon input-group-append input-group-text btn dropdown-toggle', cn : [ - caret, + Roo.bootstrap.version == 3 ? caret : '', { tag: 'span', cls: 'combobox-clear', @@ -15359,8 +15383,7 @@ Roo.extend(Roo.bootstrap.ComboBox, Roo.bootstrap.TriggerField, { if(!this.multiple && this.showToggleBtn){ var caret = { - tag: 'span', - cls: 'caret' + cls: 'caret' }; if (this.caret != false) { @@ -15375,7 +15398,7 @@ Roo.extend(Roo.bootstrap.ComboBox, Roo.bootstrap.TriggerField, { tag :'span', cls : 'input-group-addon input-group-append input-group-text btn dropdown-toggle', cn : [ - caret, + Roo.bootstrap.version == 3 ? caret : '', { tag: 'span', cls: 'combobox-clear', @@ -22297,17 +22320,32 @@ Roo.extend(Roo.HtmlEditorCore, Roo.Component, { html = this.cleanHtml(html); // fix up the special chars.. normaly like back quotes in word... // however we do not want to do this with chinese.. - html = html.replace(/([\x80-\uffff])/g, function (a, b) { - var cc = b.charCodeAt(); - if ( + html = html.replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]|[\u0080-\uFFFF]/g, function(match) { + + var cc = match.charCodeAt(); + + // Get the character value, handling surrogate pairs + if (match.length == 2) { + // It's a surrogate pair, calculate the Unicode code point + var high = match.charCodeAt(0) - 0xD800; + var low = match.charCodeAt(1) - 0xDC00; + cc = (high * 0x400) + low + 0x10000; + } else if ( (cc >= 0x4E00 && cc < 0xA000 ) || (cc >= 0x3400 && cc < 0x4E00 ) || (cc >= 0xf900 && cc < 0xfb00 ) ) { - return b; - } - return "&#"+cc+";" + return match; + } + + // No, use a numeric entity. Here we brazenly (and possibly mistakenly) + return "&#" + cc + ";"; + + }); + + + if(this.owner.fireEvent('beforesync', this, html) !== false){ this.el.dom.value = html; this.owner.fireEvent('sync', this, html); @@ -23128,12 +23166,29 @@ Roo.extend(Roo.HtmlEditorCore, Roo.Component, { */ cleanWord : function(node) { - - if (!node) { this.cleanWord(this.doc.body); return; } + + if( + node.nodeName == 'SPAN' && + !node.hasAttributes() && + node.childNodes.length == 1 && + node.firstChild.nodeName == "#text" + ) { + var textNode = node.firstChild; + node.removeChild(textNode); + if (node.getAttribute('lang') != 'zh-CN') { // do not space pad on chinese characters.. + node.parentNode.insertBefore(node.ownerDocument.createTextNode(" "), node); + } + node.parentNode.insertBefore(textNode, node); + if (node.getAttribute('lang') != 'zh-CN') { // do not space pad on chinese characters.. + node.parentNode.insertBefore(node.ownerDocument.createTextNode(" ") , node); + } + node.parentNode.removeChild(node); + } + if (node.nodeName == "#text") { // clean up silly Windows -- stuff? return; @@ -27212,17 +27267,15 @@ Roo.apply(Roo.bootstrap.LocationPicker, { } -});/* - * - LGPL - * - * Alert - * - */ - -/** +});/** * @class Roo.bootstrap.Alert * @extends Roo.bootstrap.Component - * Bootstrap Alert class + * Bootstrap Alert class - shows an alert area box + * eg + * + * @licence LGPL * @cfg {String} title The title of alert * @cfg {String} html The content of alert * @cfg {String} weight ( success | info | warning | danger ) @@ -41545,17 +41598,14 @@ Roo.extend(Roo.bootstrap.MoneyField, Roo.bootstrap.ComboBox, { } });/** -* This script refer to: -* Title: Signature Pad -* Author: szimek -* Availability: https://github.com/szimek/signature_pad -**/ - -/** * @class Roo.bootstrap.BezierSignature * @extends Roo.bootstrap.Component * Bootstrap BezierSignature class - * + * This script refer to: + * Title: Signature Pad + * Author: szimek + * Availability: https://github.com/szimek/signature_pad + * * @constructor * Create a new BezierSignature * @param {Object} config The config object @@ -41568,8 +41618,9 @@ Roo.bootstrap.BezierSignature = function(config){ }); }; -Roo.extend(Roo.bootstrap.BezierSignature, Roo.bootstrap.Component, { - +Roo.extend(Roo.bootstrap.BezierSignature, Roo.bootstrap.Component, +{ + curve_data: [], is_empty: true, @@ -41577,57 +41628,57 @@ Roo.extend(Roo.bootstrap.BezierSignature, Roo.bootstrap.Component, { mouse_btn_down: true, /** - * @cfg(int) canvas height + * @cfg {int} canvas height */ canvas_height: '200px', /** - * @cfg(float or function) Radius of a single dot. + * @cfg {float|function} Radius of a single dot. */ dot_size: false, /** - * @cfg(float) Minimum width of a line. Defaults to 0.5. + * @cfg {float} Minimum width of a line. Defaults to 0.5. */ min_width: 0.5, /** - * @cfg(float) Maximum width of a line. Defaults to 2.5. + * @cfg {float} Maximum width of a line. Defaults to 2.5. */ max_width: 2.5, /** - * @cfg(integer) Draw the next point at most once per every x milliseconds. Set it to 0 to turn off throttling. Defaults to 16. + * @cfg {integer} Draw the next point at most once per every x milliseconds. Set it to 0 to turn off throttling. Defaults to 16. */ throttle: 16, /** - * @cfg(integer) Add the next point only if the previous one is farther than x pixels. Defaults to 5. + * @cfg {integer} Add the next point only if the previous one is farther than x pixels. Defaults to 5. */ min_distance: 5, /** - * @cfg(string) Color used to clear the background. Can be any color format accepted by context.fillStyle. Defaults to "rgba(0,0,0,0)" (transparent black). Use a non-transparent color e.g. "rgb(255,255,255)" (opaque white) if you'd like to save signatures as JPEG images. + * @cfg {string} Color used to clear the background. Can be any color format accepted by context.fillStyle. Defaults to "rgba(0,0,0,0)" (transparent black). Use a non-transparent color e.g. "rgb(255,255,255)" (opaque white) if you'd like to save signatures as JPEG images. */ bg_color: 'rgba(0, 0, 0, 0)', /** - * @cfg(string) Color used to draw the lines. Can be any color format accepted by context.fillStyle. Defaults to "black". + * @cfg {string} Color used to draw the lines. Can be any color format accepted by context.fillStyle. Defaults to "black". */ dot_color: 'black', /** - * @cfg(float) Weight used to modify new velocity based on the previous velocity. Defaults to 0.7. - */ + * @cfg {float} Weight used to modify new velocity based on the previous velocity. Defaults to 0.7. + */ velocity_filter_weight: 0.7, /** - * @cfg(function) Callback when stroke begin. + * @cfg {function} Callback when stroke begin. */ onBegin: false, /** - * @cfg(function) Callback when stroke end. + * @cfg {function} Callback when stroke end. */ onEnd: false, @@ -41804,7 +41855,7 @@ Roo.extend(Roo.bootstrap.BezierSignature, Roo.bootstrap.Component, { this.strokeUpdate(e); if (this.throttle) { - this.throttle(this.strokeUpdate, this.throttle); + this.throttleStroke(this.strokeUpdate, this.throttle); } else { this.strokeUpdate(e); @@ -42095,7 +42146,7 @@ Roo.extend(Roo.bootstrap.BezierSignature, Roo.bootstrap.Component, { return Bezier; }()), - throttle: function(fn, wait) { + throttleStroke: function(fn, wait) { if (wait === void 0) { wait = 250; } var previous = 0; var timeout = null;