add some

frame.js

@@ -266,7 +266,8 @@ Volcanos(chat.ONAPPEND, {
 			}})
 		}
 		can.core.List(list, function(item) {
-			item.value = can.sup && can.sup.onexport.session && can.sup.onexport.session(can.sup, "action:"+item.name||item[0]) || item.value
+			var value = can.sup && can.sup.onexport.session && can.sup.onexport.session(can.sup, "action:"+item.name||item[0]) || item.value
+			if (value) { item.value = value }
 			can.base.isUndefined(item) || can.onappend.input(can, item == ""? /* 1.空白 */ {type: html.BR}:
 				can.base.isString(item)? /* 2.按键 */ {type: html.BUTTON, name: item, value: can.user.trans(can, item, meta._trans), onclick: function(event) {
 					run(event, item)
@@ -330,7 +331,7 @@ Volcanos(chat.ONAPPEND, {
 			sub.db.hash = can.base.getValid(can.isCmdMode()? can.misc.SearchHash(can): [], can.onexport.storage(can, "hash"))||[]
 			var last = can.sub; last && can.core.CallFunc([last, "onaction.hidden"], {can: last})
 			sub.run = function(event, cmds, cb, silent) { var msg = sub.request(event)._caller()
-				msg.RunAction(event, sub, cmds) || can.Update(event, can.Input(cmds, !silent), cb, silent)
+				msg.RunAction(event, sub, cmds) || can.Update(event, cmds||can.Input(cmds, !silent), cb, silent)
 			}, can._outputs = can._outputs||[], can._outputs.push(sub), sub.sup = can, can.sub = sub
 			sub._index = can._index, can._msg = sub._msg = msg, sub.Conf(sub._args = can.base.ParseURL(display))
 			sub._trans = can.base.Copy(can.base.Copy(sub._trans||{}, can._trans), can.core.Value(sub, [chat.ONACTION, chat._TRANS]))
@@ -1052,7 +1053,7 @@ Volcanos(chat.ONMOTION, {
 		can.core.Timer({interval: 10, length: offset/step}, function() { parent.scrollTop += step }, function() { parent.scrollTop = (target.offsetTop-margin), delete(parent._scroll) })
 	},
 	clearFloat: function(can) {
-		var list = ["fieldset.input.float", "div.input.float", "div.carte.float"]; for (var i = 0; i < list.length; i++) {
+		var list = ["fieldset.input.float", "div.input.float", "div.carte.float", "div.toast.float"]; for (var i = 0; i < list.length; i++) {
 			if (can.page.Select(can, document.body, list[i], function(target) { return target._close? target._close(): can.page.Remove(can, target) }).length > 0) { return true }
 		}
 	},
@@ -1151,13 +1152,11 @@ Volcanos(chat.ONMOTION, {
 			can.user.toast(can, "filter out "+count+" lines")
 		}, 300)
 	},
-	cacheClear: function(can, key) {
+	cacheClear: function(can, key, target) {
-		if (!key) {
+		if (key) { delete(can._cache_data[key]) } else { delete(can._cache_data) }
-			delete(can._cache_data), delete(can._output._cache)
+		can.core.List(arguments, function(target, index) { if (index > 1 && target && target._cache) {
-			return
+			if (key) { delete(target._cache[key]) } else { delete(target._cache), delete(target._cache_key) }
-		}
+		} })
-		delete(can._cache_data[key])
-		can.core.List(arguments, function(target, index) { index > 1 && target && target._cache && delete(target._cache[key]) })
 	},
 	cache: function(can, next) { var list = can.base.getValid(can.base.Obj(can.core.List(arguments).slice(2)), [can._output])
 		var data = can._cache_data = can._cache_data||{}, old = list[0]._cache_key

index.css

@@ -110,7 +110,10 @@ body.width1 { /* 320-640 手机竖屏 */
 	--table-button:2; --card-button:3;
 }
 body.en { --card-button:3; }
-body.mobile { --footer-height:60px; --svg-font-size:13px; }
+body.mobile {
+	--footer-height:60px; --svg-font-size:13px;
+	--project-width:240px;
+}
 body.cmd.web.code.vimer { --code-line-height:24px; }
 /* element */
 * { box-sizing:border-box; padding:0; border:0; margin:0; tab-size:4; }
@@ -209,6 +212,7 @@ fieldset.studio>div.output>div.layout>div.layout>div.content>fieldset.story>form
 fieldset.studio>div.output>div.layout>div.layout>div.content>fieldset.story>div.action>div.item.state.button.full.icons { display:none; }
 div.output>div.layout>div.layout { position:relative; }
 /* project */
+div.project { background-color:var(--plugin-bg-color); }
 div.project div.action:not(.hide) { width:100%; display:flex; overflow:hidden; }
 div.project div.action div.item input { border-right:var(--box-border); }
 div.project div.action div.item input:hover { border-right:var(--box-notice); }
@@ -223,8 +227,9 @@ div.project div.item { position:relative; }
 div.project div.item.select { border-right:var(--item-notice); }
 div.project>div.item.select { position:sticky; top:32px; bottom:0; }
 div.project div.item:not(.hide) { white-space:pre; line-height:24px; cursor:pointer; padding:0 var(--input-padding); display:flex; align-items:center; }
+body.mobile div.project div.item:not(.album):not(.hide) { padding:20px var(--input-padding); }
 div.project div.item:not(.hide)>i:first-child { margin-right:var(--input-margin); }
-div.project div.item:not(:hover) input:not([type=button]) { border-right:0; }
+div.project>div.item:not(:hover) input:not([type=button]) { border-right:0; }
 div.project>div.item:not(:hover) input:not([type=button]) { border-left:0; }
 div.project>div.zone>div.action div.item:not(:hover) input:not([type=button]) { border-left:0; }
 div.project div.item.filter { background-color:var(--plugin-bg-color); padding:0; width:100%; position:sticky; top:0; z-index:1; }
@@ -237,9 +242,10 @@ div.project div.item>div.name { padding:0 var(--input-padding); }
 div.project div.item>div.icon { position:absolute; right:var(--input-padding); }
 div.project div.item>div.icon:hover { background-color:var(--hover-bg-color); }
 div.project div.item:not(:hover)>div.icon { display:none; }
-div.project div.item>i:last-child { position:absolute; right:var(--input-padding); }
+div.project div.item:not(.button)>i:last-child { position:absolute; right:var(--input-padding); }
-div.project div.item>i:last-child:hover { background-color:var(--hover-bg-color); }
+div.project div.item:not(.button)>i:last-child:hover { background-color:var(--hover-bg-color); }
-div.project div.item:not(:hover)>i:last-child { display:none; }
+body:not(.mobile) div.project div.item:not(.button):not(:hover)>i:last-child { display:none; }
+body.mobile div.project div.item>i:last-child { display:none; }
 div.project div.zone>div.item { text-align:center; padding:var(--input-padding); display:flex; align-items:center; }
 div.project div.zone>div.item span:hover { background-color:var(--hover-bg-color); }
 div.project>div.zone>div.item span:first-child { font-style:italic; font-weight:bold; line-height:var(--action-height); }
@@ -503,7 +509,7 @@ span.keyword { color:var(--code-keyword); } span.function { color:var(--code-fun
 span.item.select { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
 span.item:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
 span.icon:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
-div.item:not(.text):hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
+body:not(.mobile) div.item:not(.text):hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
 div.item.select:not(.button) { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
 div.item.button.danger input:hover[type=button] { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
 div.item.button.notice input:hover[type=button] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
@@ -698,7 +704,6 @@ div.item.text.url>input { width:var(--river-width); }
 div.item.text.port>input { width:80px; }
 div.item.text.line>input { width:80px; }
 body:not(.mobile) div.item.text.hash>input { width:320px; }
-fieldset.plugin>form.option>div.item.text.path>input { width:var(--project-width); }
 div.item.text.limit>input { width:var(--button-width); }
 div.item.text.offend>input { width:var(--button-width); }
 body:not(.width2):not(.mobile) fieldset.plugin>form.option>div.item.text.path>input { width:var(--project-width); }
@@ -807,8 +812,8 @@ body.mobile fieldset.plugin>legend { box-shadow:none; }
 body.mobile:not(.landscape) fieldset.plugin.cmd:not(.output)>div.header { display:none !important; }
 body.mobile div.output.card { overflow-x:hidden; }
 body.mobile div.output>div.project { position:absolute; left:0; top:0; z-index:2; }
-body.mobile div.output>div.project { flex:0 0 240px; width:240px; }
+// body.mobile div.output>div.project { flex:0 0 240px; width:240px; }
-body.mobile div.output>div.project div.item { height:var(--action-height); }
+body.mobile div.output>div.project div.item:not(.album) { height:var(--action-height); }
 body.mobile div.output>div.project { background-color:var(--plugin-bg-color); }
 body.mobile fieldset>div.output>div.code>img { max-width:390px; }
 body.mobile fieldset>div.output>div.code>div.form input[type=button] { width:100%; }

lib/base.js

@@ -99,6 +99,9 @@ Volcanos("base", {
 				}
 			}
 		}
+		if (value.indexOf(year) == -1) {
+			return value.split(" ")[0]
+		}
 		return prefix+this.trimPrefix(value.split(":").slice(0, 2).join(":"), pre, year)
 	},
 	Time: function(time, fmt) { var now = this.Date(time)

lib/user.js

@@ -91,6 +91,7 @@ Volcanos("user", {
 		meta.title = meta.title||can.core.Keys(can.ConfSpace(), can.ConfIndex())||can._name.split(nfs.PS).slice(-2).join(nfs.PS)
 		meta.hash && can.misc.isDebug(can) && (meta.title += " "+meta.hash.slice(0, 6)), meta.action = meta.action||[""]
 		var width = meta.width||(html.QRCODE_WIDTH+2*html.PLUGIN_PADDING+10); if (width < 0) { width = can.page.width() + width }
+		meta.title = can.base.replaceAll(meta.title||"", "%2F", "/")
 		var ui = can.page.Append(can, meta.action.list || meta.action.length > 1 || !can._root || !can._root.Action || !can._root.Action._toast ? document.body: can._root.Action._toast, [{view: [[chat.TOAST, can.Conf(ctx.INDEX)||can.ConfIndex(), meta.style, chat.FLOAT]], style: {width: width}, list: [
 			{view: [wiki.TITLE, "", meta.title||""], title: "点击复制", onclick: function(event) { can.user.copy(event, can, meta.title) }},
 			{view: [cli.CLOSE, "", can.page.unicode.close], title: "点击关闭", onclick: function() { action.close() }},
@@ -102,13 +103,9 @@ Volcanos("user", {
 		] }]); can.onengine.signal(can, chat.ONTOAST, can.request({}, {time: can.misc._time(), title: meta.title, content: meta.content}))
 		meta.action.meta && can.core.Item(meta.action.meta, function(key, cb) { cb.help && can.core.Value(meta.action.meta, ["_trans", key], cb.help) })
 		var action = can.onappend._action(can, meta.action.list? meta.action.list.reverse(): meta.action, ui.action, {_trans: meta.action.meta? meta.action.meta._trans: {},
-			_engine: function(event, button) {
+			_engine: function(event, button) { can.core.CallFunc(meta.action.meta? meta.action.meta[button]: meta.action, [event, button]), action.close(event) },
-				can.core.CallFunc(meta.action.meta? meta.action.meta[button]: meta.action, [event, button])
-				action.close(event)
-			},
 			open: function(event) { meta.content.indexOf(ice.HTTP) == 0 && can.user.open(meta.content), meta.title.indexOf(ice.HTTP) == 0 && can.user.open(meta.title) },
-			close: function(event) {
+			close: function(event) { event && event.isTrusted && can.onengine.signal(can, "onevent", can.request(event, {_type: "close"}))
-				event && event.isTrusted && can.onengine.signal(can, "onevent", can.request(event, {_type: "close"}))
 			action.timer.stop = true, can.page.Remove(can, ui._target) },
 			cancel: function(event) { action.timer.stop = true, can.page.Remove(can, ui._target) },
 			timer: can.core.Timer({interval: 100, length: (meta.duration||1000)/100}, function(event, interval, index) {
@@ -117,11 +114,9 @@ Volcanos("user", {
 				can.onmotion.delay(can, function() { can.page.Remove(can, ui._target) }, 1000)
 			}), _target: ui._target,
 		}); can.onmotion.story.auto(can, ui._target)
-		if (action._target.parentNode == document.body) {
+		if (action._target.parentNode == document.body) { can.onmotion.delay(can, function() {
-			can.onmotion.delay(can, function() {
 			can.page.style(can, action._target, html.TOP, (can.page.height() - action._target.offsetHeight)/4, html.LEFT, (can.page.width()-action._target.offsetWidth)/2)
-			})
+		}) }
-		}
 		if (meta.action && meta.action.length == 1 && meta.action[0] === "") {
 			can.page.Select(can, action._target, html.DIV_ACTION, function(target) { can.onmotion.hidden(can, target) })
 		} can._toast && (typeof can._toast.close == code.FUNCTION && can._toast.close(), delete(can._toast))

plugin/local/wiki/feel.css

@@ -1,22 +1,32 @@
-fieldset.feel:not(.cmd)>form.option>div.item.file { display:none; }
+fieldset.feel>form.option>div.item.file { display:none; }
 body.mobile fieldset.feel>form.option>div.item.file { display:none; }
+fieldset.feel.fullscreen>div.action>div.item:not(.fullscreen) { display:none; }
+fieldset.feel>div.output>div.project>div.albums { display:flex; flex-wrap:wrap; }
+fieldset.feel>div.output>div.project>div.albums>div.item.album { border-bottom:var(--box-notice3); border-color:transparent; width:33.3%; display:flex; flex-direction:column; }
+fieldset.feel>div.output>div.project>div.albums>div.item.album.select { border-bottom:var(--box-notice3); border-right:none; }
+fieldset.feel>div.output>div.project>div.albums>div.item.album.create { height:calc(var(--project-width)/3 - 10px); font-size:42px; display:flex; justify-content:center; align-items:center; }
+fieldset.feel>div.output>div.project>div.albums>div.item.album img { height:calc(var(--project-width)/3 - 10px); width:100%; object-fit:cover; }
 fieldset.feel>div.output>div.project>div.item.select { border-width:3px; }
 fieldset.feel>div.output>div.project>div.item>img { padding:5px; }
 fieldset.feel>div.output>div.project>div.item>span.name { flex-grow:1; overflow:hidden; }
 fieldset.feel>div.output>div.project>div.item>span.progress { color:var(--notice-bg-color); margin-left:10px; }
 fieldset.feel>div.output>div.project>div.item>span.size { color:var(--disable-fg-color); font-size:var(--status-font-size); margin-left:10px; }
+fieldset.feel>div.output>div.project>div.item>span.time { color:var(--disable-fg-color); font-size:var(--status-font-size); margin-left:10px; }
 fieldset.feel>div.output>div.layout>div.display { overflow:hidden; position:relative; }
 fieldset.feel>div.output>div.layout>div.display:not(.hide) { height:100px; display:flex; justify-content:center; align-items:center; gap:10px; }
 fieldset.feel>div.output>div.layout>div.display>.select { border:var(--box-notice); border-width:3px; }
-fieldset.feel>div.output>div.layout>div.display>img { height:100px; width:100px; object-fit:cover; }
+fieldset.feel>div.output>div.layout>div.display>img { height:100px; width:100px; object-fit:contain; }
-fieldset.feel>div.output>div.layout>div.display>video { height:100px; width:100px; object-fit:cover; }
+fieldset.feel>div.output>div.layout>div.display>video { height:100px; width:100px; object-fit:contain; }
-fieldset.feel>div.output>div.layout>div.display>div.audio { word-break:break-all; height:100px; width:100px; display:flex; align-items:center; }
+fieldset.feel>div.output>div.layout>div.display>div.audio { word-break:break-all; height:100px; width:100px; display:flex; align-items:end; }
 fieldset.feel>div.output>div.layout>div.display>div.audio:not(.select) { border:var(--box-border); }
-fieldset.feel>div.output>div.layout>div.display>div.audio img.cover { height:94px; width:94px; position:absolute; }
+fieldset.feel>div.output>div.layout>div.display>div.audio img.cover { height:98px; width:98px; position:absolute; }
-fieldset.feel>div.output>div.layout>div.display>div.audio span.name { z-index:5; }
+fieldset.feel>div.output>div.layout>div.display>div.audio.select img.cover { height:94px; width:94px; position:absolute; }
-fieldset.feel>div.output>div.layout>div.display>img:hover { cursor:pointer; }
+fieldset.feel>div.output>div.layout>div.display>div.audio span.name { background-color:var(--hover-bg-color); color:white; z-index:5; }
-fieldset.feel>div.output>div.layout>div.display>video:hover { cursor:pointer; }
+fieldset.feel>div.output>div.layout>div.display>*.select { background-color:var(--hover-bg-color); }
-fieldset.feel>div.output>div.layout>div.display>div.audio:hover { cursor:pointer; }
+fieldset.feel>div.output>div.layout>div.display>*:hover { background-color:var(--hover-bg-color); cursor:pointer; }
+fieldset.feel>div.output>div.layout>div.display>img:hover { background-color:var(--hover-bg-color); cursor:pointer; }
+fieldset.feel>div.output>div.layout>div.display>video:hover { background-color:var(--hover-bg-color); cursor:pointer; }
+fieldset.feel>div.output>div.layout>div.display>div.audio:hover { background-color:var(--hover-bg-color); cursor:pointer; }
 fieldset.feel>div.output>div.layout>div.display>div.toggle { font-size:32px; padding:5px; padding-top:32px; height:100px; position:absolute; }
 fieldset.feel>div.output>div.layout>div.display>div.toggle.prev { left:0; }
 fieldset.feel>div.output>div.layout>div.display>div.toggle.next { right:0; }

plugin/local/wiki/feel.js

@@ -1,45 +1,65 @@
 Volcanos(chat.ONIMPORT, {
 	_init: function(can, msg, cb) { can.onappend.style(can, wiki.FEEL)
-		can.user.isMobile && (can.onaction.list = ["upload"])
+		can.user.isMobile && (can.onaction.list = [web.UPLOAD])
+		can.run({}, [], function(_msg) { can.db.albums = _msg
 			can.ui = can.onappend.layout(can), cb && cb(msg)
-		if (can.Action("sort") != mdb.TIME) {
+			if (can.base.isIn(can.Action("sort")||"", mdb.TIME, "")) {
-			can.onaction.sort({}, can, "sort", can.Action("sort"))
-		} else {
 				can.onimport._project(can, msg)
-		}
+			} else {
-		can.onimport.page(can, can.db.list, can.db.begin = 0)
+				can.onaction.sort({}, can, "sort", can.Action("sort"))
-		can.onmotion.toggle(can, can.ui.display, true), can.onimport.layout(can)
+			} can.onimport.page(can, can.db.list, can.db.begin = 0)
+			can.onmotion.toggle(can, can.ui.display, can.user.isMobile || can.page.isDisplay(can.ui.project)), can.onimport.layout(can)
+		})
 	},
 	_project: function(can, msg) { can.db.list = [], can.db.dir_root = msg.Option(nfs.DIR_ROOT)
+		can.ui.albums = can.page.Appends(can, can.ui.project, ["albums"])._target
+		can.db.albums.Table(function(value) {
+			can.page.Append(can, can.ui.albums, [{view: "item album "+(can.base.beginWith(can.Option(nfs.PATH), value.path)? "select": ""), background: value.cover, list: [
+				{img: can.misc.Resource(can, value.cover||"usr/icons/background.jpg")}, {text: value.name},
+			], onclick: function(event) {
+				can.Option(nfs.PATH, value.path), can.Update()
+			}, oncontextmenu: function(event) {
+				can.user.carteItem(event, can, value)
+			}}])
+		})
+		can.page.Append(can, can.ui.albums, [{view: ["item album create", "", "+"], onclick: function(event) {
+			can.Update(event, [ctx.ACTION, mdb.CREATE])
+		}}])
+		can.ui.filter = can.onappend.filter(can, can.ui.project)
+		// var action = can.page.Append(can, can.ui.project, ["action"])._target
+		// can.onappend._action(can, can.onaction.list, action)
 		msg.Table(function(item) { item.name = can.base.trimPrefix(item.path, can.Option(nfs.PATH))
 			can.base.endWith(item.path, "/") && (item.nick = [{img: can.misc.Resource(can, "usr/icons/dir.png")}, {text: [item.name, "", mdb.NAME]}])
 			can.base.endWith(item.path, nfs.PS)? can.onimport.item(can, item, function(event) { can.Option(nfs.PATH, item.path) && can.Update(event) }): can.db.list.push(item)
 		})
-		can.core.List(can.db.list, function(item, index) { var last = can.onexport.progress(can, "p."+item.path)
+		can.onmotion.cacheClear(can, "", can.ui.content)
+		can.db.hash[0] && msg.path.indexOf(can.db.hash[0]) == -1 && (can.db.hash[0] = "")
+		can.core.List(can.db.list, function(item, index) { var last = can.onexport.progress(can, "p."+item.path);
+			(!can.db.hash[0] || can.db.hash[0] == can.Option(nfs.PATH) || can.db.hash[0].indexOf(can.Option(nfs.PATH)) == -1) && (can.db.hash[0] = item.path)
 			item.nick = [item.cover? {img: can.misc.Resource(can, item.cover)}:
 				can.misc.isImage(can, item.path)? {img: can.misc.Resource(can, item.path)}:
 				can.misc.isVideo(can, item.path)? {img: can.misc.Resource(can, "usr/icons/QuickTime Player.png")}:
 				can.misc.isAudio(can, item.path)? {img: can.misc.Resource(can, "usr/icons/Music.png")}: null,
-				{text: [item.name, "", mdb.NAME]}, last && {text: [last, "", "progress"]}, {text: [item.size, "", nfs.SIZE]},
+				{text: [item.name, "", mdb.NAME]}, {text: [last||"", "", "progress"]},
+				can.Option(nfs.PATH) != "usr/icons/" && can.base.isIn(can.Action("sort")||"", mdb.TIME, "")? {text: [can.base.TimeTrim(item.time), "", mdb.TIME]}: {text: [item.size, "", nfs.SIZE]},
 			]
+			item.title = [item.time, item.path, item.size].join("\n")
 			item._hash = item.path, item._title = item.path.split("/").pop()
 			item._target = can.onimport.item(can, item, function(event, item, show, target) { can.onimport._content(can, item, index, target) })
+			item.title = ""
 		})
 	},
-	_content: function(can, item, index, target) { can.Option(nfs.FILE, item.name), can.Status(item)
+	_content: function(can, item, index, target) { can.Option(nfs.FILE, item.name), can.Status(item), can.ui.video = item._video, can.ui.current = item
 		if (can.onexport.progress(can, "p."+item.path) == "100%") { can.onexport.progress(can, "p."+item.path, ""), can.onexport.progress(can, item.path, "") }
+		if (can.misc.isImage(can, item.path)) { can.onmotion.delay(can, function() { can.onaction.playnext(can) }, 5000) }
 		if (!can.onmotion.cache(can, function() { return item.path }, can.ui.content)) { var progress
-			item._cb = function(event) { can.ui.video = event.target
+			item._cb = function(event, video) { can.ui.video = item._video = video
-				var p = parseInt(event.target.currentTime*100/event.target.duration)
+				var p = parseInt(video.currentTime*100/video.duration)
 				can.page.Select(can, target, "span.progress", function(target) { target.innerText = p+"%" })
 				if (!progress) { progress = can.page.Append(can, can.ui.content, ["progress"])._target } can.page.style(can, progress, html.WIDTH, can.ui.content.offsetWidth*p/100)
 			}
 			var _target = can.onimport.file(can, item.path, item, index, can.ui.content, true); _target.focus()
-			can.onappend._toggle(can, can.ui.content, function() {
+			can.onappend._toggle(can, can.ui.content, function() { can.onaction.prev({}, can) }, function() { can.onaction.next({}, can) })
-				target.previousSibling? target.previousSibling.click(): can.user.toast(can, "已经是第一页了")
-			}, function() {
-				target.nextSibling? target.nextSibling.click(): can.user.toast(can, "已经是最后一页了")
-			})
 		}
 		if (index < can.db.begin || index >= can.db.begin+can.db.limit) {
 			can.onimport.page(can, can.db.list, can.db.begin = index-index%can.db.limit)
@@ -55,7 +75,7 @@ Volcanos(chat.ONIMPORT, {
 	page: function(can, list, begin) { can.onmotion.clear(can, can.ui.display)
 		begin = parseInt(begin||can.db.begin||0), can.db.limit = can.base.Min((parseInt(can.ui.display.offsetWidth/110)||5)-1, 3)
 		for (var i = begin; i < begin+can.db.limit; i++) { if (list && list[i]) { list[i]._display = can.onimport.file(can, list[i].path, list[i], i) } }
-		can.onappend._toggle(can, can.ui.display, function(event) { can.onaction.prev(event, can) }, function(event) { can.onaction.next(event, can) })
+		can.onappend._toggle(can, can.ui.display, function(event) { can.onaction.prevpage(event, can) }, function(event) { can.onaction.nextpage(event, can) })
 		can.Status({begin: begin, limit: can.db.limit, total: list.length})
 	},
 }, [""])
@@ -63,29 +83,31 @@ Volcanos(chat.ONFIGURE, {
 	png: function(can, item) { return can.onfigure.image(can, item) },
 	jpg: function(can, item) { return can.onfigure.image(can, item) },
 	jpeg: function(can, item) { return can.onfigure.image(can, item) },
-	image: function(can, item) { return {img: item._path, onclick: function(event) { item._target.click() }} },
+	image: function(can, item) { return {img: item._path, title: item.title, onclick: function(event) { item._target.click() }} },
 	video: function(can, item, auto) { var init, last = can.onexport.progress(can, item.path)||0
-		return {type: html.VIDEO, data: {src: item._path, controls: auto, autoplay: auto},
+		var meta =  {type: html.VIDEO, title: item.title, data: {src: item._path, controls: auto, autoplay: auto},
-			onclick: function(event) { item._target.click(), can.onkeymap.prevent(event) },
+			onclick: function(event) { item._target.click() },
 			onratechange: function(event) { can.onexport.storage(can, "rate", event.target.playbackRate) },
 			onvolumechange: function(event) { can.onexport.storage(can, "volume", event.target.volume) },
-			onloadedmetadata: function(event) {
+			onloadedmetadata: function(event) { item._cb && item._cb(event, event.target)
 				event.target.volume = can.onexport.storage(can, "volume")||0.5
 				event.target.playbackRate = can.onexport.storage(can, "rate")||1
 			},
-			ontimeupdate: function(event) { if (event.target.currentTime == 0) { return } item._cb && item._cb(event)
+			ontimeupdate: function(event) { if (event.target.currentTime == 0) { return } item._cb && item._cb(event, event.target)
 				can.Status("position", can.onexport.position(can, event.target.currentTime-1, event.target.duration))
 				can.onexport.progress(can, "p."+item.path, parseInt(event.target.currentTime*100/event.target.duration)+"%")
 				can.onexport.progress(can, item.path, event.target.currentTime)
 				if (!init) { init = true, event.target.currentTime = last }
 			},
-			onended: function(event) { var next = item._target.nextSibling
+			onended: function(event) { can.onaction.playnext(can) },
-				next && can.onmotion.delay(can, function() { next.click() }, 300)
-			},
 		}
+		if (!auto && can.misc.isVideo(can, item.path) && !can.user.isChrome) {
+			return {view: html.AUDIO, list: [{img: can.misc.Resource(can, item.cover||"usr/icons/QuickTime Player.png", can.ConfSpace()), className: "cover"}, {text: [item.name, "", mdb.NAME]}], onclick: meta.onclick}
+		}
+		return meta
 	},
 	audio: function(can, item, auto) { var meta = can.onfigure.video(can, item, auto); meta.type = html.AUDIO
-		return {view: html.AUDIO, list: [{img: can.misc.Resource(can, item.cover, can.ConfSpace()), className: "cover"}, {text: [item.name, "", mdb.NAME]}, meta], onclick: meta.onclick}
+		return {view: html.AUDIO, list: [{img: can.misc.Resource(can, item.cover||"usr/icons/Music.png", can.ConfSpace()), className: "cover"}, {text: [item.name, "", mdb.NAME]}, meta], onclick: meta.onclick}
 	},
 	webm: function(can, item, auto) { return can.onfigure.video(can, item, auto) },
 	mov: function(can, item, auto) { return can.onfigure.video(can, item, auto) },
@@ -100,41 +122,75 @@ Volcanos(chat.ONACTION, {
 			"fullscreen": "bi bi-fullscreen",
 		},
 	},
-	list: ["upload", "record1", "record2", "fullscreen", ["sort", "time", "path", "size"]],
+	list: [
-	record0: function(event, can, name, cb) { can.user.input(event, can, [{name: nfs.FILE, value: name}], function(list) { var height = window.innerHeight
+		// "fullscreen",
-		navigator.mediaDevices.getDisplayMedia({video: {height: height}}).then(function(stream) {
+		"mkdir", "upload", "record1", "record2",
-			can.core.Next([3, 2, 1], function(item, next) { can.user.toast(can, item + "s 后开始截图"), can.onmotion.delay(can, next, 1000) }, function() { can.user.toast(can, "现在开始截图")
+		["sort", mdb.TIME, nfs.PATH, nfs.SIZE],
+		["order", "loop", "range", "random"],
+	],
+	record0: function(event, can, name, cb) { can.user.input(event, can, [{name: nfs.FILE, value: name}], function(list) {
+		var height = window.innerHeight, width = window.innerWidth
+		navigator.mediaDevices.getDisplayMedia({video: {height: height*8, width: width*8}}).then(function(stream) {
+			can.core.Next([3, 2, 1], function(item, next) { can.user.toast(can, item + "s 后开始截图"), can.onmotion.delay(can, next, 1000) }, function() { can.onmotion.clearFloat(can)
+				can.onmotion.delay(can, function() {
 					cb(stream, function(blobs, ext) { var msg = can.request(event); msg._upload = new File(blobs, list[0]+nfs.PT+ext)
-					can.runAction(msg, html.UPLOAD, [], function() { can.user.toast(can, "上传成功"), can.Update() })
+						can.runAction(msg, html.UPLOAD, [], function(msg) { can.user.toast(can, "上传成功")
-					can.core.List(stream.getTracks(), function(item) { item.stop() })
+							can.db.hash = can.onexport.hash(can, encodeURIComponent(msg.Result())), can.Update()
+						}), can.core.List(stream.getTracks(), function(item) { item.stop() })
 					})
+				}, 300)
 			})
 		}).catch(function(err) { can.user.toast(can, err.name + ": " + err.message) })
 	}) },
-	record1: function(event, can) { can.onaction.record0(event, can, "shot", function(stream, cb) { var height = window.innerHeight
+	record1: function(event, can) { can.onaction.record0(event, can, "Screenshot "+can.base.Time(null), function(stream, cb) { var height = window.innerHeight
-		var video = can.page.Append(can, document.body, [{type: html.VIDEO, height: height}])._target; video.srcObject = stream, video.onloadedmetadata = function() { video.play(), width = video.offsetWidth
+		var video = can.page.Append(can, document.body, [{type: html.VIDEO, height: height}])._target; video.srcObject = stream, video.onloadedmetadata = function() {
+			video.play(), height = video.offsetHeight, width = video.offsetWidth
 			var canvas = can.page.Append(can, document.body, [{type: html.CANVAS, height: height, width: width}])._target; canvas.getContext("2d").drawImage(video, 0, 0, width, height)
 			canvas.toBlob(function(blob) { cb([blob], nfs.PNG) })
 		}
 	}) },
-	record2: function(event, can) { can.onaction.record0(event, can, "shot", function(stream, cb) {
+	record2: function(event, can) { if (can.ui.recorder) { return can.ui.recorder.stop() }
-		var recorder = new MediaRecorder(stream, {mimeType: 'video/webm'}), blobs = []; recorder.ondataavailable = function(res) { blobs.push(res.data) }
+		can.onaction.record0(event, can, "Screenshot "+can.base.Time(null), function(stream, cb) {
-		recorder.onstop = function() { cb(blobs, nfs.WEBM) }, recorder.start(1)
+			if (can.user.isChrome) {
-	}) },
+				var recorder = new MediaRecorder(stream, {mimeType: "video/webm;codecs=vp8"})
-	fullscreen: function(event, can) {
+				recorder.onstop = function() { delete(can.ui.recorder), cb(blobs, "webm") }
-		var show = can.onmotion.toggle(can, can.ui.project); can.onmotion.toggle(can, can.ui.display, show), can.onimport.layout(can)
+				// var recorder = new MediaRecorder(stream, {mimeType: 'video/mp4; codecs="avc1.4d002a"'})
-		can.page.ClassList.set(can, can.ui.content, html.FLOAT, !show)
+				// recorder.onstop = function() { delete(can.ui.recorder), cb(blobs, "mp4") }
+			} else {
+				var recorder = new MediaRecorder(stream, {mimeType: "video/mp4"})
+				recorder.onstop = function() { delete(can.ui.recorder), cb(blobs, "mp4") }
+			}
+			var blobs = []; recorder.ondataavailable = function(res) { blobs.push(res.data) }
+			can.ui.recorder = recorder, recorder.start(1)
+		})
+	},
+	fullscreen: function(event, can, button) { var show = can.onmotion.toggle(can, can.ui.project)
+		can.onmotion.toggle(can, can.ui.display, show), can.onmotion.toggle(can, can._status, show)
+		can.page.ClassList.set(can, can._fields, button, !show), can.page.ClassList.set(can, can.ui.content, html.FLOAT, !show)
+		can.sup.onimport.size(can.sup, can.sup.ConfHeight(), can.sup.ConfWidth())
 	},
 	sort: function(event, can, button, value) {
 		switch (value) {
 			case mdb.TIME: can._msg.Sort(value, "str_r"); break
 			case nfs.PATH: can._msg.Sort(value, "str"); break
 			case nfs.SIZE: can._msg.Sort(value, "int_r"); break
-		}
+		} can.onimport._project(can, can._msg)
-		can.onmotion.clear(can, can.ui.project), can.ui.filter = can.onappend.filter(can, can.ui.project), can.onimport._project(can, can._msg)
 	},
-	prev: function(event, can) { if (can.db.begin > 0) { can.db.begin -= can.db.limit, can.onimport.page(can, can.db.list) } else { can.user.toast(can, "已经是第一页了") } },
+	playnext: function(can) {
-	next: function(event, can) { if (can.db.begin + can.db.limit < can.db.list.length) { can.db.begin += can.db.limit, can.onimport.page(can, can.db.list) } else { can.user.toast(can, "已经是最后一页了") } },
+		if (can.Action("order") == "loop") {
+			if (can.ui.video) { can.ui.video.currentTime = 0, can.ui.video.play() }
+		}
+		if (can.Action("order") == "range") { var next = can.ui.current._target.nextSibling
+			next && can.onmotion.delay(can, function() { next.click() }, 300)
+		}
+		if (can.Action("order") == "random") {
+			can.db.list[parseInt(Math.random()*can.db.list.length)]._target.click()
+		}
+	},
+	prev: function(event, can) { var target = can.ui.current._target; target.previousSibling? target.previousSibling.click(): can.user.toast(can, "已经是第一页了") },
+	next: function(event, can) { var target = can.ui.current._target; target.nextSibling? target.nextSibling.click(): can.user.toast(can, "已经是最后一页了") },
+	prevpage: function(event, can) { if (can.db.begin > 0) { can.db.begin -= can.db.limit, can.onimport.page(can, can.db.list) } else { can.user.toast(can, "已经是第一页了") } },
+	nextpage: function(event, can) { if (can.db.begin + can.db.limit < can.db.list.length) { can.db.begin += can.db.limit, can.onimport.page(can, can.db.list) } else { can.user.toast(can, "已经是最后一页了") } },
 })
 Volcanos(chat.ONEXPORT, {list: [cli.BEGIN, mdb.LIMIT, mdb.TOTAL, mdb.NAME, nfs.SIZE, mdb.TIME, "position"],
 	progress: function(can, path, time) { return can.onexport.storage(can, path.split("?")[0], time) },
@@ -144,10 +200,11 @@ Volcanos(chat.ONKEYMAP, {
 	_mode: {
 		plugin: {
 			Escape: function(event, can) { can.onaction.fullscreen(event, can) },
-			ArrowLeft: function(event, can) { can.ui.video.currentTime -= 15 },
+			ArrowLeft: function(event, can) { if (can.ui.video) { can.ui.video.currentTime -= 15 } else { can.onaction.prev(event, can) } },
-			ArrowRight: function(event, can) { can.ui.video.currentTime += 15 },
+			ArrowRight: function(event, can) { if (can.ui.video) { can.ui.video.currentTime += 15 } else { can.onaction.next(event, can) } },
 			ArrowDown: function(event, can) { try { can.user.toast(can, "volume: "+parseInt((can.ui.video.volume -= 0.1)*100)) } catch (e) {} },
 			ArrowUp: function(event, can) { try { can.user.toast(can, "volume: "+parseInt((can.ui.video.volume += 0.1)*100)) } catch (e) {} },
+			" ": function(event, can) { if (can.ui.video) { can.ui.video.paused? can.ui.video.play(): can.ui.video.pause() } },
 		},
 	},
 })

plugin/state.js

@@ -352,7 +352,7 @@ Volcanos(chat.ONEXPORT, {
 	},
 	title: function(can, title) { if (!can.isCmdMode()) { return }
 		var list = []; function push(p) { p && list.indexOf(p) == -1 && list.push(p) }
-		if (!can.base.isIn(can.ConfIndex(), web.PORTAL)) { push(can.user.trans(can, can.ConfIndex(), can.Conf("help"))) }
+		if (!can.base.isIn(can.ConfIndex(), web.PORTAL, code.VIMER, wiki.FEEL)) { push(can.user.trans(can, can.ConfIndex(), can.Conf("help"))) }
 		can.core.List(arguments, function(title, index) { index > 0 && push(title) }), push(can.ConfSpace()||can.misc.Search(can, ice.POD))
 		can.user.title(list.join(" "))
 	},
@@ -361,10 +361,8 @@ Volcanos(chat.ONEXPORT, {
 		// if (can.sub && can.sub.onexport.link) { return can.sub.onexport.link(can.sub) }
 		var args = can.Option(); args.pod = can.ConfSpace()||can.misc.Search(can, ice.POD), args.cmd = can.ConfIndex()
 		can.core.Item(args, function(key, value) { key != ice.POD && !value && delete(args[key]) })
-		var hash = can.onexport.storage(can, "hash")||""
+		var hash = can.onexport.storage(can, "hash")||""; can.base.isArray(hash) && (hash = hash.join(":")), hash && (hash = "#"+hash)
-		can.base.isArray(hash) && (hash = hash.join(":"))
+		return can.base.replaceAll(can.misc.MergePodCmd(can, args, true), "%2F", "/")+hash
-		hash && (hash = "#"+hash)
-		return can.misc.MergePodCmd(can, args, true)+hash
 	},
 	close: function(can, msg) {},
 })

plugin/table.js

@@ -123,7 +123,7 @@ Volcanos(chat.ONIMPORT, {
 	},
 	_item: function(can, item, cb, cbs) {
 		item._hash = item._hash||item.hash||item.zone||item.path||item.name
-		item._title = item._title||item.name||item.path||item.path||item.hash
+		item._title = item._title||item.name||item.path||item.zone||item.hash
 		item._select == undefined && can.db.hash[0] && (item._select = can.db.hash[0] == item._hash)
 		return {view: [[html.ITEM, item.type, item.role, item.status]], title: item.title||item.nick, list: [
 			can.onimport._icons(can, item),