|
@@ -6,7 +6,7 @@
|
|
|
</div>
|
|
|
<div class="search-wrapper">
|
|
|
<input class="input" type="text" v-model="siteUrl" placeholder="Enter link">
|
|
|
- <div class="btn" @click="searchHandler">
|
|
|
+ <div class="btn" @click="searchHandler()">
|
|
|
<img :src="require('@/assets/svg/icon-tool-box-search-arrow.svg')" />
|
|
|
</div>
|
|
|
</div>
|
|
@@ -55,7 +55,7 @@ import axios from 'axios';
|
|
|
import { message } from "ant-design-vue";
|
|
|
import { convertUrl, getAllPostEditorAppData } from "@/http/toolBoxApi";
|
|
|
import { getChromeStorage } from "@/uilts/chromeExtension"
|
|
|
-import { checkURL } from "@/uilts/help"
|
|
|
+import { checkURL, debounce } from "@/uilts/help"
|
|
|
|
|
|
const props = defineProps({
|
|
|
linkInputDescImage: {
|
|
@@ -68,6 +68,7 @@ const props = defineProps({
|
|
|
let siteUrl = ref('');
|
|
|
|
|
|
let selectAppGuideData = {};
|
|
|
+let selectGuideApp = {};
|
|
|
let openWindowList = [];
|
|
|
|
|
|
let historyList = ref([])
|
|
@@ -76,7 +77,7 @@ let appList = ref();
|
|
|
|
|
|
const emits = defineEmits(["changeShowCom"]);
|
|
|
|
|
|
-const searchHandler = async () => {
|
|
|
+const searchHandler = async (_params) => {
|
|
|
let siteTitle = '', favicon = '';
|
|
|
let timer = null;
|
|
|
|
|
@@ -127,6 +128,9 @@ const searchHandler = async () => {
|
|
|
linkImagePath: "",
|
|
|
name: siteTitle,
|
|
|
}
|
|
|
+ if(_params) {
|
|
|
+ currentApp = _params;
|
|
|
+ }
|
|
|
|
|
|
let convertRes = await convertUrl({ params: { originUrl: siteUrl.value } });
|
|
|
let params = { convertUrl: siteUrl.value, originUrl: siteUrl.value, appId: '', currentApp };
|
|
@@ -154,16 +158,16 @@ const getTitleByHtmlStr = (str = '') => {
|
|
|
return str.substring(index1, index2) || '';
|
|
|
};
|
|
|
|
|
|
-const clickHistoryAppHandler = (params) => {
|
|
|
+const clickHistoryAppHandler = debounce(function(params) {
|
|
|
if (params.appId) {
|
|
|
clickAppHandler(params);
|
|
|
} else {
|
|
|
siteUrl.value = params.defaultUrl;
|
|
|
- searchHandler();
|
|
|
+ searchHandler(params);
|
|
|
}
|
|
|
-};
|
|
|
+}, 800);
|
|
|
|
|
|
-const clickAppHandler = (params) => {
|
|
|
+const clickAppHandler = debounce(function(params) {
|
|
|
let { createType, defaultUrl, appId, linkImagePath } = params;
|
|
|
switch (createType) {
|
|
|
case 1:
|
|
@@ -173,7 +177,7 @@ const clickAppHandler = (params) => {
|
|
|
openWindow(params);
|
|
|
break;
|
|
|
}
|
|
|
-}
|
|
|
+}, 800);
|
|
|
|
|
|
const openWindow = (params) => {
|
|
|
chrome.windows.getCurrent({},
|
|
@@ -195,6 +199,7 @@ const openWindow = (params) => {
|
|
|
const createGuideWindow = (params, isUpdate = false) => {
|
|
|
openWindowList = [];
|
|
|
selectAppGuideData = {};
|
|
|
+ selectGuideApp = {};
|
|
|
|
|
|
let windowWith = window.screen.width - 500;
|
|
|
let guideUrl = chrome.runtime.getURL('/iframe/tool-box-guide.html');
|
|
@@ -216,7 +221,7 @@ const createGuideWindow = (params, isUpdate = false) => {
|
|
|
}, function (window) {
|
|
|
openWindowList.push(window);
|
|
|
})
|
|
|
-
|
|
|
+ selectGuideApp = params;
|
|
|
if (params.guideData) {
|
|
|
selectAppGuideData = JSON.parse(params.guideData);
|
|
|
}
|
|
@@ -240,13 +245,14 @@ const onRuntimeMsg = () => {
|
|
|
actionType: "CONTENT_EDIT_SEND_GUIDE_DATA",
|
|
|
data: {
|
|
|
guideData: selectAppGuideData,
|
|
|
- windowData: openWindowList
|
|
|
+ windowData: openWindowList,
|
|
|
+ selectGuideApp
|
|
|
}
|
|
|
}, (response) => { });
|
|
|
break;
|
|
|
case 'CONTENT_GUIDE_APPLY_APP':
|
|
|
siteUrl.value = req.data.siteUrl;
|
|
|
- searchHandler();
|
|
|
+ searchHandler(req.data.selectGuideApp);
|
|
|
break;
|
|
|
}
|
|
|
})
|