@@ -220,23 +312,23 @@
}
// tabs->DOM的简单数据单向绑定
- const renderDOM = wantOpenPath => {
- let tabDiv = entities.tabBar.firstElementChild;
- tabUtil.tabs.forEach((tab, idx) => {
+ renderDOM = wantOpenPath => {
+ let tabDiv = this.entities.tabBar.firstElementChild;
+ this.tabUtil.tabs.forEach((tab, idx) => {
if (!tabDiv) {
- const _tabDiv = newTabDiv(tab.path, idx);
- entities.tabBar.insertAdjacentHTML('beforeend', _tabDiv);
- tabDiv = entities.tabBar.lastElementChild;
+ const _tabDiv = this.newTabDiv(tab.path, idx);
+ this.entities.tabBar.insertAdjacentHTML('beforeend', _tabDiv);
+ tabDiv = this.entities.tabBar.lastElementChild;
}
if (tab.path === wantOpenPath) {
tabDiv.classList.add("active");
tabDiv.scrollIntoViewIfNeeded();
- scrollContent(tab);
+ this.scrollContent(tab);
} else {
tabDiv.classList.remove("active");
}
tabDiv.setAttribute("idx", idx + "");
- tabDiv.querySelector(".name").innerText = getName(tab.path);
+ tabDiv.querySelector(".name").innerText = this.getName(tab.path);
tabDiv = tabDiv.nextElementSibling;
})
@@ -251,16 +343,16 @@
// 问题是我压根不知道content什么时候加载好
// 解决方法: 轮询设置scrollTop，当连续3次scrollTop不再改变，就判断content加载好了
// 这种方法很不环保，很ugly。但是我确实也想不到在不修改frame.js的前提下该怎么做了
- const scrollContent = activeTab => {
+ scrollContent = activeTab => {
if (!activeTab) return;
let count = 0;
const stopCount = 3;
const scrollTop = activeTab.scrollTop;
const _timer = setInterval(() => {
- const filePath = global._pluginUtils.getFilePath();
- if (filePath === activeTab.path && entities.content.scrollTop !== scrollTop) {
- entities.content.scrollTop = scrollTop;
+ const filePath = this.utils.getFilePath();
+ if (filePath === activeTab.path && this.entities.content.scrollTop !== scrollTop) {
+ this.entities.content.scrollTop = scrollTop;
count = 0;
} else {
count++;
@@ -268,134 +360,77 @@
if (count === stopCount) {
clearInterval(_timer);
}
- }, config.LOOP_DETECT_INTERVAL);
+ }, this.config.LOOP_DETECT_INTERVAL);
}
- const openTab = wantOpenPath => {
- const pathIdx = tabUtil.tabs.findIndex(tab => tab.path === wantOpenPath);
+ openTab = wantOpenPath => {
+ const pathIdx = this.tabUtil.tabs.findIndex(tab => tab.path === wantOpenPath);
// 原地打开并且不存在tab时，修改当前tab的文件路径
- if (config.LOCAL_OPEN && pathIdx === -1) {
- tabUtil.tabs[tabUtil.activeIdx].path = wantOpenPath;
+ if (this.config.LOCAL_OPEN && pathIdx === -1) {
+ this.tabUtil.tabs[this.tabUtil.activeIdx].path = wantOpenPath;
} else if (pathIdx === -1) {
- tabUtil.tabs.push({path: wantOpenPath, scrollTop: 0});
- tabUtil.activeIdx = tabUtil.tabs.length - 1;
+ this.tabUtil.tabs.push({path: wantOpenPath, scrollTop: 0});
+ this.tabUtil.activeIdx = this.tabUtil.tabs.length - 1;
} else if (pathIdx !== -1) {
- tabUtil.activeIdx = pathIdx;
+ this.tabUtil.activeIdx = pathIdx;
}
- renderDOM(wantOpenPath);
+ this.renderDOM(wantOpenPath);
}
- const switchTab = idx => {
- tabUtil.activeIdx = idx;
- openFile(tabUtil.tabs[tabUtil.activeIdx].path);
+ switchTab = idx => {
+ this.tabUtil.activeIdx = idx;
+ this.openFile(this.tabUtil.tabs[this.tabUtil.activeIdx].path);
}
- const switchTabByPath = path => {
- for (let idx = 0; idx < tabUtil.tabs.length; idx++) {
- if (tabUtil.tabs[idx].path === path) {
- switchTab(idx);
+ switchTabByPath = path => {
+ for (let idx = 0; idx < this.tabUtil.tabs.length; idx++) {
+ if (this.tabUtil.tabs[idx].path === path) {
+ this.switchTab(idx);
return
}
}
}
- const previousTab = () => {
- const idx = (tabUtil.activeIdx === 0) ? tabUtil.tabs.length - 1 : tabUtil.activeIdx - 1;
- switchTab(idx);
+ previousTab = () => {
+ const idx = (this.tabUtil.activeIdx === 0) ? this.tabUtil.tabs.length - 1 : this.tabUtil.activeIdx - 1;
+ this.switchTab(idx);
}
- const nextTab = () => {
- const idx = (tabUtil.activeIdx === tabUtil.tabs.length - 1) ? 0 : tabUtil.activeIdx + 1;
- switchTab(idx);
+ nextTab = () => {
+ const idx = (this.tabUtil.activeIdx === this.tabUtil.tabs.length - 1) ? 0 : this.tabUtil.activeIdx + 1;
+ this.switchTab(idx);
}
- const closeTab = idx => {
- tabUtil.tabs.splice(idx, 1);
- if (tabUtil.tabs.length === 0) {
- closeWindow();
+ closeTab = idx => {
+ this.tabUtil.tabs.splice(idx, 1);
+ if (this.tabUtil.tabs.length === 0) {
+ this.closeWindow();
return
}
- if (tabUtil.activeIdx !== 0 && idx <= tabUtil.activeIdx) {
- tabUtil.activeIdx--;
+ if (this.tabUtil.activeIdx !== 0 && idx <= this.tabUtil.activeIdx) {
+ this.tabUtil.activeIdx--;
}
- switchTab(tabUtil.activeIdx);
+ this.switchTab(this.tabUtil.activeIdx);
}
- const closeActiveTab = () => closeTab(tabUtil.activeIdx);
-
- global._pluginUtils.decorateOpenFile(null, (result, ...args) => {
- const filePath = args[0];
- filePath && openTab(filePath);
- })
-
- global._pluginUtils.loopDetector(() => !!File, () => {
- const filePath = global._pluginUtils.getFilePath();
- filePath && openTab(filePath);
- });
-
- global._pluginUtils.registerWindowHotkey(config.SWITCH_NEXT_TAB_HOTKEY, nextTab);
- global._pluginUtils.registerWindowHotkey(config.SWITCH_PREVIOUS_TAB_HOTKEY, previousTab);
- global._pluginUtils.registerWindowHotkey(config.CLOSE_HOTKEY, closeActiveTab);
+ closeActiveTab = () => this.closeTab(this.tabUtil.activeIdx);
- entities.tabBar.addEventListener("click", ev => {
- const closeButton = ev.target.closest(".close-button");
- const tabContainer = ev.target.closest(".tab-container");
- if (!closeButton && !tabContainer) return;
-
- ev.stopPropagation();
- ev.preventDefault();
-
- const tab = closeButton ? closeButton.closest(".tab-container") : tabContainer;
- const idx = parseInt(tab.getAttribute("idx"));
-
- if (global._pluginUtils.metaKeyPressed(ev)) {
- openFileNewWindow(tabUtil.tabs[idx].path, false);
- } else if (closeButton) {
- closeTab(idx);
- } else {
- switchTab(idx);
- }
- })
-
- entities.tabBar.addEventListener("wheel", ev => {
- const target = ev.target.closest("#plugin-window-tab .tab-bar");
- if (!target) return;
-
- if (global._pluginUtils.metaKeyPressed(ev)) {
- (ev.deltaY < 0) ? previousTab() : nextTab();
- } else {
- target.scrollLeft += ev.deltaY;
- }
- })
-
- entities.content.addEventListener("scroll", () => {
- tabUtil.tabs[tabUtil.activeIdx].scrollTop = entities.content.scrollTop;
- })
-
- document.querySelector(".typora-quick-open-list").addEventListener("mousedown", ev => {
- const target = ev.target.closest(".typora-quick-open-item");
- if (!target) return;
-
- // 将原先的click行为改成ctrl+click
- if (global._pluginUtils.metaKeyPressed(ev)) return;
-
- ev.preventDefault();
- ev.stopPropagation();
- const filePath = target.getAttribute("data-path");
- openFile(filePath);
- }, true)
-
- const newWindowIfNeed = (offsetY, tab) => {
+ newWindowIfNeed = (offsetY, tab) => {
offsetY = Math.abs(offsetY);
- const height = entities.tabBar.getBoundingClientRect().height;
- if (offsetY > height * config.HEIGHT_SCALE) {
+ const height = this.entities.tabBar.getBoundingClientRect().height;
+ if (offsetY > height * this.config.HEIGHT_SCALE) {
const idx = parseInt(tab.getAttribute("idx"));
- const _path = tabUtil.tabs[idx].path;
- openFileNewWindow(_path, false);
+ const _path = this.tabUtil.tabs[idx].path;
+ this.openFileNewWindow(_path, false);
}
}
- if (config.DRAG_STYLE === 1) {
+ sort1 = () => {
+ const newWindowIfNeed = this.newWindowIfNeed;
+ const tabUtil = this.tabUtil;
+ const openTab = this.openTab;
+ const entities = this.entities;
+
const resetTabBar = () => {
const tabs = document.querySelectorAll("#plugin-window-tab .tab-container");
const activeIdx = parseInt(entities.tabBar.querySelector(".tab-container.active").getAttribute("idx"));
@@ -416,13 +451,13 @@
tabBar.on("dragstart", ".tab-container", function (ev) {
_offsetX = ev.offsetX;
currentDragItem = this;
- }).on("dragend", ".tab-container", function (ev) {
+ }).on("dragend", ".tab-container", function () {
currentDragItem = null;
}).on("dragover", ".tab-container", function (ev) {
ev.preventDefault();
if (!currentDragItem) return;
this[ev.offsetX > _offsetX ? 'after' : 'before'](currentDragItem);
- }).on("dragenter", function (ev) {
+ }).on("dragenter", function () {
return false
})
@@ -516,7 +551,12 @@
})
}
- if (config.DRAG_STYLE === 2) {
+ sort2 = () => {
+ const newWindowIfNeed = this.newWindowIfNeed;
+ const tabUtil = this.tabUtil;
+ const openTab = this.openTab;
+ const entities = this.entities;
+
const toggleOver = (target, f) => {
if (f === "add") {
target.classList.add("over");
@@ -556,35 +596,34 @@
})
}
- //////////////////////// 以下是声明式插件系统代码 ////////////////////////
- const getTabFile = () => global._pluginUtils.joinPath("./plugin/window_tab/save_tabs.json");
+ getTabFile = () => this.utils.joinPath("./plugin/window_tab/save_tabs.json");
- const exitTabFile = () => {
- const filepath = getTabFile();
+ exitTabFile = () => {
+ const filepath = this.getTabFile();
try {
- Package.Fs.accessSync(filepath, Package.Fs.constants.F_OK);
+ this.utils.Package.Fs.accessSync(filepath, this.utils.Package.Fs.constants.F_OK);
return true
} catch (err) {
}
}
- const saveTabs = () => {
- const dataset = tabUtil.tabs.map((tab, idx) => {
+ saveTabs = () => {
+ const dataset = this.tabUtil.tabs.map((tab, idx) => {
return {
idx: idx,
path: tab.path,
- active: idx === tabUtil.activeIdx,
+ active: idx === this.tabUtil.activeIdx,
scrollTop: tab.scrollTop,
}
})
- const filepath = getTabFile();
+ const filepath = this.getTabFile();
const str = JSON.stringify({"save_tabs": dataset}, null, "\t");
- Package.Fs.writeFileSync(filepath, str);
+ this.utils.Package.Fs.writeFileSync(filepath, str);
}
- const openSaveTabs = () => {
- const filepath = getTabFile();
- Package.Fs.readFile(filepath, 'utf8', (error, data) => {
+ openSaveTabs = () => {
+ const filepath = this.getTabFile();
+ this.utils.Package.Fs.readFile(filepath, 'utf8', (error, data) => {
if (error) {
window.alert(error);
return;
@@ -594,9 +633,9 @@
let activePath;
tabs.forEach(tab => {
- const existTab = tabUtil.tabs.filter(t => t.path === tab.path)[0];
+ const existTab = this.tabUtil.tabs.filter(t => t.path === tab.path)[0];
if (!existTab) {
- tabUtil.tabs.push({path: tab.path, scrollTop: tab.scrollTop});
+ this.tabUtil.tabs.push({path: tab.path, scrollTop: tab.scrollTop});
} else {
existTab.scrollTop = tab.scrollTop;
}
@@ -606,60 +645,38 @@
}
})
if (activePath) {
- switchTabByPath(activePath);
+ this.switchTabByPath(activePath);
} else {
- switchTab(tabUtil.activeIdx);
+ this.switchTab(this.tabUtil.activeIdx);
}
})
}
- const dynamicCallArgsGenerator = () => {
+ dynamicCallArgsGenerator = () => {
let args = [];
- if (!exitTabFile()) {
+ if (!this.exitTabFile()) {
args.push({arg_name: "保存所有的标签页", arg_value: "save_tabs"});
} else {
args.push({arg_name: "覆盖保存的标签页", arg_value: "save_tabs"});
args.push({arg_name: "打开保存的标签页", arg_value: "open_save_tabs"});
}
- if (config.LOCAL_OPEN) {
+ if (this.config.LOCAL_OPEN) {
args.push({arg_name: "在新标签打开文件", arg_value: "new_tab_open"});
// 空白标签不允许当前标签打开
- } else if (global._pluginUtils.getFilePath()) {
+ } else if (this.utils.getFilePath()) {
args.push({arg_name: "在当前标签打开文件", arg_value: "local_open"});
}
return args
}
- const callMap = {
- new_tab_open: () => config.LOCAL_OPEN = false,
- local_open: () => config.LOCAL_OPEN = true,
- save_tabs: saveTabs,
- open_save_tabs: openSaveTabs,
- }
- const call = type => {
- const func = callMap[type];
+ call = type => {
+ const func = this.callMap[type];
func && func();
}
+}
- module.exports = {
- call,
- dynamicCallArgsGenerator,
- meta: {
- call,
- openTab,
- switchTab,
- switchTabByPath,
- previousTab,
- nextTab,
- closeTab,
- closeActiveTab,
- openFileNewWindow,
- openFile,
- OpenFileLocal,
- closeWindow,
- }
- };
+module.exports = {
+ plugin: windowTabBarPlugin
+};
- console.log("window_tab.js had been injected");
-})()
\ No newline at end of file