Joker.Wang-王顺
2 years ago
95 changed files with 3041 additions and 2729 deletions
@ -1,19 +1,24 @@ |
|||||||
|
import { IconButton } from "../../../base/single/button/buttons/button.icon"; |
||||||
|
import { shortcut, extend } from "../../../core"; |
||||||
|
|
||||||
/** |
/** |
||||||
* 统一的trigger图标按钮 |
* 统一的trigger图标按钮 |
||||||
* |
* |
||||||
* Created by GUY on 2015/9/16. |
* Created by GUY on 2015/9/16. |
||||||
* @class BI.TriggerIconButton |
* @class TriggerIconButton |
||||||
* @extends BI.IconButton |
* @extends IconButton |
||||||
*/ |
*/ |
||||||
BI.TriggerIconButton = BI.inherit(BI.IconButton, { |
@shortcut() |
||||||
|
export class TriggerIconButton extends IconButton { |
||||||
|
static xtype = "bi.trigger_icon_button"; |
||||||
|
EVENT_CHANGE = IconButton.EVENT_CHANGE; |
||||||
|
|
||||||
|
_defaultConfig() { |
||||||
|
const conf = super._defaultConfig(arguments); |
||||||
|
|
||||||
_defaultConfig: function () { |
return extend(conf, { |
||||||
var conf = BI.TriggerIconButton.superclass._defaultConfig.apply(this, arguments); |
baseCls: `${conf.baseCls || ""} bi-trigger-icon-button overflow-hidden`, |
||||||
return BI.extend(conf, { |
extraCls: "pull-down-font", |
||||||
baseCls: (conf.baseCls || "") + " bi-trigger-icon-button overflow-hidden", |
|
||||||
extraCls: "pull-down-font" |
|
||||||
}); |
}); |
||||||
} |
} |
||||||
}); |
} |
||||||
BI.TriggerIconButton.EVENT_CHANGE = BI.IconButton.EVENT_CHANGE; |
|
||||||
BI.shortcut("bi.trigger_icon_button", BI.TriggerIconButton); |
|
||||||
|
|||||||
@ -1,21 +1,28 @@ |
|||||||
|
import { IconButton } from "../../../../base/single/button/buttons/button.icon"; |
||||||
|
import { shortcut, extend } from "../../../../core"; |
||||||
|
|
||||||
|
|
||||||
/** |
/** |
||||||
* guy |
* guy |
||||||
* @extends BI.Single |
* @extends BI.Single |
||||||
* @type {*|void|Object} |
* @type {*|void|Object} |
||||||
*/ |
*/ |
||||||
BI.HalfIconButton = BI.inherit(BI.IconButton, { |
@shortcut() |
||||||
_defaultConfig: function () { |
export class HalfIconButton extends IconButton { |
||||||
var conf = BI.HalfIconButton.superclass._defaultConfig.apply(this, arguments); |
static xtype = "bi.half_icon_button"; |
||||||
return BI.extend(conf, { |
static EVENT_CHANGE = IconButton.EVENT_CHANGE |
||||||
|
|
||||||
|
_defaultConfig() { |
||||||
|
const conf = super._defaultConfig(arguments); |
||||||
|
|
||||||
|
return extend(conf, { |
||||||
extraCls: "bi-half-icon-button check-half-select-icon", |
extraCls: "bi-half-icon-button check-half-select-icon", |
||||||
height: 16, |
height: 16, |
||||||
width: 16, |
width: 16, |
||||||
iconWidth: 16, |
iconWidth: 16, |
||||||
iconHeight: 16, |
iconHeight: 16, |
||||||
selected: false |
selected: false, |
||||||
}); |
}); |
||||||
} |
} |
||||||
}); |
} |
||||||
BI.HalfIconButton.EVENT_CHANGE = BI.IconButton.EVENT_CHANGE; |
|
||||||
|
|
||||||
BI.shortcut("bi.half_icon_button", BI.HalfIconButton); |
|
||||||
@ -0,0 +1,29 @@ |
|||||||
|
export { MultiSelectItem } from "./item.multiselect"; |
||||||
|
export { SingleSelectIconTextItem } from "./item.singleselect.icontext"; |
||||||
|
export { SingleSelectItem } from "./item.singleselect"; |
||||||
|
export { SingleSelectRadioItem } from "./item.singleselect.radio"; |
||||||
|
export { Switch } from "./switch"; |
||||||
|
|
||||||
|
export { IconChangeButton } from "./icon/icon.change"; |
||||||
|
export { TriggerIconButton } from "./icon/icon.trigger"; |
||||||
|
export { HalfIconButton } from "./icon/iconhalf/icon.half.image"; |
||||||
|
export { HalfButton } from "./icon/iconhalf/icon.half"; |
||||||
|
|
||||||
|
export { ArrowNode } from "./node/node.arrow"; |
||||||
|
export { FirstPlusGroupNode } from "./node/node.first.plus"; |
||||||
|
export { IconArrowNode } from "./node/node.icon.arrow"; |
||||||
|
export { LastPlusGroupNode } from "./node/node.last.plus"; |
||||||
|
export { MidPlusGroupNode } from "./node/node.mid.plus"; |
||||||
|
export { MultiLayerIconArrowNode } from "./node/node.multilayer.icon.arrow"; |
||||||
|
export { PlusGroupNode } from "./node/node.plus"; |
||||||
|
export { TreeNodeSwitcher } from "./node/siwtcher.tree.node"; |
||||||
|
export { BasicTreeNode } from "./node/treenode"; |
||||||
|
|
||||||
|
export { FirstTreeLeafItem } from "./treeitem/item.first.treeleaf"; |
||||||
|
export { IconTreeLeafItem } from "./treeitem/item.icon.treeleaf"; |
||||||
|
export { LastTreeLeafItem } from "./treeitem/item.last.treeleaf"; |
||||||
|
export { MidTreeLeafItem } from "./treeitem/item.mid.treeleaf"; |
||||||
|
export { MultiLayerIconTreeLeafItem } from "./treeitem/item.multilayer.icon.treeleaf"; |
||||||
|
export { RootTreeLeafItem } from "./treeitem/item.root.treeleaf"; |
||||||
|
export { TreeTextLeafItem } from "./treeitem/item.treetextleaf"; |
||||||
|
export { BasicTreeItem } from "./treeitem/treeitem"; |
||||||
@ -1,84 +1,95 @@ |
|||||||
/** |
/** |
||||||
* Created by Windy on 2018/2/1. |
* Created by Windy on 2018/2/1. |
||||||
*/ |
*/ |
||||||
BI.Switch = BI.inherit(BI.BasicButton, { |
|
||||||
|
|
||||||
constants: { |
import { BasicButton } from "../../base/single/button/button.basic"; |
||||||
CIRCLE_SIZE: 12 |
import { shortcut } from "../../core"; |
||||||
}, |
|
||||||
|
@shortcut() |
||||||
|
export class Switch extends BasicButton { |
||||||
|
static xtype = "bi.switch"; |
||||||
|
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||||
|
|
||||||
props: { |
constants = { |
||||||
|
CIRCLE_SIZE: 12, |
||||||
|
}; |
||||||
|
|
||||||
|
props = { |
||||||
extraCls: "bi-switch", |
extraCls: "bi-switch", |
||||||
attributes: { |
attributes: { |
||||||
tabIndex: 1 |
tabIndex: 1, |
||||||
}, |
}, |
||||||
height: 20, |
height: 20, |
||||||
width: 44, |
width: 44, |
||||||
showTip: false |
showTip: false, |
||||||
}, |
}; |
||||||
|
|
||||||
|
render() { |
||||||
|
const o = this.options, |
||||||
|
c = this.constants; |
||||||
|
const tgap = (o.height - c.CIRCLE_SIZE) / 2; |
||||||
|
|
||||||
render: function () { |
|
||||||
var self = this, o = this.options, c = this.constants; |
|
||||||
var tgap = (o.height - c.CIRCLE_SIZE) / 2; |
|
||||||
return { |
return { |
||||||
type: "bi.absolute", |
type: "bi.absolute", |
||||||
ref: function () { |
ref: _ref => { |
||||||
self.layout = this; |
this.layout = _ref; |
||||||
}, |
}, |
||||||
items: [{ |
items: [ |
||||||
|
{ |
||||||
el: { |
el: { |
||||||
type: "bi.text_button", |
type: "bi.text_button", |
||||||
cls: "circle-button" |
cls: "circle-button", |
||||||
}, |
}, |
||||||
width: 12, |
width: 12, |
||||||
height: 12, |
height: 12, |
||||||
top: tgap, |
top: tgap, |
||||||
left: o.selected ? 28 : 4 |
left: o.selected ? 28 : 4, |
||||||
}, { |
}, |
||||||
|
{ |
||||||
type: "bi.label", |
type: "bi.label", |
||||||
text: BI.i18nText("BI-Basic_Simple_Open"), |
text: BI.i18nText("BI-Basic_Simple_Open"), |
||||||
cls: "content-tip", |
cls: "content-tip", |
||||||
left: 8, |
left: 8, |
||||||
top: tgap - 2, |
top: tgap - 2, |
||||||
invisible: !(o.showTip && o.selected), |
invisible: !(o.showTip && o.selected), |
||||||
ref: function (ref) { |
ref: _ref => { |
||||||
self.openTip = ref; |
this.openTip = _ref; |
||||||
} |
}, |
||||||
}, { |
}, |
||||||
|
{ |
||||||
type: "bi.label", |
type: "bi.label", |
||||||
text: BI.i18nText("BI-Basic_Simple_Close"), |
text: BI.i18nText("BI-Basic_Simple_Close"), |
||||||
cls: "content-tip", |
cls: "content-tip", |
||||||
right: 8, |
right: 8, |
||||||
top: tgap - 2, |
top: tgap - 2, |
||||||
invisible: !(o.showTip && !o.selected), |
invisible: !(o.showTip && !o.selected), |
||||||
ref: function (ref) { |
ref: _ref => { |
||||||
self.closeTip = ref; |
this.closeTip = _ref; |
||||||
|
}, |
||||||
} |
} |
||||||
}] |
], |
||||||
}; |
}; |
||||||
}, |
} |
||||||
|
|
||||||
_setEnable: function (enable) { |
_setEnable(enable) { |
||||||
BI.Switch.superclass._setEnable.apply(this, arguments); |
super._setEnable.apply(this, arguments); |
||||||
if (enable === true) { |
if (enable === true) { |
||||||
this.element.attr("tabIndex", 1); |
this.element.attr("tabIndex", 1); |
||||||
} else if (enable === false) { |
} else if (enable === false) { |
||||||
this.element.removeAttr("tabIndex"); |
this.element.removeAttr("tabIndex"); |
||||||
} |
} |
||||||
}, |
} |
||||||
|
|
||||||
setSelected: function (v) { |
setSelected(v) { |
||||||
BI.Switch.superclass.setSelected.apply(this, arguments); |
super.setSelected.apply(this, arguments); |
||||||
this.layout.attr("items")[0].left = v ? 28 : 4; |
this.layout.attr("items")[0].left = v ? 28 : 4; |
||||||
this.layout.resize(); |
this.layout.resize(); |
||||||
this.options.showTip && this.openTip.setVisible(v); |
this.options.showTip && this.openTip.setVisible(v); |
||||||
this.options.showTip && this.closeTip.setVisible(!v); |
this.options.showTip && this.closeTip.setVisible(!v); |
||||||
}, |
} |
||||||
|
|
||||||
doClick: function () { |
doClick() { |
||||||
BI.Switch.superclass.doClick.apply(this, arguments); |
super.doClick.apply(this, arguments); |
||||||
this.fireEvent(BI.Switch.EVENT_CHANGE, this.isSelected()); |
this.fireEvent(Switch.EVENT_CHANGE, this.isSelected()); |
||||||
} |
} |
||||||
}); |
} |
||||||
BI.Switch.EVENT_CHANGE = "EVENT_CHANGE"; |
|
||||||
BI.shortcut("bi.switch", BI.Switch); |
|
||||||
|
|||||||
@ -0,0 +1,7 @@ |
|||||||
|
import * as button from "./button"; |
||||||
|
|
||||||
|
Object.assign(BI, { |
||||||
|
...button, |
||||||
|
}); |
||||||
|
|
||||||
|
export * from "./button"; |
||||||
@ -1,2 +1,2 @@ |
|||||||
export { Action } from "./action"; |
export { Action } from "./action"; |
||||||
export { ShowAction } from "./action.show"; |
export { ShowAction, ActionFactory } from "./action.show"; |
||||||
|
|||||||
@ -1,3 +1,26 @@ |
|||||||
|
|
||||||
|
import { HighlightBehavior } from "./behavior.highlight"; |
||||||
|
import { RedMarkBehavior } from "./behavior.redmark"; |
||||||
|
|
||||||
|
export const BehaviorFactory = { |
||||||
|
createBehavior (key, options) { |
||||||
|
let Behavior; |
||||||
|
switch (key) { |
||||||
|
case "highlight": |
||||||
|
Behavior = HighlightBehavior; |
||||||
|
break; |
||||||
|
case "redmark": |
||||||
|
Behavior = RedMarkBehavior; |
||||||
|
break; |
||||||
|
default: |
||||||
|
} |
||||||
|
|
||||||
|
return new Behavior(options); |
||||||
|
}, |
||||||
|
}; |
||||||
|
|
||||||
export { Behavior } from "./0.behavior"; |
export { Behavior } from "./0.behavior"; |
||||||
export { HighlightBehavior } from "./behavior.highlight"; |
export { |
||||||
export { RedMarkBehavior } from "./behavior.redmark"; |
HighlightBehavior, |
||||||
|
RedMarkBehavior |
||||||
|
}; |
||||||
|
|||||||
@ -0,0 +1,2 @@ |
|||||||
|
export { Events } from "./events"; |
||||||
|
export * from "./var"; |
||||||
@ -1,9 +1,21 @@ |
|||||||
|
// export * from "../../typescript/core/decorator/decorator.ts";
|
||||||
|
|
||||||
|
import { shortcut as biShortcut, provider as biProvider } from "./5.inject"; |
||||||
|
|
||||||
/** |
/** |
||||||
* 注册widget |
* 注册widget |
||||||
*/ |
*/ |
||||||
import { shortcut as biShortcut } from "./5.inject"; |
|
||||||
export function shortcut() { |
export function shortcut() { |
||||||
return function decorator(Target) { |
return function decorator(Target) { |
||||||
biShortcut(Target.xtype, Target); |
biShortcut(Target.xtype, Target); |
||||||
}; |
}; |
||||||
} |
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 注册provider |
||||||
|
*/ |
||||||
|
export function provider() { |
||||||
|
return function decorator(Target) { |
||||||
|
biProvider(Target.xtype, Target); |
||||||
|
}; |
||||||
|
} |
||||||
|
|||||||
@ -1,22 +1,25 @@ |
|||||||
export const registAttrFun = (Element) => { |
import { isObject, each, isNull, isNotNull } from "../../2.base"; |
||||||
Element.registerFunction('attr', function (key, value) { |
|
||||||
var self = this; |
export const registAttrFun = Element => { |
||||||
if (BI.isObject(key)) { |
Element.registerFunction("attr", function (key, value) { |
||||||
BI.each(key, (k, v) => { |
if (isObject(key)) { |
||||||
self.attr(k, v); |
each(key, (k, v) => { |
||||||
|
this.attr(k, v); |
||||||
}); |
}); |
||||||
|
|
||||||
return this; |
return this; |
||||||
} |
} |
||||||
if (BI.isNull(value)) { |
if (isNull(value)) { |
||||||
return this.attribs[key]; |
return this.attribs[key]; |
||||||
} |
} |
||||||
this.attribs[key] = value; |
this.attribs[key] = value; |
||||||
|
|
||||||
return this; |
return this; |
||||||
}); |
}); |
||||||
Element.registerFunction('hasAttrib', function (key) { |
Element.registerFunction("hasAttrib", function (key) { |
||||||
return this.attribs[key] != null; |
return isNotNull(this.attribs[key]); |
||||||
}); |
}); |
||||||
Element.registerFunction('removeAttr', function (key) { |
Element.registerFunction("removeAttr", function (key) { |
||||||
delete this.attribs[key]; |
delete this.attribs[key]; |
||||||
}); |
}); |
||||||
}; |
}; |
||||||
|
|||||||
@ -1,23 +1,23 @@ |
|||||||
export const registClassFun = (Element) => { |
export const registClassFun = Element => { |
||||||
Element.registerFunction('addClass', function (classList) { |
Element.registerFunction("addClass", function (classList) { |
||||||
var self = this; |
BI.each(classList.split(" "), (i, cls) => { |
||||||
BI.each(classList.split(' '), (i, cls) => { |
if (cls && !this.classMap[cls]) { |
||||||
if (cls && !self.classMap[cls]) { |
this.classList.push(cls); |
||||||
self.classList.push(cls); |
|
||||||
} |
} |
||||||
cls && (self.classMap[cls] = true); |
cls && (this.classMap[cls] = true); |
||||||
}); |
}); |
||||||
|
|
||||||
return this; |
return this; |
||||||
}); |
}); |
||||||
|
|
||||||
Element.registerFunction('removeClass', function (classList) { |
Element.registerFunction("removeClass", function (classList) { |
||||||
var self = this; |
BI.each(classList.split(" "), (i, cls) => { |
||||||
BI.each(classList.split(' '), (i, cls) => { |
if (cls && this.classMap[cls]) { |
||||||
if (cls && self.classMap[cls]) { |
delete this.classMap[cls]; |
||||||
delete self.classMap[cls]; |
this.classList.splice(this.classList.indexOf(cls), 1); |
||||||
self.classList.splice(self.classList.indexOf(cls), 1); |
|
||||||
} |
} |
||||||
}); |
}); |
||||||
|
|
||||||
return this; |
return this; |
||||||
}); |
}); |
||||||
}; |
}; |
||||||
|
|||||||
@ -1,22 +1,26 @@ |
|||||||
export const registCssFun = (Element) => { |
import { isNull, isObject, each, trim, camelize } from "../../2.base"; |
||||||
Element.registerFunction('css', function (key, value) { |
|
||||||
var self = this; |
export const registCssFun = Element => { |
||||||
if (BI.isObject(key)) { |
Element.registerFunction("css", function (key, value) { |
||||||
BI.each(key, (k, v) => { |
if (isObject(key)) { |
||||||
self.css(k, v); |
each(key, (k, v) => { |
||||||
|
this.css(k, v); |
||||||
}); |
}); |
||||||
|
|
||||||
return this; |
return this; |
||||||
} |
} |
||||||
key = BI.trim(BI.camelize(key)); |
key = trim(camelize(key)); |
||||||
|
|
||||||
return css(this, key, value); |
return css(this, key, value); |
||||||
}); |
}); |
||||||
}; |
}; |
||||||
|
|
||||||
const css = (elem, key, value) => { |
const css = (elem, key, value) => { |
||||||
key = BI.trim(BI.camelize(key)); |
key = trim(camelize(key)); |
||||||
if (BI.isNull(value)) { |
if (isNull(value)) { |
||||||
return elem.styles[key]; |
return elem.styles[key]; |
||||||
} |
} |
||||||
elem.styles[key] = value; |
elem.styles[key] = value; |
||||||
|
|
||||||
return elem; |
return elem; |
||||||
}; |
}; |
||||||
|
|||||||
@ -1,12 +1,15 @@ |
|||||||
export const registDataFun = (Element) => { |
import { isNull } from "../../2.base"; |
||||||
Element.registerFunction('data', function (key, value) { |
|
||||||
|
export const registDataFun = Element => { |
||||||
|
Element.registerFunction("data", function (key, value) { |
||||||
if (!this._data) { |
if (!this._data) { |
||||||
this._data = {}; |
this._data = {}; |
||||||
} |
} |
||||||
if (BI.isNull(value)) { |
if (isNull(value)) { |
||||||
return this._data[key]; |
return this._data[key]; |
||||||
} |
} |
||||||
this._data[key] = value; |
this._data[key] = value; |
||||||
|
|
||||||
return this; |
return this; |
||||||
}); |
}); |
||||||
}; |
}; |
||||||
|
|||||||
@ -1,9 +1,10 @@ |
|||||||
export const registEmptyFun = (Element) => { |
export const registEmptyFun = Element => { |
||||||
Element.registerFunction('empty', function (text) { |
Element.registerFunction("empty", function (text) { |
||||||
this.children = []; |
this.children = []; |
||||||
|
|
||||||
return this; |
return this; |
||||||
}); |
}); |
||||||
Element.registerFunction('destroy', function (text) { |
Element.registerFunction("destroy", function (text) { |
||||||
return this; |
return this; |
||||||
}); |
}); |
||||||
}; |
}; |
||||||
|
|||||||
@ -1,32 +1,33 @@ |
|||||||
var returnThis = function () { |
function returnThis () { |
||||||
return this; |
return this; |
||||||
}; |
} |
||||||
export const registEventFun = (Element) => { |
|
||||||
|
export const registEventFun = Element => { |
||||||
[ |
[ |
||||||
'mousedown', |
"mousedown", |
||||||
'mouseup', |
"mouseup", |
||||||
'mousewheel', |
"mousewheel", |
||||||
'keydown', |
"keydown", |
||||||
'keyup', |
"keyup", |
||||||
'focus', |
"focus", |
||||||
'focusin', |
"focusin", |
||||||
'focusout', |
"focusout", |
||||||
'click', |
"click", |
||||||
'on', |
"on", |
||||||
'off', |
"off", |
||||||
'bind', |
"bind", |
||||||
'unbind', |
"unbind", |
||||||
'trigger', |
"trigger", |
||||||
'hover', |
"hover", |
||||||
'scroll', |
"scroll", |
||||||
'scrollLeft', |
"scrollLeft", |
||||||
'scrollTop', |
"scrollTop", |
||||||
'resize', |
"resize", |
||||||
'show', |
"show", |
||||||
'hide', |
"hide", |
||||||
'dblclick', |
"dblclick", |
||||||
'blur', |
"blur" |
||||||
].forEach((event) => { |
].forEach(event => { |
||||||
Element.registerFunction(event, returnThis); |
Element.registerFunction(event, returnThis); |
||||||
}); |
}); |
||||||
}; |
}; |
||||||
|
|||||||
@ -1,15 +1,19 @@ |
|||||||
export const registHtmlFun = (Element) => { |
import { createWidget } from "../../5.inject"; |
||||||
Element.registerFunction('html', function (text) { |
import { htmlDecode } from "../../func"; |
||||||
if (text && text.charAt(0) === '<') { |
|
||||||
BI.createWidget({ |
export const registHtmlFun = Element => { |
||||||
type: 'bi.html', |
Element.registerFunction("html", function (text) { |
||||||
|
if (text && text.charAt(0) === "<") { |
||||||
|
createWidget({ |
||||||
|
type: "bi.html", |
||||||
element: this.widget, |
element: this.widget, |
||||||
html: text, |
html: text, |
||||||
}); |
}); |
||||||
this.originalHtml = text; |
this.originalHtml = text; |
||||||
} else { |
} else { |
||||||
this.text = BI.htmlDecode(text); |
this.text = htmlDecode(text); |
||||||
} |
} |
||||||
|
|
||||||
return this; |
return this; |
||||||
}); |
}); |
||||||
}; |
}; |
||||||
|
|||||||
@ -1,6 +1,7 @@ |
|||||||
export const registKeywordMarkFun = (Element) => { |
export const registKeywordMarkFun = Element => { |
||||||
Element.registerFunction('__textKeywordMarked__', function (text) { |
Element.registerFunction("__textKeywordMarked__", function (text) { |
||||||
this[0].textContent = text; |
this[0].textContent = text; |
||||||
|
|
||||||
return this; |
return this; |
||||||
}); |
}); |
||||||
}; |
}; |
||||||
|
|||||||
@ -1,65 +1,69 @@ |
|||||||
var skipArray = []; |
import { each, isNull, hyphenate, isNumeric, isKey } from "../../2.base"; |
||||||
var pxStyle = ['font-size', 'width', 'height']; |
|
||||||
var _renderToHtml = function (root) { |
const skipArray = []; |
||||||
var str = ''; |
const pxStyle = ["font-size", "width", "height"]; |
||||||
if (BI.isNull(root.originalHtml)) { |
function _renderToHtml(root) { |
||||||
if (root.tag !== 'body') { |
let str = ""; |
||||||
|
if (isNull(root.originalHtml)) { |
||||||
|
if (root.tag !== "body") { |
||||||
str += `<${root.tag}`; |
str += `<${root.tag}`; |
||||||
if (root.classList.length > 0) { |
if (root.classList.length > 0) { |
||||||
str += ' class="'; |
str += " class=\""; |
||||||
BI.each(root.classList, (i, cls) => { |
each(root.classList, (i, cls) => { |
||||||
str += ` ${cls}`; |
str += ` ${cls}`; |
||||||
}); |
}); |
||||||
str += '"'; |
str += "\""; |
||||||
} |
} |
||||||
str += ' style="'; |
str += " style=\""; |
||||||
BI.each(root.originalStyles, (key, stl) => { |
each(root.originalStyles, (key, stl) => { |
||||||
if ( |
if ( |
||||||
skipArray.contains(key) || |
skipArray.contains(key) || |
||||||
(key == 'height' && root.classList.contains('bi-design-components-data-data-table-cell')) |
(key === "height" && root.classList.contains("bi-design-components-data-data-table-cell")) |
||||||
) { |
) { |
||||||
return; |
return; |
||||||
} |
} |
||||||
key = BI.hyphenate(key); |
key = hyphenate(key); |
||||||
if (key === 'font-family') { |
if (key === "font-family") { |
||||||
stl = stl.replace(/\"/g, ''); |
stl = stl.replace(/"/g, ""); |
||||||
} |
} |
||||||
if (pxStyle.contains(key) && BI.isNumeric(stl)) { |
if (pxStyle.contains(key) && isNumeric(stl)) { |
||||||
stl += 'px'; |
stl += "px"; |
||||||
} |
} |
||||||
if (BI.isKey(stl)) { |
if (isKey(stl)) { |
||||||
str += ` ${key}:${stl};`; |
str += ` ${key}:${stl};`; |
||||||
} |
} |
||||||
}); |
}); |
||||||
str += '"'; |
str += "\""; |
||||||
BI.each(root.attribs, (key, attr) => { |
each(root.attribs, (key, attr) => { |
||||||
if (BI.isKey(attr)) { |
if (isKey(attr)) { |
||||||
str += ` ${key}=${attr}`; |
str += ` ${key}=${attr}`; |
||||||
} |
} |
||||||
}); |
}); |
||||||
if (root.textContent) { |
if (root.textContent) { |
||||||
str += ` title=${root.textContent}`; |
str += ` title=${root.textContent}`; |
||||||
} |
} |
||||||
str += '>'; |
str += ">"; |
||||||
} |
} |
||||||
// 特殊处理，spread_table的行列元素是不取配置里的高度的，使用stretch拉伸的（leaves取了高度），但是功能代码里给单元格默认高度了，导致拉伸不了
|
// 特殊处理，spread_table的行列元素是不取配置里的高度的，使用stretch拉伸的（leaves取了高度），但是功能代码里给单元格默认高度了，导致拉伸不了
|
||||||
// 而spread_grid_table的行列元素是取配置里的高度的，拉不拉伸都一样
|
// 而spread_grid_table的行列元素是取配置里的高度的，拉不拉伸都一样
|
||||||
BI.each(root.children, (i, child) => { |
each(root.children, (i, child) => { |
||||||
str += _renderToHtml(child); |
str += _renderToHtml(child); |
||||||
}); |
}); |
||||||
} else { |
} else { |
||||||
str += root.originalHtml; |
str += root.originalHtml; |
||||||
} |
} |
||||||
if (root.tag !== 'body') { |
if (root.tag !== "body") { |
||||||
if (root.textContent) { |
if (root.textContent) { |
||||||
str += root.textContent; |
str += root.textContent; |
||||||
} |
} |
||||||
str += `</${root.tag}>`; |
str += `</${root.tag}>`; |
||||||
} |
} |
||||||
|
|
||||||
return str; |
return str; |
||||||
}; |
} |
||||||
export const registRenderToHtmlFun = (Element) => { |
|
||||||
Element.registerFunction('renderToHtml', function () { |
export const registRenderToHtmlFun = Element => { |
||||||
|
Element.registerFunction("renderToHtml", function () { |
||||||
return _renderToHtml(this); |
return _renderToHtml(this); |
||||||
}); |
}); |
||||||
}; |
}; |
||||||
|
|||||||
@ -1,50 +1,54 @@ |
|||||||
var skipArray = ['width', 'height']; |
import { each, hyphenate } from "../../2.base"; |
||||||
var _renderToString = function (root) { |
|
||||||
var str = ''; |
const skipArray = ["width", "height"]; |
||||||
if (root.nodeName !== 'body') { |
function _renderToString(root) { |
||||||
|
let str = ""; |
||||||
|
if (root.nodeName !== "body") { |
||||||
str += `<${root.nodeName}`; |
str += `<${root.nodeName}`; |
||||||
if (root.classList.length > 0) { |
if (root.classList.length > 0) { |
||||||
str += ' class="'; |
str += " class=\""; |
||||||
BI.each(root.classList, (i, cls) => { |
each(root.classList, (i, cls) => { |
||||||
str += ` ${cls}`; |
str += ` ${cls}`; |
||||||
}); |
}); |
||||||
str += '"'; |
str += "\""; |
||||||
} |
} |
||||||
str += ' style="'; |
str += " style=\""; |
||||||
BI.each(root.styles, (key, stl) => { |
each(root.styles, (key, stl) => { |
||||||
if (skipArray.includes(key)) { |
if (skipArray.includes(key)) { |
||||||
return; |
return; |
||||||
} |
} |
||||||
key = BI.hyphenate(key); |
key = hyphenate(key); |
||||||
str += ` ${key}:${stl};`; |
str += ` ${key}:${stl};`; |
||||||
}); |
}); |
||||||
str += ` width:${root.width}px;`; |
str += ` width:${root.width}px;`; |
||||||
str += ` height:${root.height}px;`; |
str += ` height:${root.height}px;`; |
||||||
str += ' position: fixed;'; |
str += " position: fixed;"; |
||||||
str += ` left: ${root.position.x}px;`; |
str += ` left: ${root.position.x}px;`; |
||||||
str += ` top: ${root.position.y}px;`; |
str += ` top: ${root.position.y}px;`; |
||||||
str += '"'; |
str += "\""; |
||||||
BI.each(root.attribs, (key, attr) => { |
each(root.attribs, (key, attr) => { |
||||||
str += ` ${key}:${attr}`; |
str += ` ${key}:${attr}`; |
||||||
}); |
}); |
||||||
str += '>'; |
str += ">"; |
||||||
} |
} |
||||||
BI.each(root.children, (i, child) => { |
each(root.children, (i, child) => { |
||||||
str += _renderToString(child); |
str += _renderToString(child); |
||||||
}); |
}); |
||||||
// if (root.htmlContent) {
|
// if (root.htmlContent) {
|
||||||
// str += root.htmlContent;
|
// str += root.htmlContent;
|
||||||
// }
|
// }
|
||||||
if (root.nodeName !== 'body') { |
if (root.nodeName !== "body") { |
||||||
if (root.text) { |
if (root.text) { |
||||||
str += root.text; |
str += root.text; |
||||||
} |
} |
||||||
str += `</${root.nodeName}>`; |
str += `</${root.nodeName}>`; |
||||||
} |
} |
||||||
|
|
||||||
return str; |
return str; |
||||||
}; |
} |
||||||
export const registRenderToStringFun = (Element) => { |
|
||||||
Element.registerFunction('renderToString', function () { |
export const registRenderToStringFun = Element => { |
||||||
|
Element.registerFunction("renderToString", function () { |
||||||
return _renderToString(this); |
return _renderToString(this); |
||||||
}); |
}); |
||||||
}; |
}; |
||||||
|
|||||||
@ -1,10 +1,12 @@ |
|||||||
export const registTextFun = (Element) => { |
export const registTextFun = Element => { |
||||||
Element.registerFunction('setText', function (text) { |
Element.registerFunction("setText", function (text) { |
||||||
this.text = text; |
this.text = text; |
||||||
|
|
||||||
return this; |
return this; |
||||||
}); |
}); |
||||||
Element.registerFunction('setValue', function (text) { |
Element.registerFunction("setValue", function (text) { |
||||||
this.text = text; |
this.text = text; |
||||||
|
|
||||||
return this; |
return this; |
||||||
}); |
}); |
||||||
}; |
}; |
||||||
|
|||||||
@ -1,9 +1,11 @@ |
|||||||
export const registValFun = (Element) => { |
export const registValFun = Element => { |
||||||
Element.registerFunction('val', function (value) { |
Element.registerFunction("val", function (value) { |
||||||
if (BI.isNotNull(value)) { |
if (BI.isNotNull(value)) { |
||||||
this.text = `${value}`; |
this.text = `${value}`; |
||||||
|
|
||||||
return this; |
return this; |
||||||
} |
} |
||||||
|
|
||||||
return this.text; |
return this.text; |
||||||
}); |
}); |
||||||
}; |
}; |
||||||
|
|||||||
@ -1,58 +1,59 @@ |
|||||||
BI.Fragment = function () { |
import { isNotNull, isArray, isFunction, isKey, extend } from "./2.base"; |
||||||
}; |
|
||||||
|
|
||||||
BI.h = function (type, props, children) { |
export function Fragment () {} |
||||||
if (children != null) { |
|
||||||
if (!BI.isArray(children)) { |
export function h (type, props, children) { |
||||||
|
if (isNotNull(children)) { |
||||||
|
if (!isArray(children)) { |
||||||
children = [children]; |
children = [children]; |
||||||
} |
} |
||||||
} else { |
} else { |
||||||
children = []; |
children = []; |
||||||
} |
} |
||||||
if (arguments.length > 3) { |
if (arguments.length > 3) { |
||||||
for (var i = 3; i < arguments.length; i++) { |
for (let i = 3; i < arguments.length; i++) { |
||||||
if (BI.isArray(arguments[i])) { |
if (isArray(arguments[i])) { |
||||||
children = children.concat(arguments[i]); |
children = children.concat(arguments[i]); |
||||||
} else { |
} else { |
||||||
children.push(arguments[i]); |
children.push(arguments[i]); |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
if (type === BI.Fragment) { |
if (type === Fragment) { |
||||||
return children; |
return children; |
||||||
} |
} |
||||||
if (BI.isFunction(type)) { |
if (isFunction(type)) { |
||||||
type = type.xtype || type; |
type = type.xtype || type; |
||||||
} |
} |
||||||
if (type === "el") { |
if (type === "el") { |
||||||
return BI.extend({ |
return extend({ |
||||||
el: children[0] |
el: children[0], |
||||||
}, props); |
}, props); |
||||||
} |
} |
||||||
if (type === "left") { |
if (type === "left") { |
||||||
return BI.extend({ |
return extend({ |
||||||
left: children |
left: children, |
||||||
}, props); |
}, props); |
||||||
} |
} |
||||||
if (type === "right") { |
if (type === "right") { |
||||||
return BI.extend({ |
return extend({ |
||||||
right: children |
right: children, |
||||||
}, props); |
}, props); |
||||||
} |
} |
||||||
if (children.length === 1) { |
if (children.length === 1) { |
||||||
if (BI.isKey(children[0])) { |
if (isKey(children[0])) { |
||||||
return BI.extend({ |
return extend({ |
||||||
type: type |
type, |
||||||
}, { text: children[0] }, props); |
}, { text: children[0] }, props); |
||||||
} |
} |
||||||
if (BI.isFunction(children[0])) { |
if (isFunction(children[0])) { |
||||||
return BI.extend({ |
return extend({ |
||||||
type: type |
type, |
||||||
}, { items: children[0] }, props); |
}, { items: children[0] }, props); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
return BI.extend({ |
return extend({ |
||||||
type: type |
type, |
||||||
}, children.length > 0 ? { items: children } : {}, props); |
}, children.length > 0 ? { items: children } : {}, props); |
||||||
}; |
} |
||||||
|
|||||||
@ -0,0 +1,83 @@ |
|||||||
|
import { Logic } from "./logic"; |
||||||
|
import { VerticalLayoutLogic, HorizontalLayoutLogic, TableLayoutLogic, HorizontalFillLayoutLogic } from "./logic.layout"; |
||||||
|
|
||||||
|
export const LogicFactory = { |
||||||
|
Type: { |
||||||
|
Vertical: "vertical", |
||||||
|
Horizontal: "horizontal", |
||||||
|
Table: "table", |
||||||
|
HorizontalFill: "horizontal_fill", |
||||||
|
}, |
||||||
|
createLogic (key, options) { |
||||||
|
let LogicCls; |
||||||
|
switch (key) { |
||||||
|
case LogicFactory.Type.Vertical: |
||||||
|
LogicCls = VerticalLayoutLogic; |
||||||
|
break; |
||||||
|
case LogicFactory.Type.Horizontal: |
||||||
|
LogicCls = HorizontalLayoutLogic; |
||||||
|
break; |
||||||
|
case LogicFactory.Type.Table: |
||||||
|
LogicCls = TableLayoutLogic; |
||||||
|
break; |
||||||
|
case LogicFactory.Type.HorizontalFill: |
||||||
|
LogicCls = HorizontalFillLayoutLogic; |
||||||
|
break; |
||||||
|
default: |
||||||
|
LogicCls = Logic; |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
return new LogicCls(options).createLogic(); |
||||||
|
}, |
||||||
|
|
||||||
|
createLogicTypeByDirection (direction) { |
||||||
|
switch (direction) { |
||||||
|
case BI.Direction.Top: |
||||||
|
case BI.Direction.Bottom: |
||||||
|
case BI.Direction.Custom: |
||||||
|
return BI.LogicFactory.Type.Vertical; |
||||||
|
case BI.Direction.Left: |
||||||
|
case BI.Direction.Right: |
||||||
|
return BI.LogicFactory.Type.Horizontal; |
||||||
|
default: |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
createLogicItemsByDirection (direction) { |
||||||
|
let items = Array.prototype.slice.call(arguments, 1); |
||||||
|
items = BI.map(items, (i, item) => { |
||||||
|
if (BI.isWidget(item)) { |
||||||
|
return { |
||||||
|
el: item, |
||||||
|
width: item.options.width, |
||||||
|
height: item.options.height, |
||||||
|
}; |
||||||
|
} |
||||||
|
|
||||||
|
return item; |
||||||
|
}); |
||||||
|
switch (direction) { |
||||||
|
case BI.Direction.Bottom: |
||||||
|
items.reverse(); |
||||||
|
break; |
||||||
|
case BI.Direction.Right: |
||||||
|
items.reverse(); |
||||||
|
break; |
||||||
|
case BI.Direction.Custom: |
||||||
|
items = items.slice(1); |
||||||
|
break; |
||||||
|
default: |
||||||
|
} |
||||||
|
|
||||||
|
return items; |
||||||
|
}, |
||||||
|
}; |
||||||
|
|
||||||
|
export { |
||||||
|
Logic, |
||||||
|
VerticalLayoutLogic, |
||||||
|
HorizontalLayoutLogic, |
||||||
|
TableLayoutLogic, |
||||||
|
HorizontalFillLayoutLogic |
||||||
|
}; |
||||||
@ -1,80 +1,8 @@ |
|||||||
/** |
|
||||||
* @class BI.Logic |
|
||||||
* @extends BI.OB |
|
||||||
*/ |
|
||||||
BI.Logic = BI.inherit(BI.OB, { |
|
||||||
createLogic: function () { |
|
||||||
return this.options || {}; |
|
||||||
} |
|
||||||
}); |
|
||||||
|
|
||||||
BI.LogicFactory = { |
|
||||||
Type: { |
|
||||||
Vertical: "vertical", |
|
||||||
Horizontal: "horizontal", |
|
||||||
Table: "table", |
|
||||||
HorizontalFill: "horizontal_fill" |
|
||||||
}, |
|
||||||
createLogic: function (key, options) { |
|
||||||
var logic; |
|
||||||
switch (key) { |
|
||||||
case BI.LogicFactory.Type.Vertical: |
|
||||||
logic = BI.VerticalLayoutLogic; |
|
||||||
break; |
|
||||||
case BI.LogicFactory.Type.Horizontal: |
|
||||||
logic = BI.HorizontalLayoutLogic; |
|
||||||
break; |
|
||||||
case BI.LogicFactory.Type.Table: |
|
||||||
logic = BI.TableLayoutLogic; |
|
||||||
break; |
|
||||||
case BI.LogicFactory.Type.HorizontalFill: |
|
||||||
logic = BI.HorizontalFillLayoutLogic; |
|
||||||
break; |
|
||||||
default: |
|
||||||
logic = BI.Logic; |
|
||||||
break; |
|
||||||
} |
|
||||||
return new logic(options).createLogic(); |
|
||||||
}, |
|
||||||
|
|
||||||
createLogicTypeByDirection: function (direction) { |
import { OB } from "../3.ob"; |
||||||
switch (direction) { |
|
||||||
case BI.Direction.Top: |
|
||||||
case BI.Direction.Bottom: |
|
||||||
case BI.Direction.Custom: |
|
||||||
return BI.LogicFactory.Type.Vertical; |
|
||||||
case BI.Direction.Left: |
|
||||||
case BI.Direction.Right: |
|
||||||
return BI.LogicFactory.Type.Horizontal; |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
createLogicItemsByDirection: function (direction) { |
export class Logic extends OB { |
||||||
var layout; |
createLogic() { |
||||||
var items = Array.prototype.slice.call(arguments, 1); |
return this.options || {}; |
||||||
items = BI.map(items, function (i, item) { |
|
||||||
if (BI.isWidget(item)) { |
|
||||||
return { |
|
||||||
el: item, |
|
||||||
width: item.options.width, |
|
||||||
height: item.options.height |
|
||||||
}; |
|
||||||
} |
|
||||||
return item; |
|
||||||
}); |
|
||||||
switch (direction) { |
|
||||||
case BI.Direction.Bottom: |
|
||||||
layout = BI.LogicFactory.Type.Vertical; |
|
||||||
items.reverse(); |
|
||||||
break; |
|
||||||
case BI.Direction.Right: |
|
||||||
layout = BI.LogicFactory.Type.Horizontal; |
|
||||||
items.reverse(); |
|
||||||
break; |
|
||||||
case BI.Direction.Custom: |
|
||||||
items = items.slice(1); |
|
||||||
break; |
|
||||||
} |
|
||||||
return items; |
|
||||||
} |
} |
||||||
}; |
} |
||||||
|
|||||||
Loading…
Reference in new issue