kate522
9375b1c30c
- assets/vendor 全量迁移: fontawesome5→assets/fontawesome5, css→assets/css, js→assets/js/runtime(避开 14 个同名自有文件), img 合并去重→assets/img, fonts→assets/fonts; 删除 assets/vendor - libs 五个与 widgets/third-party 字节相同的库不重复入库, loader paths 改指向 - 运行时切换: _win.uri=assets 根, loader baseUrl=/js/runtime, enlighter 注入 路径同步; PHP 7 个引用文件切换并改名 $zibll_*→$runtime_* - 去品牌: Qinver 头注释/品牌 console.log/演示链接清除, 默认文案中性化 - 功能标识符改名: zib__→aksrt__, zib_ajax→aksrt_ajax, window.zib→ window.aksrtLegacy, zibllblock/*→aksrtblock/*, .zib-widget→.aksrt-panel, .zib-slider→.aksrt-slider, zib_menu_options meta 键等 - 自有 CSS 改名: legacy-utilities/compat-vars/footer shell - admin SPA 重建; 契约测试同步(路径/断言/文件更名) - 例外保留: tests/visual 对照环境与 fixtures 前缀(外部 Zibll 产品引用) 验证: php -l 133 个改动文件通过; runtime 86 个 JS node --check 通过; 契约测试 68/70(2 个失败经 stash 对照确认为存量问题)
91 lines
2.8 KiB
JavaScript
91 lines
2.8 KiB
JavaScript
/**
|
|
* Mobile FixedInput + autoheight for comment respond (legacy parity).
|
|
*/
|
|
(function () {
|
|
'use strict';
|
|
|
|
function $(sel, root) {
|
|
return (root || document).querySelector(sel);
|
|
}
|
|
|
|
function FixedInput(el, action) {
|
|
if (!el) return;
|
|
if (!el.dataset.fixedBound) {
|
|
el.addEventListener('click', function (e) {
|
|
if (e.target && e.target.closest && e.target.closest('.fixed-body')) {
|
|
FixedInput(el, 'hide');
|
|
}
|
|
});
|
|
el.dataset.fixedBound = '1';
|
|
}
|
|
if (action === 'show') {
|
|
el.classList.add('show');
|
|
window.setTimeout(function () {
|
|
var field = el.querySelector('textarea, input');
|
|
if (field) field.focus();
|
|
}, 100);
|
|
return;
|
|
}
|
|
if (action === 'hide') {
|
|
var cancel = el.querySelector('#cancel-comment-reply-link');
|
|
if (cancel) cancel.click();
|
|
el.querySelectorAll('input,textarea').forEach(function (n) {
|
|
try { n.blur(); } catch (e) {}
|
|
});
|
|
el.querySelectorAll('.dropup.open, .open').forEach(function (n) {
|
|
n.classList.remove('open');
|
|
});
|
|
el.classList.remove('show');
|
|
}
|
|
}
|
|
|
|
document.addEventListener('click', function (e) {
|
|
var trigger = e.target && e.target.closest ? e.target.closest('[fixed-input]') : null;
|
|
if (!trigger) return;
|
|
e.preventDefault();
|
|
var targetSel = trigger.getAttribute('fixed-input') || '#respond';
|
|
var panel = document.querySelector(targetSel);
|
|
var comments = document.getElementById('comments');
|
|
if (comments && comments.scrollIntoView) {
|
|
comments.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
}
|
|
FixedInput(panel, 'show');
|
|
});
|
|
|
|
// Autoheight textareas.
|
|
function bindAutoheight(ta) {
|
|
if (!ta || ta.dataset.autoheightBound) return;
|
|
ta.dataset.autoheightBound = '1';
|
|
var max = parseInt(ta.getAttribute('maxheight') || '188', 10) || 188;
|
|
var resize = function () {
|
|
ta.style.height = 'auto';
|
|
var h = Math.min(ta.scrollHeight, max);
|
|
ta.style.height = h + 'px';
|
|
ta.style.overflowY = ta.scrollHeight > max ? 'auto' : 'hidden';
|
|
};
|
|
ta.addEventListener('input', resize);
|
|
resize();
|
|
}
|
|
|
|
function scan() {
|
|
document.querySelectorAll('textarea[autoheight], textarea.grin').forEach(bindAutoheight);
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', scan);
|
|
if (window.AksrtFrontend && typeof window.AksrtFrontend.register === 'function') {
|
|
window.AksrtFrontend.register('aksrt-comment-fixed-input', function (root) {
|
|
scan();
|
|
// Expose for submit hide.
|
|
root = root || document;
|
|
var respond = root.querySelector ? root.querySelector('#respond') : document.getElementById('respond');
|
|
if (respond) {
|
|
respond.aksrtFixedInput = function (action) {
|
|
FixedInput(respond, action);
|
|
};
|
|
}
|
|
});
|
|
}
|
|
|
|
window.AksrtFixedInput = FixedInput;
|
|
})();
|