toolbar.js

来自「Hippo CMS是一个以信息为中心的开源内容管理系统。Hippo CMS目标是」· JavaScript 代码 · 共 725 行 · 第 1/2 页

	}
	this._fireEvent("onMouseOut");
}, _onclick:function (e) {
	if (!this.disabled && !this._toggleItem) {
		this._fireEvent("onClick");
	}
}, _onmousedown:function (e) {
	if (e.preventDefault) {
		e.preventDefault();
	}
	if (this.disabled) {
		return;
	}
	dojo.html.addClass(this.domNode, "down");
	if (this._toggleItem) {
		if (this.parent.preventDeselect && this._selected) {
			return;
		}
		this.toggleSelected();
	}
	this._fireEvent("onMouseDown");
}, _onmouseup:function (e) {
	dojo.html.removeClass(this.domNode, "down");
	this._fireEvent("onMouseUp");
}, onClick:function () {
}, onMouseOver:function () {
}, onMouseOut:function () {
}, onMouseDown:function () {
}, onMouseUp:function () {
}, fillInTemplate:function (args, frag) {
	if (args.name) {
		this._name = args.name;
	}
	if (args.selected) {
		this.select();
	}
	if (args.disabled) {
		this.disable();
	}
	if (args.label) {
		this.setLabel(args.label);
	}
	if (args.icon) {
		this.setIcon(args.icon);
	}
	if (args.toggleitem || args.toggleItem) {
		this.setToggleItem(true);
	}
}});
dojo.widget.ToolbarItem.make = function (wh, whIsType, props) {
	var item = null;
	if (wh instanceof Array) {
		item = dojo.widget.createWidget("ToolbarButtonGroup", props);
		item.setName(wh[0]);
		for (var i = 1; i < wh.length; i++) {
			item.addChild(wh[i]);
		}
	} else {
		if (wh instanceof dojo.widget.ToolbarItem) {
			item = wh;
		} else {
			if (wh instanceof dojo.uri.Uri) {
				item = dojo.widget.createWidget("ToolbarButton", dojo.lang.mixin(props || {}, {icon:new dojo.widget.Icon(wh.toString())}));
			} else {
				if (whIsType) {
					item = dojo.widget.createWidget(wh, props);
				} else {
					if (typeof wh == "string" || wh instanceof String) {
						switch (wh.charAt(0)) {
						  case "|":
						  case "-":
						  case "/":
							item = dojo.widget.createWidget("ToolbarSeparator", props);
							break;
						  case " ":
							if (wh.length == 1) {
								item = dojo.widget.createWidget("ToolbarSpace", props);
							} else {
								item = dojo.widget.createWidget("ToolbarFlexibleSpace", props);
							}
							break;
						  default:
							if (/\.(gif|jpg|jpeg|png)$/i.test(wh)) {
								item = dojo.widget.createWidget("ToolbarButton", dojo.lang.mixin(props || {}, {icon:new dojo.widget.Icon(wh.toString())}));
							} else {
								item = dojo.widget.createWidget("ToolbarButton", dojo.lang.mixin(props || {}, {label:wh.toString()}));
							}
						}
					} else {
						if (wh && wh.tagName && /^img$/i.test(wh.tagName)) {
							item = dojo.widget.createWidget("ToolbarButton", dojo.lang.mixin(props || {}, {icon:wh}));
						} else {
							item = dojo.widget.createWidget("ToolbarButton", dojo.lang.mixin(props || {}, {label:wh.toString()}));
						}
					}
				}
			}
		}
	}
	return item;
};
dojo.widget.defineWidget("dojo.widget.ToolbarButtonGroup", dojo.widget.ToolbarItem, {isContainer:true, templateString:"<span unselectable=\"on\" class=\"toolbarButtonGroup\" dojoAttachPoint=\"containerNode\"></span>", defaultButton:"", postCreate:function () {
	for (var i = 0; i < this.children.length; i++) {
		this._injectChild(this.children[i]);
	}
}, addChild:function (item, pos, props) {
	var widget = dojo.widget.ToolbarItem.make(item, null, dojo.lang.mixin(props || {}, {toggleItem:true}));
	var ret = dojo.widget.ToolbarButtonGroup.superclass.addChild.call(this, widget, null, pos, null);
	this._injectChild(widget);
	return ret;
}, _injectChild:function (widget) {
	dojo.event.connect(widget, "onSelect", this, "onChildSelected");
	dojo.event.connect(widget, "onDeselect", this, "onChildDeSelected");
	if (widget._name == this.defaultButton || (typeof this.defaultButton == "number" && this.children.length - 1 == this.defaultButton)) {
		widget.select(false, true);
	}
}, getItem:function (name) {
	if (name instanceof dojo.widget.ToolbarItem) {
		return name;
	}
	for (var i = 0; i < this.children.length; i++) {
		var child = this.children[i];
		if (child instanceof dojo.widget.ToolbarItem && child._name == name) {
			return child;
		}
	}
	return null;
}, getItems:function () {
	var items = [];
	for (var i = 0; i < this.children.length; i++) {
		var child = this.children[i];
		if (child instanceof dojo.widget.ToolbarItem) {
			items.push(child);
		}
	}
	return items;
}, onChildSelected:function (e) {
	this.select(e._name);
}, onChildDeSelected:function (e) {
	this._fireEvent("onChangeSelect", this._value);
}, enable:function (force, preventEvent) {
	for (var i = 0; i < this.children.length; i++) {
		var child = this.children[i];
		if (child instanceof dojo.widget.ToolbarItem) {
			child.enable(force, preventEvent);
			if (child._name == this._value) {
				child.select(force, preventEvent);
			}
		}
	}
}, disable:function (force, preventEvent) {
	for (var i = 0; i < this.children.length; i++) {
		var child = this.children[i];
		if (child instanceof dojo.widget.ToolbarItem) {
			child.disable(force, preventEvent);
		}
	}
}, _value:"", getValue:function () {
	return this._value;
}, select:function (name, force, preventEvent) {
	for (var i = 0; i < this.children.length; i++) {
		var child = this.children[i];
		if (child instanceof dojo.widget.ToolbarItem) {
			if (child._name == name) {
				child.select(force, preventEvent);
				this._value = name;
			} else {
				child.deselect(true, true);
			}
		}
	}
	if (!preventEvent) {
		this._fireEvent("onSelect", this._value);
		this._fireEvent("onChangeSelect", this._value);
	}
}, setValue:this.select, preventDeselect:false});
dojo.widget.defineWidget("dojo.widget.ToolbarButton", dojo.widget.ToolbarItem, {fillInTemplate:function (args, frag) {
	dojo.widget.ToolbarButton.superclass.fillInTemplate.call(this, args, frag);
	dojo.html.addClass(this.domNode, "toolbarButton");
	if (this._icon) {
		this.setIcon(this._icon);
	}
	if (this._label) {
		this.setLabel(this._label);
	}
	if (!this._name) {
		if (this._label) {
			this.setName(this._label);
		} else {
			if (this._icon) {
				var src = this._icon.getSrc("enabled").match(/[\/^]([^\.\/]+)\.(gif|jpg|jpeg|png)$/i);
				if (src) {
					this.setName(src[1]);
				}
			} else {
				this._name = this._widgetId;
			}
		}
	}
}});
dojo.widget.defineWidget("dojo.widget.ToolbarDialog", dojo.widget.ToolbarButton, {fillInTemplate:function (args, frag) {
	dojo.widget.ToolbarDialog.superclass.fillInTemplate.call(this, args, frag);
	dojo.event.connect(this, "onSelect", this, "showDialog");
	dojo.event.connect(this, "onDeselect", this, "hideDialog");
}, showDialog:function (e) {
	dojo.lang.setTimeout(dojo.event.connect, 1, document, "onmousedown", this, "deselect");
}, hideDialog:function (e) {
	dojo.event.disconnect(document, "onmousedown", this, "deselect");
}});
dojo.widget.defineWidget("dojo.widget.ToolbarMenu", dojo.widget.ToolbarDialog, {});
dojo.widget.ToolbarMenuItem = function () {
};
dojo.widget.defineWidget("dojo.widget.ToolbarSeparator", dojo.widget.ToolbarItem, {templateString:"<span unselectable=\"on\" class=\"toolbarItem toolbarSeparator\"></span>", defaultIconPath:new dojo.uri.moduleUri("dojo.widget", "templates/buttons/sep.gif"), fillInTemplate:function (args, frag, skip) {
	dojo.widget.ToolbarSeparator.superclass.fillInTemplate.call(this, args, frag);
	this._name = this.widgetId;
	if (!skip) {
		if (!this._icon) {
			this.setIcon(this.defaultIconPath);
		}
		this.domNode.appendChild(this._icon.getNode());
	}
}, _onmouseover:null, _onmouseout:null, _onclick:null, _onmousedown:null, _onmouseup:null});
dojo.widget.defineWidget("dojo.widget.ToolbarSpace", dojo.widget.ToolbarSeparator, {fillInTemplate:function (args, frag, skip) {
	dojo.widget.ToolbarSpace.superclass.fillInTemplate.call(this, args, frag, true);
	if (!skip) {
		dojo.html.addClass(this.domNode, "toolbarSpace");
	}
}});
dojo.widget.defineWidget("dojo.widget.ToolbarSelect", dojo.widget.ToolbarItem, {templateString:"<span class=\"toolbarItem toolbarSelect\" unselectable=\"on\"><select dojoAttachPoint=\"selectBox\" dojoOnChange=\"changed\"></select></span>", fillInTemplate:function (args, frag) {
	dojo.widget.ToolbarSelect.superclass.fillInTemplate.call(this, args, frag, true);
	var keys = args.values;
	var i = 0;
	for (var val in keys) {
		var opt = document.createElement("option");
		opt.setAttribute("value", keys[val]);
		opt.innerHTML = val;
		this.selectBox.appendChild(opt);
	}
}, changed:function (e) {
	this._fireEvent("onSetValue", this.selectBox.value);
}, setEnabled:function (is, force, preventEvent) {
	var ret = dojo.widget.ToolbarSelect.superclass.setEnabled.call(this, is, force, preventEvent);
	this.selectBox.disabled = this.disabled;
	return ret;
}, _onmouseover:null, _onmouseout:null, _onclick:null, _onmousedown:null, _onmouseup:null});
dojo.widget.Icon = function (enabled, disabled, hovered, selected) {
	if (!arguments.length) {
		throw new Error("Icon must have at least an enabled state");
	}
	var states = ["enabled", "disabled", "hovered", "selected"];
	var currentState = "enabled";
	var domNode = document.createElement("img");
	this.getState = function () {
		return currentState;
	};
	this.setState = function (value) {
		if (dojo.lang.inArray(states, value)) {
			if (this[value]) {
				currentState = value;
				var img = this[currentState];
				if ((dojo.render.html.ie55 || dojo.render.html.ie60) && img.src && img.src.match(/[.]png$/i)) {
					domNode.width = img.width || img.offsetWidth;
					domNode.height = img.height || img.offsetHeight;
					domNode.setAttribute("src", dojo.uri.moduleUri("dojo.widget", "templates/images/blank.gif").uri);
					domNode.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + img.src + "',sizingMethod='image')";
				} else {
					domNode.setAttribute("src", img.src);
				}
			}
		} else {
			throw new Error("Invalid state set on Icon (state: " + value + ")");
		}
	};
	this.setSrc = function (state, value) {
		if (/^img$/i.test(value.tagName)) {
			this[state] = value;
		} else {
			if (typeof value == "string" || value instanceof String || value instanceof dojo.uri.Uri) {
				this[state] = new Image();
				this[state].src = value.toString();
			}
		}
		return this[state];
	};
	this.setIcon = function (icon) {
		for (var i = 0; i < states.length; i++) {
			if (icon[states[i]]) {
				this.setSrc(states[i], icon[states[i]]);
			}
		}
		this.update();
	};
	this.enable = function () {
		this.setState("enabled");
	};
	this.disable = function () {
		this.setState("disabled");
	};
	this.hover = function () {
		this.setState("hovered");
	};
	this.select = function () {
		this.setState("selected");
	};
	this.getSize = function () {
		return {width:domNode.width || domNode.offsetWidth, height:domNode.height || domNode.offsetHeight};
	};
	this.setSize = function (w, h) {
		domNode.width = w;
		domNode.height = h;
		return {width:w, height:h};
	};
	this.getNode = function () {
		return domNode;
	};
	this.getSrc = function (state) {
		if (state) {
			return this[state].src;
		}
		return domNode.src || "";
	};
	this.update = function () {
		this.setState(currentState);
	};
	for (var i = 0; i < states.length; i++) {
		var arg = arguments[i];
		var state = states[i];
		this[state] = null;
		if (!arg) {
			continue;
		}
		this.setSrc(state, arg);
	}
	this.enable();
};
dojo.widget.Icon.make = function (a, b, c, d) {
	for (var i = 0; i < arguments.length; i++) {
		if (arguments[i] instanceof dojo.widget.Icon) {
			return arguments[i];
		}
	}
	return new dojo.widget.Icon(a, b, c, d);
};
dojo.widget.defineWidget("dojo.widget.ToolbarColorDialog", dojo.widget.ToolbarDialog, {palette:"7x10", fillInTemplate:function (args, frag) {
	dojo.widget.ToolbarColorDialog.superclass.fillInTemplate.call(this, args, frag);
	this.dialog = dojo.widget.createWidget("ColorPalette", {palette:this.palette});
	this.dialog.domNode.style.position = "absolute";
	dojo.event.connect(this.dialog, "onColorSelect", this, "_setValue");
}, _setValue:function (color) {
	this._value = color;
	this._fireEvent("onSetValue", color);
}, showDialog:function (e) {
	dojo.widget.ToolbarColorDialog.superclass.showDialog.call(this, e);
	var abs = dojo.html.getAbsolutePosition(this.domNode, true);
	var y = abs.y + dojo.html.getBorderBox(this.domNode).height;
	this.dialog.showAt(abs.x, y);
}, hideDialog:function (e) {
	dojo.widget.ToolbarColorDialog.superclass.hideDialog.call(this, e);
	this.dialog.hide();
}});