volcanos/panel/action.js

Volcanos(chat.ONIMPORT, {help: "导入数据", _init: function(can, msg) {
		can.onimport._menu(can, msg), can.onkeymap._init(can)
		can.onaction.layout(can, can.misc.SearchOrConf(can, chat.LAYOUT)||Volcanos.meta.args.layout, true)
		var river = can.Conf(chat.RIVER), storm = can.Conf(chat.STORM)
		can.onmotion.clear(can), can.core.Next(msg.Table(), function(item, next) {
			item.feature = can.base.Obj(item.feature||item.meta)
			item.inputs = can.base.Obj(item.inputs||item.list)

			can.onappend.plugin(can, item, function(sub, meta, skip) {
				can.page.style(can, sub._output, html.MAX_WIDTH, meta.width-(can.user.isWindows? 20: 0))
				can.onimport._plugin(can, river, storm, sub, meta), skip || next()
			})
		}, function() {
			// can.onimport._menu(can, msg), can.onkeymap._init(can)
		})
	},
	_plugin: function(can, river, storm, sub, meta) { sub._target._meta = meta
		meta.id && (sub._option.dataset = sub._option.dataset||{}, sub._option.dataset.id = meta.id)

		sub.run = function(event, cmds, cb) {
			return can.run(sub.request(event), can.misc.concat(can, [river, storm, meta.id||meta.index], cmds), cb)
		}, can._plugins = can.misc.concat(can, can._plugins, [sub])

		sub._tabs = can.page.Append(can, can._action, [{view: [html.TABS, html.DIV, meta.name], onclick: function(event) {
			can.onmotion.select(can, can._output, html.FIELDSET_PLUGIN, sub._target)
			can.onmotion.select(can, can._action, html.DIV_TABS, event.target)
		}, onmouseenter: sub._legend.onmouseenter, ondblclick: sub._legend.onclick}]).first
		sub._header_tabs = can.page.Append(can, can._header_tabs, [{view: [html.TABS, html.DIV, meta.name], onclick: function(event) {
			can.onmotion.select(can, can._output, html.FIELDSET_PLUGIN, sub._target)
			can.onmotion.select(can, can._header_tabs, html.DIV_TABS, event.target)
		}, onmouseenter: sub._legend.onmouseenter, ondblclick: sub._legend.onclick}]).first
	},
	_menu: function(can, msg) { if (can.user.mod.isPod || can.user.isMobile) { return }
		can.setHeaderMenu(can.base.Obj(msg.Option(chat.MENUS), can.Conf(chat.MENUS)||can.onaction._menus), function(event, button, list) {
			can.core.CallFunc([can.onaction, list[0]], [can, button])
		})
		can.page.Select(can, can._root.Header._output, "action", function(target) {
			can._header_tabs = can.page.Append(can, target, [{view: "tabs", style: {padding: 0, "padding-left": "40px"}}]).first
		})
	},
	_share: function(can, share) { share && can.run({}, [web.SHARE, share], function(msg) {
		msg.Length() == 1 && can.onengine.signal(can, chat.ONACTION_CMD)
		can.setHeader(chat.TOPIC, msg.OptionOrSearch(chat.TOPIC))
		can.user.title(msg.OptionOrSearch(chat.TITLE))

		can.Conf(chat.RIVER, web.SHARE, chat.STORM, share)
		msg.Length() > 0 && can.onimport._init(can, msg)
	}) },
	_cmd: function(can, item, next) {
		can.onengine.signal(can, chat.ONACTION_CMD)
		can.onappend.plugin(can, can.base.Copy(item, {opts: can.misc.Search(can), mode: "cmd"}), function(sub, meta, skip) {
			sub.run = function(event, cmds, cb) {
				can.request(event, {height: sub.ConfHeight(), width: can.ConfWidth()})
				can.runActionCommand(event, sub._index, cmds, cb)
			}
			sub.ConfHeight(can.ConfHeight()-can.Conf(html.MARGIN_Y))
			can.page.style(can, sub._output, html.MAX_WIDTH, can.ConfWidth())
			can.user.title(meta.name), skip || next()
		})
	},
	height: function(can, height) {
		can.page.styleHeight(can._target, height)
	},
})
Volcanos(chat.ONENGINE, {help: "解析引擎", _engine: function(event, page, msg, can, cmds, cb) {
	var storm = can.core.Value(can._root, can.core.Keys(chat.RIVER, cmds[0], chat.STORM, cmds[1]))
	if (!storm || cmds.length != 2) { return false }

	if (storm.index) { // 命令索引
		can.runAction(event, ctx.COMMAND, [].concat(storm.index), cb)
	} else { // 命令列表
		can.core.List(storm.list, function(value) {
			msg.Push(mdb.NAME, value.name||"")
			msg.Push(mdb.HELP, value.help||"")
			msg.Push(ctx.INPUTS, JSON.stringify(value.inputs))
			msg.Push(ctx.FEATURE, JSON.stringify(value.feature))
			msg.Push(ctx.INDEX, value.index||"")
			msg.Push(ctx.ARGS, value.args||"[]")
			msg.Push(ctx.STYLE, value.style||"")
			msg.Push(ctx.DISPLAY, value.display||"")
			msg.Push(ice.MSG_ACTION, value._action||"")
		}), can.base.isFunc(cb) && cb(msg)
	}
	return true
}})
Volcanos(chat.ONPLUGIN, {help: "注册插件",
	"parse": shy("解析", {
		"show": function(can, msg, cmds) { var name = cmds[1]||"can"
			can.isCmdMode() && can.user.title(name)
			cmds && cmds[0] && Volcanos(name, {_follow: can.core.Keys(can._follow, name)}, ["/plugin/story/parse.js"], function(sub) {
				sub.run = can.run, sub.Option = function() {}, can.isCmdMode() && sub.ConfHeight(window.innerHeight)
				sub.onappend.parse(sub, sub.onappend._parse(sub, cmds[0], name, sub.ConfHeight()), can._output)
				can.onengine.listen(can, "menu", function(msg) {
					delete(msg._event), delete(msg._can)
					can.user.toast(can, JSON.stringify(msg))
				})
			})
		},
	}, ["text", "name", "show:button@auto", "clear:button"], function(can, msg, cmds, cb) {
		cmds && cmds[0] && can._root.Action.run({}, cmds, cb, true)
	}),

	"plugin": shy("插件", {}, ["list", "back"], function(can, msg, cmds) {
		msg.Echo("hello world")
	}),
	"output": shy("插件", {}, ["some"], function(can, msg, cmds) {}),
	"nfs.save": shy("保存文件", {}, ["file=hi.txt", "text:textarea='hello world'", "save:button"], function(can, msg, cmds, cb) {
		can.misc.runAction(can, msg, cmds, cb, kit.Dict(
			"save", function(cmds) { can.user.downloads(can, cmds[1], cmds[0]) }
		))
	}),
	"pie": shy("比例图", {}, ["list", "back"], function(can, msg, cmds) {
		msg.DisplayStory("pie.js")
		msg.Push("value", 200)
		msg.Push("value", 300)
		msg.Push("value", 400)
	}),
	"can.code.inner._plugin": shy("插件", {}, [{type: "button", name: "list", action: "auto"}, "back"], function(can, msg, cmds) {}),
})
Volcanos(chat.ONKEYMAP, {help: "键盘交互", _focus: [], _init: function(can, target) {
		can.onkeymap._build(can), can.onengine.listen(can, chat.ONKEYDOWN, function(msg, model) {
			can._keylist = can.onkeymap._parse(msg._event, can, model, can._keylist||[], can._output)
		})
	},
	_mode: {
		normal: {
			j: function(event, can, target) { target.scrollBy(0, event.ctrlKey? 300: 30) },
			k: function(event, can, target) { target.scrollBy(0, event.ctrlKey? -300: -30) },

			b: function(event, can, target) { can.search(event, ["Header.onaction.black"]) },
			w: function(event, can, target) { can.search(event, ["Header.onaction.white"]) },

			g: function(event, can, target) { can.search(event, ["River.ondetail.创建群组"]) },
			s: function(event, can, target) { can.search(event, ["River.ondetail.添加应用"]) },
			t: function(event, can, target) { can.search(event, ["River.ondetail.添加工具"]) },

			" ": function(event, can, target) {
				can.onengine.signal(can, chat.ONSEARCHFOCUS), can.onkeymap.prevent(event)
			},
			":": function(event, can, target) {
				can.onengine.signal(can, chat.ONCOMMANDFOCUS), can.onkeymap.prevent(event)
			},
			Enter: function(event, can, target) {
				can.onengine.signal(can, chat.ONOPENSEARCH, can.request(event, {type: mdb.FOREACH, word: ""}))
			},
			Escape: function(event, can, target) {
				can.page.Select(can, can._root._target, can.page.Keys(html.FIELDSET_FLOAT, html.DIV_FLOAT), function(item) {
					can.page.Remove(can, item)
				})
			},
		},
	}, _engine: {},
})
Volcanos(chat.ONACTION, {help: "交互操作", _init: function(can, cb, target) {
		can.Conf(html.MARGIN_Y, 4*html.PLUGIN_MARGIN+2*html.ACTION_HEIGHT+html.ACTION_MARGIN)
		can.Conf(html.MARGIN_X, 4*html.PLUGIN_MARGIN)

		if (can.user.mod.isPod || can.user.isMobile) {
			var gt = "❯", lt = "❮"; function toggle(view) { return !can.setRiver("display") }
			can.page.Append(can, target, [{view: [[html.TOGGLE, chat.PROJECT]], list: [{text: [gt, html.DIV]}], onclick: function(event) {
				event.target.innerHTML = toggle()? gt: lt, can.onaction.refresh(can)
			}}])
		}

		target.ontouchstart = function(event) { can.onengine.signal(can, chat.ONACTION_TOUCH, can.request(event)) }
		can.base.isFunc(cb) && cb()
	},
	_menus: [
		[chat.LAYOUT, "auto", "tabs", "tabview", "vertical", "horizon", "grid", "free", "flow", "page", "toimage"],
		[ice.HELP, "tutor", "manual", "service", "devops", "refer"],
	],
	_trans: {
		"layout": "布局",
		"auto": "默认布局",
		"flow": "流动布局",
		"vertical": "上下分屏",
		"horizon": "左右分屏",
		"tabview": "标签分屏",
		"grid": "网格布局",
		"tabs": "标签布局",
		"free": "自由布局",
		"page": "网页布局",
		"toimage": "生成图片",

		"help": "帮助",
		"tutor": "入门简介",
		"manual": "使用手册",
		"service": "服务手册",
		"devops": "编程手册",
		"refer": "参考手册",
	},
	onmain: function(can) { can.onimport._share(can, can.misc.Search(can, web.SHARE)) },
	onlogin: function(can) { if (!can.user.mod.isCmd && !can.Conf(chat.TOOL)) { return }
		can._names = location.pathname
		can.Conf(chat.TOOL)? can.core.Next(can.Conf(chat.TOOL), function(item, next) {
			can.onimport._cmd(can, item, next)
		}): can.runAction(can.request(), ctx.COMMAND, [], function(msg) { can.core.Next(msg.Table(), function(item, next) {
			can.onimport._cmd(can, item, next)
		}) })
	},
	onkeydown: function(can, msg) { var event = msg._event
		if (event.ctrlKey && event.key >= "1"  && event.key <= "9") {
			can.onmotion.select(can, can._action, html.DIV_TABS, parseInt(event.key)-1), can.onmotion.select(can, can._output, html.FIELDSET_PLUGIN, parseInt(event.key)-1)
			can.onmotion.select(can, can._header_tabs, html.DIV_TABS, parseInt(event.key)-1), can.onmotion.select(can, can._output, html.FIELDSET_PLUGIN, parseInt(event.key)-1)
		}
	},
	onsearch: function(can, msg, word) {
		if (word[0] == mdb.PLUGIN || word[0] == mdb.FOREACH) { can.onexport.plugin(can, msg, word) }
	},
	onsize: function(can, msg, height, width) { can.Conf({height: height, width: width}) },
	onstorm_select: function(can, msg, river, storm) {
		if (can.onmotion.cache(can, function() {
			return can.core.Keys(can.Conf(chat.RIVER, river), can.Conf(chat.STORM, storm))
		}, can._header_tabs, can._action, can._output)) {
			var conf = can.core.Value(can._root, can.core.Keys(chat.RIVER, river, chat.STORM, storm))||{}
			return can.onaction.layout(can, can.misc.SearchOrConf(can, chat.LAYOUT)||Volcanos.meta.args.layout||conf.layout, true)
		}

		can.page.Append(can, can._action, [
			{text: [msg.Option("river_name")||river, html.DIV]},
			{text: [msg.Option("storm_name")||storm, html.DIV]}
		])
		can.run({}, [river, storm], function(msg) { if (msg.Length() > 0) { return can.onimport._init(can, msg) }
			can.onengine.signal(can, chat.ONACTION_NOTOOL, can.request({}, {river: river, storm: storm}))
		})
	},
	onaction_cmd: function(can, msg) {
		can.ConfHeight(can._root._height), can.ConfWidth(can._root._width)
		can.Conf(html.MARGIN_X, 0, html.MARGIN_Y, 2*html.ACTION_HEIGHT)
		can.page.ClassList.add(can, can._root._target, "simple") 
		can.page.ClassList.add(can, can._target, "cmd")
		can.onlayout._init(can)
		can.isCmdMode()
	},

	refresh: function(can) {
		can._root._height = window.innerHeight, can._root._width = window.innerWidth
		can.onlayout._init(can)

		var width = can.ConfWidth()-can.Conf(html.MARGIN_X)
		can.core.List(can._plugins, function(sub) { var table = can.core.Value(sub, chat._OUTPUT_CURRENT)
			can.page.style(can, sub._output, html.MAX_WIDTH, sub.ConfWidth(width)-(can.user.isWindows? 20: 0))
			table.ConfWidth(width)
			table.onimport.layout? table.onimport.layout(table): can.onappend._output(sub, table._msg, sub._display)
		})
	},
	layout: function(can, button, silent) { button = button||ice.AUTO
		can.page.ClassList.del(can, can._target, can.Conf(chat.LAYOUT)); if (button == ice.AUTO) { button = "" }
		can.page.ClassList.add(can, can._target, can.Conf(chat.LAYOUT, button)), can.onlayout._init(can)
		can.onmotion.toggle(can, can._root.River._target, true), can.onmotion.toggle(can, can._root.Footer._target, true), can.onlayout._init(can)
		can._header_tabs && can.onmotion.hidden(can, can._header_tabs)

		var cb = can.onlayout[button]; if (can.base.isFunc(cb)? cb(can, silent): (can.getActionSize(function(height, width) {
			can.ConfHeight(can.base.Min(200, height-3*html.ACTION_HEIGHT-4*html.PLUGIN_MARGIN-200)), can.ConfWidth(width-4*html.PLUGIN_MARGIN)
		}), false)) { return }

		can.core.Next(can._plugins, function(sub, next) {
			sub.onaction._resize(sub, button != ice.AUTO, can.ConfHeight(), can.ConfWidth())
			can.onmotion.delay(can, next)
		})
	},
	help: function(can, button) { can.user.open("/help/"+button+".shy") },
})
Volcanos(chat.ONLAYOUT, {help: "导出数据",
	_grid: function(can, m, n) {
		can.getActionSize(function(height, width) {
			var h = (height-(4*n+1)*html.PLUGIN_MARGIN)/n, w = (width-(4*m+1)*html.PLUGIN_MARGIN)/m
			can.ConfHeight(h-2*html.ACTION_HEIGHT-3*html.PLUGIN_MARGIN), can.ConfWidth(w)
			can.core.List(can._plugins, function(sub) { sub.onaction._resize(sub, true, can.ConfHeight(), can.ConfWidth()) })
		})
	},
	grid: function(can, silent) {
		can.user.input(event, can, [{name: "m", value: 2}, {name: "n", value: 2}], function(data) {
			can.onlayout._grid(can, parseInt(data.m), parseInt(data.n))
		}, silent)
		return true
	},
	vertical: function(can) {
		can.onmotion.hidden(can, can._root.River._target), can.onmotion.hidden(can, can._root.Footer._target), can.onlayout._init(can)
		can.getActionSize(function(height, width) { can.ConfHeight(height/2), can.ConfWidth(width)
			can.core.List(can._plugins, function(sub) { sub.onaction._resize(sub, true, can.ConfHeight(), can.ConfWidth()) })
		})
	},
	horizon: function(can) {
		can.onmotion.hidden(can, can._root.River._target), can.onmotion.hidden(can, can._root.Footer._target), can.onlayout._init(can)
		can.getActionSize(function(height, width) { can.ConfHeight(height), can.ConfWidth(width/2)
			can.core.List(can._plugins, function(sub) { sub.onaction._resize(sub, true, can.ConfHeight(), can.ConfWidth()) })
		})
	},
	tabview: function(can) {
		can.onmotion.toggle(can, can._header_tabs, true)
		can.onmotion.hidden(can, can._root.River._target), can.onmotion.hidden(can, can._root.Footer._target), can.onlayout._init(can)
		can.onmotion.delay(can, function() {
			can.onmotion.select(can, can._action, html.DIV_TABS, 0), can.onmotion.select(can, can._output, html.FIELDSET_PLUGIN, 0)
		})
		can.getActionSize(function(height, width) { can.ConfHeight(height-2*html.PLUGIN_MARGIN), can.ConfWidth(width) })
	},
	tabs: function(can) {
		can.onmotion.select(can, can._action, html.DIV_TABS, 0), can.onmotion.select(can, can._output, html.FIELDSET_PLUGIN, 0)
		can.getActionSize(function(height, width) {
			can.ConfHeight(height-3*html.ACTION_HEIGHT-4*html.PLUGIN_MARGIN), can.ConfWidth(width-4*html.PLUGIN_MARGIN)
		})
	},
	free: function(can) {
		can.page.Select(can, can._target, [[html.DIV_OUTPUT, html.FIELDSET_PLUGIN]], function(item, index) {
			can.onmotion.move(can, item, {left: 40*index, top: 40*index})
		})
	},
	toimage: function(can) {
		return can.onmotion.toimage(event, can, can.Conf(chat.STORM), can._output), true
	},
})
Volcanos(chat.ONEXPORT, {help: "导出数据",
	args: function(can, msg, cb, target) {
		can.core.Next(can.page.Select(can, target, [[html.FIELDSET_PLUGIN, html.FORM_OPTION]]), function(item, next, index, array) {
			item.dataset.args = JSON.stringify(can.page.Select(can, item, html.OPTION_ARGS, function(item) { return item.value||"" }))
			cb(item, next, index, array)
		})
	},
	size: function(can, msg) {
		msg.Option(html.TOP, can._output.offsetTop)
		msg.Option(html.LEFT, can._output.offsetLeft)
		msg.Option(html.WIDTH, can._output.offsetWidth)
		msg.Option(html.HEIGHT, can._output.offsetHeight)
		msg.Option(html.SCROLL, can.user.isMobile? can._target.parentNode.parentNode.scrollTop: can._output.scrollTop)
		msg.Option(html.MARGIN_X, can.Conf(html.MARGIN_X))
		msg.Option(html.MARGIN_Y, can.Conf(html.MARGIN_Y))
	},
	layout: function(can, msg) { return can.Conf(chat.LAYOUT) },
	plugin: function(can, msg, word) { var fields = can.core.Split(msg.Option(ice.MSG_FIELDS))
		can.page.Select(can, can._output, [[html.FIELDSET_PLUGIN, html.LEGEND]], function(item) {
			if (item.innerHTML.indexOf(word[1]) == -1) { return }

			var list = can.page.Select(can, item.nextSibling, html.OPTION_ARGS, function(item) { return item.value||"" })
			var meta = item.parentNode._meta; if (!meta) { return }

			var data = {ctx: "can", cmd: "Action",
				type: mdb.PLUGIN, name: item.innerHTML, text: shy("跳转", function(event) {
					var input = can.page.Select(can, item.parentNode, html.INPUT_ARGS)[0]; input && input.focus()
				}), argument: JSON.stringify(list),
			}
			if (meta.index) {
				data.context = "", data.command = meta.index
			} else if (meta.cmd) {
				data.context = meta.ctx, data.command = meta.cmd
			} else {
				return
			}
			msg.Push(data, fields)
		})
	},
})