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

KERNEL-14041 feat: core/platform文件夹

es6
zsmj 2 years ago
parent
54f223248f
commit
720ae1260b
6 changed files with 250 additions and 235 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. 4
      src/core/func/function.js
  2. 3
      src/core/index.js
  3. 3
      src/core/platform/web/index.js
  4. 6
      src/core/platform/web/jquery/event.js
  5. 465
      src/core/platform/web/jquery/fn.js
  6. 4
      src/core/platform/web/jquery/index.js

4
src/core/func/function.js
Unescape View File

@ -2,8 +2,8 @@
* 基本的函数 * 基本的函数
* Created by GUY on 2015/6/24. * Created by GUY on 2015/6/24.
*/ */
import {every, isKey, isArray, toUpperCase, each, stripEL, isNotNull, isNull, isObject} from "../2.base"; import { every, isKey, isArray, toUpperCase, each, stripEL, isNotNull, isNull, isObject } from "../2.base";
import {makeFirstPY} from "../utils/chinesePY"; import { makeFirstPY } from "../utils/chinesePY";
/** /**
* 创建唯一的名字 * 创建唯一的名字

3
src/core/index.js
Unescape View File

@ -16,6 +16,7 @@ import * as constant from "./constant";
import * as logic from "./logic"; import * as logic from "./logic";
import { Element } from "./element"; import { Element } from "./element";
import * as utils from "./utils"; import * as utils from "./utils";
import * as platform from "./platform/web";
export * from "./decorator"; export * from "./decorator";
export * from "./2.base"; export * from "./2.base";
@ -31,6 +32,7 @@ export * from "./h";
export * from "./constant"; export * from "./constant";
export * from "./logic"; export * from "./logic";
export * from "./utils"; export * from "./utils";
export * from "./platform/web";
export { export {
StyleLoaderManager, StyleLoaderManager,
@ -60,4 +62,5 @@ Object.assign(BI, {
useInWorker, useInWorker,
...h, ...h,
...utils, ...utils,
...platform,
}); });

3
src/core/platform/web/index.js
Unescape View File

@ -2,3 +2,6 @@ export * as DOM from "./dom";
export * from "./detectElementResize"; export * from "./detectElementResize";
export * from "./function"; export * from "./function";
export * from "./load"; export * from "./load";
import "./jquery/index";
import "./config";

6
src/core/platform/web/jquery/event.js vendored
Unescape View File

@ -3,8 +3,8 @@
*/ */
BI.$.extend(BI.$.Event.prototype, { BI.$.extend(BI.$.Event.prototype, {
// event.stopEvent // event.stopEvent
stopEvent: function () { stopEvent() {
this.stopPropagation(); this.stopPropagation();
this.preventDefault(); this.preventDefault();
} },
}); });

465
src/core/platform/web/jquery/fn.js vendored
Unescape View File

