liubin/volcanos
1
0
Fork 0
forked from x/volcanos
Code Pull Requests Activity

opt date.js

Browse Source
This commit is contained in:
harveyshao 2023-02-12 23:43:47 +08:00
parent a912f2f8a4
commit e715794e76
4 changed files with 25 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frame.js
View File

@ -393,7 +393,7 @@ Volcanos(chat.ONAPPEND, {_init: function(can, meta, list, cb, target, field) {
} else { can.page.Append(can, target, [item]) } } else { can.page.Append(can, target, [item]) }
} }
}); return list } ui.list = append(target, type, list||[html.PROJECT, [[html.CONTENT, html.PROFILE], html.DISPLAY]]) }); return list } ui.list = append(target, type, list||[html.PROJECT, [[html.CONTENT, html.PROFILE], html.DISPLAY]])
function calc(item, size, total) { return !ui.size[item]? size: ui.size[item] < 1? total*ui.size[item]: ui.size[item] } function calc(item, size, total) { return !ui.size[item]? can.base.isString(size)? parseInt(can.base.trimSuffix(size, "px")): size: ui.size[item] < 1? total*ui.size[item]: ui.size[item] }
var defer = [], content_height, content_width; function layout(type, list, height, width) { var _width = width, _height = height; can.core.List(list, function(item) { var defer = [], content_height, content_width; function layout(type, list, height, width) { var _width = width, _height = height; can.core.List(list, function(item) {
if (item == html.CONTENT) { content_height = height, content_width = width if (item == html.CONTENT) { content_height = height, content_width = width
return defer.push(function() { can.page.style(can, ui[item], html.HEIGHT, height, html.WIDTH, width) }) return defer.push(function() { can.page.style(can, ui[item], html.HEIGHT, height, html.WIDTH, width) })
@ -402,13 +402,12 @@ Volcanos(chat.ONAPPEND, {_init: function(can, meta, list, cb, target, field) {
if (type == FLOW) { var h = calc(item, ui[item].offsetHeight, height) if (type == FLOW) { var h = calc(item, ui[item].offsetHeight, height)
if (can.base.isObject(meta)) { meta.layout(h, width) } if (can.base.isObject(meta)) { meta.layout(h, width) }
can.page.style(can, ui[item], html.WIDTH, width), height -= h can.page.style(can, ui[item], html.WIDTH, width), height -= h
} else { var w = calc(item, ui[item].offsetWidth||_width/list.length, _width), h = height } else { var w = calc(item, ui[item].offsetWidth||ui[item].style.width||_width/list.length, _width), h = height
if (can.base.isObject(meta)) { meta.layout(h, w = _width/list.length) } if (can.base.isObject(meta)) { meta.layout(h, w = _width/list.length) }
can.page.style(can, ui[item], html.HEIGHT, h, html.WIDTH, w), width -= w can.page.style(can, ui[item], html.HEIGHT, h, html.WIDTH, w), width -= w
} }
}), can.core.List(list, function(item) { if (can.base.isArray(item)) { layout(type == FLOW? FLEX: FLOW, item, height, width) } }) } }), can.core.List(list, function(item) { if (can.base.isArray(item)) { layout(type == FLOW? FLEX: FLOW, item, height, width) } }) }
ui.layout = function(height, width, delay, cb) { can.onmotion.delay(can, function() { defer = [], layout(type, ui.list, height, width), defer.forEach(function(cb) { cb() }), cb && cb(content_height, content_width) }, delay||0) } ui.layout = function(height, width, delay, cb) { can.onmotion.delay(can, function() { defer = [], layout(type, ui.list, height, width), defer.forEach(function(cb) { cb() }), cb && cb(content_height, content_width) }, delay||0) }; return ui
return ui
}, },
tabview: function(can, meta, list, target) { var ui = can.page.Append(can, target, [html.ACTION, html.OUTPUT]) tabview: function(can, meta, list, target) { var ui = can.page.Append(can, target, [html.ACTION, html.OUTPUT])
can.core.List(can.base.getValid(list, can.core.Item(meta)), function(name, index) { can.core.List(can.base.getValid(list, can.core.Item(meta)), function(name, index) {
@ -446,7 +445,9 @@ Volcanos(chat.ONAPPEND, {_init: function(can, meta, list, cb, target, field) {
var input = meta.action||mdb.KEY, path = chat.PLUGIN_INPUT+input+nfs._JS; can.require([path], function(can) { var input = meta.action||mdb.KEY, path = chat.PLUGIN_INPUT+input+nfs._JS; can.require([path], function(can) {
function _cb(sub, value, old) { if (value == old) { return } can.base.isFunc(cb)? cb(sub, value, old): target.value = value } function _cb(sub, value, old) { if (value == old) { return } can.base.isFunc(cb)? cb(sub, value, old): target.value = value }
can.core.ItemCB(can.onfigure[input], function(key, on) { var last = target[key]||function(){}; target[key] = function(event) { can.misc.Event(event, can, function(msg) { can.core.ItemCB(can.onfigure[input], function(key, on) { var last = target[key]||function(){}; target[key] = function(event) { can.misc.Event(event, can, function(msg) {
function show(sub, cb) { can.base.isFunc(cb) && cb(sub, _cb), can.onlayout.figure(event, can, sub._target, false), can.onmotion.toggle(can, sub._target, true) } function show(sub, cb) { can.base.isFunc(cb) && cb(sub, _cb), can.onmotion.delay(can, function() {
can.onlayout.figure(event, can, sub._target, false), can.onmotion.toggle(can, sub._target, true)
}) }
can.core.CallFunc(on, {event: event, can: can, meta: meta, cb: _cb, target: target, sub: target._can, last: last, cbs: function(cb) { can.core.CallFunc(on, {event: event, can: can, meta: meta, cb: _cb, target: target, sub: target._can, last: last, cbs: function(cb) {
target._can? show(target._can, cb): can.onappend._init(can, {type: html.INPUT, name: input, style: meta.name, mode: chat.FLOAT}, [path], function(sub) { sub.Conf(meta) target._can? show(target._can, cb): can.onappend._init(can, {type: html.INPUT, name: input, style: meta.name, mode: chat.FLOAT}, [path], function(sub) { sub.Conf(meta)
sub.run = function(event, cmds, cb) { var msg = sub.request(event) sub.run = function(event, cmds, cb) { var msg = sub.request(event)

15
index.css
View File

@ -103,6 +103,7 @@ body>div.input textarea { height:120px; width:200px; }
body>div.input input:not([type=button]) { width:200px; } body>div.input input:not([type=button]) { width:200px; }
body>div.input div.action input[type=button] { width:90px; } body>div.input div.action input[type=button] { width:90px; }
body>div.input div.action div { margin:5px; float:right; } body>div.input div.action div { margin:5px; float:right; }
body>div.input div.action { width:100%; }
body>div.upload div.item { float:left; } body>div.upload div.item { float:left; }
body>div.upload div.output { border:red solid 1px; clear:both; } body>div.upload div.output { border:red solid 1px; clear:both; }
body>div.upload div.progress { background-color:red; height:10px; width:0; } body>div.upload div.progress { background-color:red; height:10px; width:0; }
@ -120,13 +121,13 @@ div.action>div.tabs { padding:5px; height:31px; }
div.status>div.item { padding:5px; height:30px; } div.status>div.item { padding:5px; height:30px; }
div.status>div.item>label { font-size:0.6rem; } div.status>div.item>label { font-size:0.6rem; }
/* display */ /* display */
form.option, div.action { display:contents; } form.option.hide, div.action.hide { display:none; } fieldset>form.option, fieldset>div.action { display:contents; } form.option.hide, div.action.hide { display:none; }
form.option>div.item>label, div.action>div.item>label, .hidden, .hide { display:none; } form.option>div.item>label, div.action>div.item>label, .hidden, .hide { display:none; }
form.option>div.cmd, form.option>div.textarea { width:100%; } textarea { resize:vertical; } form.option>div.cmd, form.option>div.textarea { width:100%; } textarea { resize:vertical; }
legend, form.option, form.option>div.item, div.action, div.action>div.item, div.action>div.tabs, fieldset>div.status>div.item, div.layout.flex>* { float:left; } legend, form.option, form.option>div.item, div.action, div.action>div.item, div.action>div.tabs, fieldset>div.status>div.item, div.layout.flex>* { float:left; }
div.action, div.output, div.status, div.project, div.display, div.profile, div.content, table.content, table.content td, div.code, div.plug, div.story, div.toast, div.carte, fieldset.input { overflow:auto; } div.action, div.output, div.status, div.project, div.display, div.profile, div.content, table.content, table.content td, div.code, div.plug, div.story, div.toast, div.carte, fieldset.input { overflow:auto; }
fieldset>div.output, fieldset>div.status, div.item.textarea, div.project div.item, div.content:not(.item), div.code, div.story[data-type=spark] { clear:both; } fieldset>div.output, fieldset>div.status, div.item.textarea, div.project div.item, div.content:not(.item), div.code, div.story[data-type=spark] { clear:both; }
fieldset>div.status>legend { margin-left:2px; margin-right:0; float:right; clear:none; } fieldset>div.status>legend { margin-left:2px; margin-right:0; height:30px; float:right; clear:none; }
fieldset.plugin:not(.output):not(.float):not(.full):not(.cmd) { padding:10px; margin:10px; } fieldset.plugin:not(.output):not(.float):not(.full):not(.cmd) { padding:10px; margin:10px; }
fieldset.plugin:not(.float):not(.full):not(.cmd)>legend { float:none; } fieldset.plugin:not(.float):not(.full):not(.cmd)>legend { float:none; }
fieldset.auto, fieldset.full, fieldset.float, div.float { position:fixed; z-index:10; } fieldset.auto, fieldset.full, fieldset.float, div.float { position:fixed; z-index:10; }
@ -153,6 +154,16 @@ div.carte.select.float { border-radius:0; }
div.carte.select.float>div.item { text-align:center; } div.carte.select.float>div.item { text-align:center; }
div.item.select span { margin-left:-20px; margin-right:10px; } div.item.select span { margin-left:-20px; margin-right:10px; }
div.item.select input { font-family:monospace; border-radius:0; min-width:60px; } div.item.select input { font-family:monospace; border-radius:0; min-width:60px; }
div.project div.zone div.list { clear:both; }
body.en fieldset.input.date.float>div.action>div.item.select { margin:0 5px; }
body.en fieldset.input.date.float>div.action>div.item.select select { width:65px; }
body.en fieldset.input.date.float>div.action>div.item.select.year select { width:115px; }
body.en fieldset.input.date.float>div.action>div.item.select.month select { width:115px; }
body.zh fieldset.input.date.float>div.action>div.item.select { margin:0 5px; }
body.zh fieldset.input.date.float>div.action>div.item.select select { width:68px; }
body.zh fieldset.input.date.float>div.action>div.item.select.year select { width:95px; }
body.zh fieldset.input.date.float>div.action>div.item.select.month select { width:95px; }
/* hover */ /* hover */
legend:hover { background-color:skyblue; } legend:hover { background-color:skyblue; }
select:hover { background-color:gray; color:cyan; } select:hover { background-color:gray; color:cyan; }

2
lib/date.js
View File

@ -9,7 +9,7 @@ Volcanos("date", {
var begin = new Date(first); begin.setDate(first.getDate()-first.getDay()); var end = new Date(last); end.setDate(last.getDate()+7-last.getDay()) var begin = new Date(first); begin.setDate(first.getDate()-first.getDay()); var end = new Date(last); end.setDate(last.getDate()+7-last.getDay())
for (var day = new Date(begin); day < first; day.setDate(day.getDate()+1)) { _cb(day, mdb.PREV) } for (var day = new Date(begin); day < first; day.setDate(day.getDate()+1)) { _cb(day, mdb.PREV) }
for (var day = new Date(first); day < last; day.setDate(day.getDate()+1)) { _cb(day, mdb.MAIN) } for (var day = new Date(first); day < last; day.setDate(day.getDate()+1)) { _cb(day, mdb.MAIN) }
for (var day = new Date(last); day < end; day.setDate(day.getDate()+1)) { _cb(day, mdb.NEXT) } for (var day = new Date(last); day.getDay() != 0 && day < end; day.setDate(day.getDate()+1)) { _cb(day, mdb.NEXT) }
return list return list
}, },
}) })

16
plugin/input/date.js
View File

@ -9,16 +9,11 @@ Volcanos(chat.ONFIGURE, {date: {
MINUTE, function(event, can, button, value) { now.setMinutes(parseInt(value)||0), show(now) }, MINUTE, function(event, can, button, value) { now.setMinutes(parseInt(value)||0), show(now) },
SECOND, function(event, can, button, value) { now.setSeconds(parseInt(value)||0), show(now) }, SECOND, function(event, can, button, value) { now.setSeconds(parseInt(value)||0), show(now) },
TODAY, function() { show(today) }, TODAY, function() { show(today) },
mdb.PREV, function() { now.setMonth(now.getMonth()-1), show(now) }, mdb.PREV, function() { now.setMonth(now.getMonth()-1), show(now) },
YEAR, function(event, can, button, value) { now.setFullYear(parseInt(value)), show(now) }, YEAR, function(event, can, button, value) { now.setFullYear(parseInt(value)), show(now) },
MONTH, function(event, can, button, value) { now.setMonth(parseInt(value)-1), show(now) }, MONTH, function(event, can, button, value) { now.setMonth(parseInt(value)-1), show(now) },
mdb.NEXT, function() { now.setMonth(now.getMonth()+1), show(now) }, mdb.NEXT, function() { now.setMonth(now.getMonth()+1), show(now) },
chat._TRANS, kit.Dict(TODAY, "今天", mdb.NEXT, "下一月", mdb.PREV, "上一月"),
"rand", function() { now.setDate((Math.random() * 100 - 50) + now.getDate()), show(now) },
"over", function() { now.setFullYear(now.getFullYear()-1), show(now) },
"come", function() { now.setFullYear(now.getFullYear()+1), show(now) },
chat._TRANS, kit.Dict(TODAY, "今天", mdb.NEXT, "下一月", mdb.PREV, "上一月", "over", "去年", "come", "今年"),
)), can._table = can.page.Appends(can, can._output, [{view: [chat.CONTENT, html.TABLE]}])._target )), can._table = can.page.Appends(can, can._output, [{view: [chat.CONTENT, html.TABLE]}])._target
target.value == "" && (now.setMinutes(now.getMinutes()>30? 30: 0), now.setSeconds(0)) target.value == "" && (now.setMinutes(now.getMinutes()>30? 30: 0), now.setSeconds(0))
function show(now) { can.Action(YEAR, now.getFullYear()), can.Action(MONTH, now.getMonth()+1) function show(now) { can.Action(YEAR, now.getFullYear()), can.Action(MONTH, now.getMonth()+1)
@ -26,13 +21,12 @@ Volcanos(chat.ONFIGURE, {date: {
can.page.Appends(can, can._table, can.date.List(can, function(event, day) { day.setHours(now.getHours()), day.setMinutes(now.getMinutes()), day.getSeconds(now.getSeconds()), _cb(day), can.close() }, now)) can.page.Appends(can, can._table, can.date.List(can, function(event, day) { day.setHours(now.getHours()), day.setMinutes(now.getMinutes()), day.getSeconds(now.getSeconds()), _cb(day), can.close() }, now))
var l = can.date.solar2lunar(now); can.page.Appends(can, can._status, [{view: "today", inner: [l.gzYear, l.Animal+"年", l.cnMonth, l.cnDay, l.lunarFestival||l.festival||l.Term, l.Astro].join(ice.SP)}]) var l = can.date.solar2lunar(now); can.page.Appends(can, can._status, [{view: "today", inner: [l.gzYear, l.Animal+"年", l.cnMonth, l.cnDay, l.lunarFestival||l.festival||l.Term, l.Astro].join(ice.SP)}])
return now return now
} } show(now), can._show = function(d) { d? _cb(show(now = new Date(now.getTime()+d*24*3600*1000))): _cb(show(now)) }
show(now), can._show = function(d) { _cb(show(new Date(now.getTime()+d*24*3600*1000))) }
})}, })},
onkeydown: function(event, can, meta, cb, target, sub, last) { if (sub && sub.hidden()) { return last(event) } switch (event.key) { onkeydown: function(event, can, meta, cb, target, sub, last) { if (sub && sub.hidden()) { return last(event) } switch (event.key) {
case "n": can.page.SelectInput(can, sub._action, mdb.NEXT, function(target) { target.click() }); break case "n": can.page.SelectInput(can, sub._action, mdb.NEXT, function(target) { target.click(), sub._show() }); break
case "p": can.page.SelectInput(can, sub._action, mdb.PREV, function(target) { target.click() }); break case "p": can.page.SelectInput(can, sub._action, mdb.PREV, function(target) { target.click(), sub._show() }); break
case "t": can.page.SelectInput(can, sub._action, "today", function(target) { target.click() }); break case "t": can.page.SelectInput(can, sub._action, "today", function(target) { target.click(), sub._show() }); break
case "j": sub._show(7); break case "j": sub._show(7); break
case "k": sub._show(-7); break case "k": sub._show(-7); break
case "h": sub._show(-1); break case "h": sub._show(-1); break