Frank
/
fineui
forked from fanruan/fineui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

KERNEL-2905 refactor: title默认挂载到body与nextTick更新

es6
windy 5 years ago
parent
19df9b716e
commit
9588a6fae8
5 changed files with 124 additions and 84 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      dist/base.js
  2. 75
      dist/fix/fix.ie.js
  3. 79
      dist/fix/fix.js
  4. 3
      src/base/single/single.js
  5. 48
      src/core/base.js

3
dist/base.js vendored
Unescape View File

@ -348,7 +348,8 @@ BI.Single = BI.inherit(BI.Widget, {
warningTitle: null, warningTitle: null,
tipType: null, // success或warning tipType: null, // success或warning
value: null, value: null,
belowMouse: false // title是否跟随鼠标 belowMouse: false, // title是否跟随鼠标
container: "body"
}); });
}, },

75
dist/fix/fix.ie.js vendored
Unescape View File

@ -45,7 +45,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
args[_key] = arguments[_key]; args[_key] = arguments[_key];
} }
return originalMethods.splice.apply(this, args); return originalMethods["splice"].apply(this, args);
}; };
function noop(a, b, c) {} function noop(a, b, c) {}
@ -137,7 +137,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
} else { } else {
result = model; result = model;
} }
return result; return result;
} }
@ -147,7 +146,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (Array.isArray(obj)) { if (Array.isArray(obj)) {
var result = [].concat(obj); var result = [].concat(obj);
if (obj.__ref__ !== undefined) result.__ref__ = obj.__ref__; if (obj.__ref__ !== undefined) result.__ref__ = obj.__ref__;
return result; return result;
} }
@ -168,37 +166,55 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
} }
} }
// An asynchronous deferring mechanism. // Here we have async deferring wrappers using microtasks.
// In pre 2.4, we used to use microtasks (Promise/MutationObserver) // In 2.5 we used (macro) tasks (in combination with microtasks).
// but microtasks actually has too high a priority and fires in between // However, it has subtle problems when state is changed right before repaint
// supposedly sequential events (e.g. #4521, #6690) or even between // (e.g. #6813, out-in transitions).
// bubbling of the same event (#6566). Technically setImmediate should be // Also, using (macro) tasks in event handler would cause some weird behaviors
// the ideal choice, but it's not available everywhere; and the only polyfill // that cannot be circumvented (e.g. #7109, #7153, #7546, #7834, #8109).
// that consistently queues the callback after all DOM events triggered in the // So we now use microtasks everywhere, again.
// same loop is by using MessageChannel. // A major drawback of this tradeoff is that there are some scenarios
/* istanbul ignore if */ // where microtasks have too high a priority and fire in between supposedly
if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) { // sequential events (e.g. #4521, #6690, which have workarounds)
// or even between bubbling of the same event (#6566).
// The nextTick behavior leverages the microtask queue, which can be accessed
// via either native Promise.then or MutationObserver.
// MutationObserver has wider support, however it is seriously bugged in
// UIWebView in iOS >= 9.3.3 when triggered in touch event handlers. It
// completely stops working after triggering a few times... so, if native
// Promise is available, we will use it:
/* istanbul ignore next, $flow-disable-line */
if (typeof Promise !== 'undefined' && isNative(Promise)) {
var p = Promise.resolve();
timerFunc = function timerFunc() { timerFunc = function timerFunc() {
setImmediate(nextTickHandler); p.then(nextTickHandler);
}; };
} else if (typeof MessageChannel !== 'undefined' && (isNative(MessageChannel) || } else if (!isIE && typeof MutationObserver !== 'undefined' && (isNative(MutationObserver) ||
// PhantomJS // PhantomJS and iOS 7.x
MessageChannel.toString() === '[object MessageChannelConstructor]')) { MutationObserver.toString() === '[object MutationObserverConstructor]')) {
var channel = new MessageChannel(); // Use MutationObserver where native Promise is not available,
var port = channel.port2; // e.g. PhantomJS, iOS7, Android 4.4
channel.port1.onmessage = nextTickHandler; // (#6466 MutationObserver is unreliable in IE11)
var counter = 1;
var observer = new MutationObserver(nextTickHandler);
var textNode = document.createTextNode(String(counter));
observer.observe(textNode, {
characterData: true
});
timerFunc = function timerFunc() { timerFunc = function timerFunc() {
port.postMessage(1); counter = (counter + 1) % 2;
textNode.data = String(counter);
}; };
/* istanbul ignore next */ } else if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) {
} else if (typeof Promise !== 'undefined' && isNative(Promise)) { // Fallback to setImmediate.
// use microtask in non-DOM environments, e.g. Weex // Technically it leverages the (macro) task queue,
var p = Promise.resolve(); // but it is still a better choice than setTimeout.
timerFunc = function timerFunc() { timerFunc = function timerFunc() {
p.then(nextTickHandler); setImmediate(nextTickHandler);
}; };
} else { } else {
// fallback to setTimeout // Fallback to setTimeout.
timerFunc = function timerFunc() { timerFunc = function timerFunc() {
setTimeout(nextTickHandler, 0); setTimeout(nextTickHandler, 0);
}; };
@ -231,7 +247,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}(); }();
function inherit(sb, sp, overrides) { function inherit(sb, sp, overrides) {
if (typeof sp === 'object') { if (typeof sp === "object") {
overrides = sp; overrides = sp;
sp = sb; sp = sb;
sb = function temp() { sb = function temp() {
@ -246,7 +262,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
_$1.extend(sb.prototype, overrides, { _$1.extend(sb.prototype, overrides, {
superclass: sp superclass: sp
}); });
return sb; return sb;
} }
@ -916,7 +931,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}); });
if (contextListeners.length !== 0 || asyncListeners.length !== 0) { if (contextListeners.length !== 0 || asyncListeners.length !== 0) {
nextTick(function () { nextTick(function () {
_$1.each(BI.uniqBy(contextListeners.reverse(), 'id').reverse(), function (listener) { _$1.each(BI.uniqBy(contextListeners.reverse(), "id").reverse(), function (listener) {
listener.cb(); listener.cb();
}); });
_$1.each(asyncListeners, function (listener) { _$1.each(asyncListeners, function (listener) {

79
dist/fix/fix.js vendored
Unescape View File

@ -120,42 +120,59 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
} }
} }
// An asynchronous deferring mechanism. // Here we have async deferring wrappers using microtasks.
// In pre 2.4, we used to use microtasks (Promise/MutationObserver) // In 2.5 we used (macro) tasks (in combination with microtasks).
// but microtasks actually has too high a priority and fires in between // However, it has subtle problems when state is changed right before repaint
// supposedly sequential events (e.g. #4521, #6690) or even between // (e.g. #6813, out-in transitions).
// bubbling of the same event (#6566). Technically setImmediate should be // Also, using (macro) tasks in event handler would cause some weird behaviors
// the ideal choice, but it's not available everywhere; and the only polyfill // that cannot be circumvented (e.g. #7109, #7153, #7546, #7834, #8109).
// that consistently queues the callback after all DOM events triggered in the // So we now use microtasks everywhere, again.
// same loop is by using MessageChannel. // A major drawback of this tradeoff is that there are some scenarios
/* istanbul ignore if */ // where microtasks have too high a priority and fire in between supposedly
if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) { // sequential events (e.g. #4521, #6690, which have workarounds)
// or even between bubbling of the same event (#6566).
// The nextTick behavior leverages the microtask queue, which can be accessed
// via either native Promise.then or MutationObserver.
// MutationObserver has wider support, however it is seriously bugged in
// UIWebView in iOS >= 9.3.3 when triggered in touch event handlers. It
// completely stops working after triggering a few times... so, if native
// Promise is available, we will use it:
/* istanbul ignore next, $flow-disable-line */
if (typeof Promise !== 'undefined' && isNative(Promise)) {
var p = Promise.resolve();
timerFunc = function timerFunc() {
p.then(nextTickHandler);
};
} else if (!isIE && typeof MutationObserver !== 'undefined' && (isNative(MutationObserver) ||
// PhantomJS and iOS 7.x
MutationObserver.toString() === '[object MutationObserverConstructor]')) {
// Use MutationObserver where native Promise is not available,
// e.g. PhantomJS, iOS7, Android 4.4
// (#6466 MutationObserver is unreliable in IE11)
var counter = 1;
var observer = new MutationObserver(nextTickHandler);
var textNode = document.createTextNode(String(counter));
observer.observe(textNode, {
characterData: true
});
timerFunc = function timerFunc() {
counter = (counter + 1) % 2;
textNode.data = String(counter);
};
} else if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) {
// Fallback to setImmediate.
// Technically it leverages the (macro) task queue,
// but it is still a better choice than setTimeout.
timerFunc = function timerFunc() { timerFunc = function timerFunc() {
setImmediate(nextTickHandler); setImmediate(nextTickHandler);
}; };
} else if (typeof MessageChannel !== 'undefined' && (isNative(MessageChannel) || } else {
// PhantomJS // Fallback to setTimeout.
MessageChannel.toString() === '[object MessageChannelConstructor]')) {
var channel = new MessageChannel();
var port = channel.port2;
channel.port1.onmessage = nextTickHandler;
timerFunc = function timerFunc() { timerFunc = function timerFunc() {
port.postMessage(1); setTimeout(nextTickHandler, 0);
}; };
} else }
/* istanbul ignore next */
if (typeof Promise !== 'undefined' && isNative(Promise)) {
// use microtask in non-DOM environments, e.g. Weex
var p = Promise.resolve();
timerFunc = function timerFunc() {
p.then(nextTickHandler);
};
} else {
// fallback to setTimeout
timerFunc = function timerFunc() {
setTimeout(nextTickHandler, 0);
};
}
return function queueNextTick(cb, ctx) { return function queueNextTick(cb, ctx) {
var _resolve = void 0; var _resolve = void 0;

3
src/base/single/single.js
Unescape View File

@ -19,7 +19,8 @@ BI.Single = BI.inherit(BI.Widget, {
warningTitle: null, warningTitle: null,
tipType: null, // success或warning tipType: null, // success或warning
value: null, value: null,
belowMouse: false // title是否跟随鼠标 belowMouse: false, // title是否跟随鼠标
container: "body"
}); });
}, },

48
src/core/base.js
Unescape View File

@ -674,12 +674,12 @@ if (!_global.BI) {
nextTick: (function () { nextTick: (function () {
var callbacks = []; var callbacks = [];
var pending = false; var pending = false;
var timerFunc; var timerFunc = void 0;
function nextTickHandler () { function nextTickHandler() {
pending = false; pending = false;
var copies = callbacks.slice(0); var copies = callbacks.slice(0);
callbacks = []; callbacks.length = 0;
for (var i = 0; i < copies.length; i++) { for (var i = 0; i < copies.length; i++) {
copies[i](); copies[i]();
} }
@ -687,45 +687,51 @@ if (!_global.BI) {
if (typeof Promise !== "undefined") { if (typeof Promise !== "undefined") {
var p = Promise.resolve(); var p = Promise.resolve();
timerFunc = function () { timerFunc = function timerFunc() {
p.then(nextTickHandler); p.then(nextTickHandler);
}; };
} else } else if (!BI.isIE() && typeof MutationObserver !== "undefined") {
/* istanbul ignore if */
if (typeof MutationObserver !== "undefined") {
var counter = 1; var counter = 1;
var observer = new MutationObserver(nextTickHandler); var observer = new MutationObserver(nextTickHandler);
var textNode = document.createTextNode(counter + ""); var textNode = document.createTextNode(String(counter));
observer.observe(textNode, { observer.observe(textNode, {
characterData: true characterData: true
}); });
timerFunc = function () { timerFunc = function timerFunc() {
counter = (counter + 1) % 2; counter = (counter + 1) % 2;
textNode.data = counter + ""; textNode.data = String(counter);
};
} else if (typeof setImmediate !== "undefined") {
timerFunc = function timerFunc() {
setImmediate(nextTickHandler);
}; };
} else { } else {
timerFunc = function () { // Fallback to setTimeout.
timerFunc = function timerFunc() {
setTimeout(nextTickHandler, 0); setTimeout(nextTickHandler, 0);
}; };
} }
return function queueNextTick (cb) {
var _resolve; return function queueNextTick(cb, ctx) {
var args = [].slice.call(arguments, 1); var _resolve = void 0;
callbacks.push(function () { callbacks.push(function () {
if (cb) { if (cb) {
cb.apply(null, args); try {
} cb.call(ctx);
if (_resolve) { } catch (e) {
_resolve.apply(null, args); console.error(e);
}
} else if (_resolve) {
_resolve(ctx);
} }
}); });
if (!pending) { if (!pending) {
pending = true; pending = true;
timerFunc(); timerFunc();
} }
if (!cb && typeof Promise !== "undefined") { // $flow-disable-line
return new Promise(function (resolve) { if (!cb && typeof Promise !== 'undefined') {
return new Promise(function (resolve, reject) {
_resolve = resolve; _resolve = resolve;
}); });
} }

Write Preview
Loading…
Cancel
Save