@ -1,247 +1,252 @@
if (BI.jQuery) { import { isIE, isIE9Below } from "../function";
(function ($) { import { htmlEncode } from "../../../func";
// richer:容器在其各个边缘留出的空间 import { toUpperCase, remove, camelize, isKey, isNull, isNotEmptyString, map, hyphenate } from "../../../2.base";
if (!$.fn.insets) { import { makeFirstPY } from "../../../utils";
$.fn.insets = function () { import { createWidget } from "../../../5.inject";
var p = this.padding(),
b = this.border(); BI.jQuery.fn.extend({
return {
top: p.top, insets() {
bottom: p.bottom + b.bottom + b.top, const p = this.padding(),
left: p.left, b = this.border();
right: p.right + b.right + b.left
}; return {
}; top: p.top,
} bottom: p.bottom + b.bottom + b.top,
left: p.left,
// richer:获取 && 设置jQuery元素的边界 right: p.right + b.right + b.left,
if (!$.fn.bounds) { };
$.fn.bounds = function (value) { },
var tmp = {hasIgnoredBounds: true};
bounds(value) {
if (value) { let tmp = { hasIgnoredBounds: true };
if (!isNaN(value.x)) {
tmp.left = value.x; if (value) {
} if (!isNaN(value.x)) {
if (!isNaN(value.y)) { tmp.left = value.x;
tmp.top = value.y;
}
if (value.width != null) {
tmp.width = (value.width - (this.outerWidth(true) - this.width()));
tmp.width = (tmp.width >= 0) ? tmp.width : value.width;
// fix chrome
// tmp.width = (tmp.width >= 0) ? tmp.width : 0;
}
if (value.height != null) {
tmp.height = value.height - (this.outerHeight(true) - this.height());
tmp.height = (tmp.height >= 0) ? tmp.height : value.height;
// fix chrome
// tmp.height = (tmp.height >= 0) ? tmp.height : value.0;
}
this.css(tmp);
return this;
}
// richer:注意此方法只对可见元素有效
tmp = this.position();
return {
x: tmp.left,
y: tmp.top,
// richer:这里计算外部宽度和高度的时候，都不包括边框
width: this.outerWidth(),
height: this.outerHeight()
};
};
}
})(BI.jQuery);
BI.extend(BI.jQuery.fn, {
destroy: function () {
this.remove();
if (BI.isIE() === true) {
this[0].outerHTML = "";
} }
}, if (!isNaN(value.y)) {
/** tmp.top = value.y;
* 高亮显示
* @param text 必需
* @param keyword
* @param py
* @returns {*}
* @private
* 原理:
* 1、得到text的拼音py, 分别看是否匹配关键字keyword, 得到匹配索引tidx和pidx
* 2、比较tidx和pidx, 取大于-1且较小的索引，标红[索引，索引 + keyword.length - 1]的文本
* 3、text和py各自取tidx/pidx + keyword.length索引开始的子串作为新的text和py, 重复1, 直到text和py有一个为""
*/
__textKeywordMarked__: function (text, keyword, py) {
if (BI.isNull(text)) {
text = "";
} }
if (!BI.isKey(keyword) || (text + "").length > 100) { if (value.width != null) {
if (BI.isIE9Below()) { tmp.width = (value.width - (this.outerWidth(true) - this.width()));
return this.html(BI.htmlEncode(text)); tmp.width = (tmp.width >= 0) ? tmp.width : value.width;
} // fix chrome
// textContent性能更好,并且原生防xss // tmp.width = (tmp.width >= 0) ? tmp.width : 0;
this[0].textContent = text;
return this;
} }
keyword = keyword + ""; if (value.height != null) {
keyword = BI.toUpperCase(keyword); tmp.height = value.height - (this.outerHeight(true) - this.height());
var textLeft = text + ""; tmp.height = (tmp.height >= 0) ? tmp.height : value.height;
py = (py || BI.makeFirstPY(text, { // fix chrome
splitChar: "\u200b" // tmp.height = (tmp.height >= 0) ? tmp.height : value.0;
})) + ""; }
py = BI.toUpperCase(py); this.css(tmp);
this.empty();
// BI-48487 性能: makeFirstPY出来的py中包含多音字是必要的，但虽然此方法中做了限制。但是对于一个长度为60,包含14个多音字的字符串
// 获取的的py长度将达到1966080, 远超过text的长度，到后面都是在做"".substring的无用功，所以此循环应保证py和textLeft长度不为0
while (py.length > 0 && textLeft.length > 0) {
var tidx = BI.toUpperCase(textLeft).indexOf(keyword);
var pidx = py.indexOf(keyword);
if (pidx >= 0) {
pidx = (pidx - Math.floor(pidx / (textLeft.length + 1))) % textLeft.length;
}
// BI-56945 场景: 对'啊a'标红, a为keyword, 此时tidx为1, pidx为0, 此时使用tidx显然'啊'就无法标红了 return this;
if (tidx >= 0 && (pidx > tidx || pidx === -1)) { }
// 标红的text未encode
this.append(BI.htmlEncode(textLeft.substr(0, tidx))); // richer:注意此方法只对可见元素有效
this.append(BI.$("<span>").addClass("bi-keyword-red-mark") tmp = this.position();
.html(BI.htmlEncode(textLeft.substr(tidx, keyword.length))));
return {
textLeft = textLeft.substr(tidx + keyword.length); x: tmp.left,
if (BI.isNotEmptyString(py)) { y: tmp.top,
// 每一组拼音都应该前进，而不是只是当前的 // richer:这里计算外部宽度和高度的时候，都不包括边框
py = BI.map(py.split("\u200b"), function (idx, ps) { width: this.outerWidth(),
return ps.slice(tidx + keyword.length); height: this.outerHeight(),
}).join("\u200b"); };
} },
} else if (pidx >= 0) {
// BI-56386 这边两个pid / text.length是为了防止截取的首字符串不是完整的，但光这样做还不够，即时错位了，也不能说明就不符合条件 destroy() {
// 标红的text未encode this.remove();
this.append(BI.htmlEncode(textLeft.substr(0, pidx))); if (isIE() === true) {
this.append(BI.$("<span>").addClass("bi-keyword-red-mark") this[0].outerHTML = "";
.html(BI.htmlEncode(textLeft.substr(pidx, keyword.length)))); }
if (BI.isNotEmptyString(py)) { },
// 每一组拼音都应该前进，而不是只是当前的
py = BI.map(py.split("\u200b"), function (idx, ps) { /**
return ps.slice(pidx + keyword.length); * 高亮显示
}).join("\u200b"); * @param text 必需
} * @param keyword
textLeft = textLeft.substr(pidx + keyword.length); * @param py
} else { * @returns {*}
// 标红的text未encode * @private
this.append(BI.htmlEncode(textLeft)); * 原理:
break; * 1、得到text的拼音py, 分别看是否匹配关键字keyword, 得到匹配索引tidx和pidx
} * 2、比较tidx和pidx, 取大于-1且较小的索引，标红[索引，索引 + keyword.length - 1]的文本
* 3、text和py各自取tidx/pidx + keyword.length索引开始的子串作为新的text和py, 重复1, 直到text和py有一个为""
*/
__textKeywordMarked__(text, keyword, py) {
if (isNull(text)) {
text = "";
}
if (!isKey(keyword) || (`${text}`).length > 100) {
if (isIE9Below()) {
return this.html(htmlEncode(text));
} }
// textContent性能更好,并且原生防xss
this[0].textContent = text;
return this; return this;
}, }
keyword = `${keyword}`;
getDomHeight: function (parent) { keyword = toUpperCase(keyword);
var clone = BI.$(this).clone(); let textLeft = `${text}`;
clone.appendTo(BI.$(parent || "body")); py = `${py || makeFirstPY(text, {
var height = clone.height(); splitChar: "\u200b",
clone.remove(); })}`;
return height; py = toUpperCase(py);
}, this.empty();
// BI-48487 性能: makeFirstPY出来的py中包含多音字是必要的，但虽然此方法中做了限制。但是对于一个长度为60,包含14个多音字的字符串
// 是否有竖直滚动条 // 获取的的py长度将达到1966080, 远超过text的长度，到后面都是在做"".substring的无用功，所以此循环应保证py和textLeft长度不为0
hasVerticalScroll: function () { while (py.length > 0 && textLeft.length > 0) {
return this.height() > 0 && this[0].clientWidth < this[0].offsetWidth; const tidx = toUpperCase(textLeft).indexOf(keyword);
}, let pidx = py.indexOf(keyword);
if (pidx >= 0) {
// 是否有水平滚动条 pidx = (pidx - Math.floor(pidx / (textLeft.length + 1))) % textLeft.length;
hasHorizonScroll: function () {
return this.width() > 0 && this[0].clientHeight < this[0].offsetHeight;
},
// 获取计算后的样式
getStyle: function (name) {
var node = this[0];
var computedStyle = void 0;
// W3C Standard
if (_global.getComputedStyle) {
// In certain cases such as within an iframe in FF3, this returns null.
computedStyle = _global.getComputedStyle(node, null);
if (computedStyle) {
return computedStyle.getPropertyValue(BI.hyphenate(name));
}
} }
// Safari
if (document.defaultView && document.defaultView.getComputedStyle) { // BI-56945 场景: 对'啊a'标红, a为keyword, 此时tidx为1, pidx为0, 此时使用tidx显然'啊'就无法标红了
computedStyle = document.defaultView.getComputedStyle(node, null); if (tidx >= 0 && (pidx > tidx || pidx === -1)) {
// A Safari bug causes this to return null for `display: none` elements. // 标红的text未encode
if (computedStyle) { this.append(htmlEncode(textLeft.substr(0, tidx)));
return computedStyle.getPropertyValue(BI.hyphenate(name)); this.append(BI.$("<span>").addClass("bi-keyword-red-mark")
.html(htmlEncode(textLeft.substr(tidx, keyword.length))));
textLeft = textLeft.substr(tidx + keyword.length);
if (isNotEmptyString(py)) {
// 每一组拼音都应该前进，而不是只是当前的
py = map(py.split("\u200b"), (idx, ps) => ps.slice(tidx + keyword.length)).join("\u200b");
} }
if (name === "display") { } else if (pidx >= 0) {
return "none"; // BI-56386 这边两个pid / text.length是为了防止截取的首字符串不是完整的，但光这样做还不够，即时错位了，也不能说明就不符合条件
// 标红的text未encode
this.append(htmlEncode(textLeft.substr(0, pidx)));
this.append(BI.$("<span>").addClass("bi-keyword-red-mark")
.html(htmlEncode(textLeft.substr(pidx, keyword.length))));
if (isNotEmptyString(py)) {
// 每一组拼音都应该前进，而不是只是当前的
py = map(py.split("\u200b"), (idx, ps) => ps.slice(pidx + keyword.length)).join("\u200b");
} }
textLeft = textLeft.substr(pidx + keyword.length);
} else {
// 标红的text未encode
this.append(htmlEncode(textLeft));
break;
} }
// Internet Explorer }
if (node.currentStyle) {
if (name === "float") { return this;
return node.currentStyle.cssFloat || node.currentStyle.styleFloat; },
}
return node.currentStyle[BI.camelize(name)]; getDomHeight(parent) {
const clone = BI.$(this).clone();
clone.appendTo(BI.$(parent || "body"));
const height = clone.height();
clone.remove();
return height;
},
// 是否有竖直滚动条
hasVerticalScroll() {
return this.height() > 0 && this[0].clientWidth < this[0].offsetWidth;
},
// 是否有水平滚动条
hasHorizonScroll() {
return this.width() > 0 && this[0].clientHeight < this[0].offsetHeight;
},
// 获取计算后的样式
getStyle(name) {
const node = this[0];
let computedStyle = void 0;
// W3C Standard
if (_global.getComputedStyle) {
// In certain cases such as within an iframe in FF3, this returns null.
computedStyle = _global.getComputedStyle(node, null);
if (computedStyle) {
return computedStyle.getPropertyValue(hyphenate(name));
}
}
// Safari
if (document.defaultView && document.defaultView.getComputedStyle) {
computedStyle = document.defaultView.getComputedStyle(node, null);
// A Safari bug causes this to return null for `display: none` elements.
if (computedStyle) {
return computedStyle.getPropertyValue(hyphenate(name));
}
if (name === "display") {
return "none";
}
}
// Internet Explorer
if (node.currentStyle) {
if (name === "float") {
return node.currentStyle.cssFloat || node.currentStyle.styleFloat;
} }
return node.style && node.style[BI.camelize(name)];
}, return node.currentStyle[camelize(name)];
}
__isMouseInBounds__: function (e) {
var offset2Body = this.get(0).getBoundingClientRect ? this.get(0).getBoundingClientRect() : this.offset(); return node.style && node.style[camelize(name)];
var width = offset2Body.width || this.outerWidth(); },
var height = offset2Body.height || this.outerHeight();
// offset2Body.left的值可能会有小数，导致某点出现false __isMouseInBounds__(e) {
return !(e.pageX < Math.floor(offset2Body.left) || e.pageX > offset2Body.left + width const offset2Body = this.get(0).getBoundingClientRect ? this.get(0).getBoundingClientRect() : this.offset();
|| e.pageY < Math.floor(offset2Body.top) || e.pageY > offset2Body.top + height); const width = offset2Body.width || this.outerWidth();
}, const height = offset2Body.height || this.outerHeight();
__hasZIndexMask__: function (zindex) { // offset2Body.left的值可能会有小数，导致某点出现false
return zindex && this.zIndexMask[zindex] != null; return !(e.pageX < Math.floor(offset2Body.left) || e.pageX > offset2Body.left + width
}, || e.pageY < Math.floor(offset2Body.top) || e.pageY > offset2Body.top + height);
},
__buildZIndexMask__: function (zindex, domArray) {
this.zIndexMask = this.zIndexMask || {};// 存储z-index的mask __hasZIndexMask__(zindex) {
this.indexMask = this.indexMask || [];// 存储mask return zindex && this.zIndexMask[zindex] != null;
var mask = BI.createWidget({ },
type: "bi.center_adapt",
cls: "bi-z-index-mask", __buildZIndexMask__(zindex, domArray) {
items: domArray this.zIndexMask = this.zIndexMask || {};// 存储z-index的mask
}); this.indexMask = this.indexMask || [];// 存储mask
const mask = createWidget({
mask.element.css({"z-index": zindex}); type: "bi.center_adapt",
BI.createWidget({ cls: "bi-z-index-mask",
type: "bi.absolute", items: domArray,
element: this, });
items: [{
mask.element.css({ "z-index": zindex });
createWidget({
type: "bi.absolute",
element: this,
items: [
{
el: mask, el: mask,
left: 0, left: 0,
right: 0, right: 0,
top: 0, top: 0,
bottom: 0 bottom: 0,
}] }
}); ],
this.indexMask.push(mask); });
zindex && (this.zIndexMask[zindex] = mask); this.indexMask.push(mask);
return mask.element; zindex && (this.zIndexMask[zindex] = mask);
},
return mask.element;
__releaseZIndexMask__: function (zindex) { },
if (zindex && this.zIndexMask[zindex]) {
BI.remove(this.indexMask, this.zIndexMask[zindex]); __releaseZIndexMask__(zindex) {
this.zIndexMask[zindex].destroy(); if (zindex && this.zIndexMask[zindex]) {
return; remove(this.indexMask, this.zIndexMask[zindex]);
} this.zIndexMask[zindex].destroy();
this.indexMask = this.indexMask || [];
var indexMask = this.indexMask.pop(); return;
indexMask && indexMask.destroy();
} }
}); this.indexMask = this.indexMask || [];
} const indexMask = this.indexMask.pop();
indexMask && indexMask.destroy();
},
});

4
src/core/platform/web/jquery/index.js vendored
Unescape View File

@ -0,0 +1,4 @@
import "./_jquery";
import "./event";
import "./fn";
import "./jquery.mousewheel";
Write Preview
Loading…
Cancel
Save