mirror of
https://github.com/geekgeekrun/geekgeekrun.git
synced 2026-09-05 23:47:54 +08:00
remove use less dialog
This commit is contained in:
geekgeekrun
-105
@@ -1,105 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-dialog
|
|
||||||
v-bind="$attrs"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
:close-on-press-escape="false"
|
|
||||||
:show-close="false"
|
|
||||||
@open="handleDialogOpen"
|
|
||||||
>
|
|
||||||
<template v-if="!copiedDependenciesStatus.puppeteerExecutableAvailable">
|
|
||||||
<div mb14px>正在下载核心组件</div>
|
|
||||||
<el-progress
|
|
||||||
:percentage="browserDownloadPercentage"
|
|
||||||
:format="(n) => `${n.toFixed(1)}%`"
|
|
||||||
:stroke-width="10"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import { ref, onUnmounted, PropType } from 'vue'
|
|
||||||
import { ElMessageBox } from 'element-plus'
|
|
||||||
|
|
||||||
const props = defineProps({
|
|
||||||
dispose: Function,
|
|
||||||
dependenciesStatus: {
|
|
||||||
type: Object as PropType<Record<string, boolean>>,
|
|
||||||
default: () => ({})
|
|
||||||
},
|
|
||||||
processWaitee: Object
|
|
||||||
})
|
|
||||||
|
|
||||||
// shallow copy
|
|
||||||
const copiedDependenciesStatus = {
|
|
||||||
...props.dependenciesStatus
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleDialogOpen = () => {
|
|
||||||
browserDownloadPercentage.value = 0
|
|
||||||
}
|
|
||||||
|
|
||||||
const browserDownloadPercentage = ref(0)
|
|
||||||
const handleBrowserDownloadProgress = (ev, { downloadedBytes, totalBytes }) => {
|
|
||||||
browserDownloadPercentage.value = (downloadedBytes / totalBytes) * 100
|
|
||||||
}
|
|
||||||
electron.ipcRenderer.on('PUPPETEER_DOWNLOAD_PROGRESS', handleBrowserDownloadProgress)
|
|
||||||
onUnmounted(() =>
|
|
||||||
electron.ipcRenderer.removeListener('PUPPETEER_DOWNLOAD_PROGRESS', handleBrowserDownloadProgress)
|
|
||||||
)
|
|
||||||
const downloadProcessExitCode = ref(0)
|
|
||||||
|
|
||||||
const processDownloadBrowser = async () => {
|
|
||||||
downloadProcessExitCode.value = 0
|
|
||||||
browserDownloadPercentage.value = 0
|
|
||||||
try {
|
|
||||||
await electron.ipcRenderer.invoke('setup-dependencies')
|
|
||||||
browserDownloadPercentage.value = 100
|
|
||||||
} catch (err) {
|
|
||||||
downloadProcessExitCode.value = 1
|
|
||||||
throw err
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const promiseList: Array<Promise<void>> = []
|
|
||||||
const processTasks = async () => {
|
|
||||||
if (!copiedDependenciesStatus.puppeteerExecutableAvailable) {
|
|
||||||
const p = processDownloadBrowser()
|
|
||||||
promiseList.push(p)
|
|
||||||
p.then(() => {
|
|
||||||
copiedDependenciesStatus.puppeteerExecutableAvailable = true
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
while (promiseList.length) {
|
|
||||||
const p = promiseList.shift()!
|
|
||||||
try {
|
|
||||||
p.then(() => {
|
|
||||||
if (!promiseList.length) {
|
|
||||||
props.processWaitee?.resolve?.()
|
|
||||||
props.dispose?.()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
await p
|
|
||||||
} catch {
|
|
||||||
await ElMessageBox.confirm('需要重试吗？', '核心组件下载失败', {
|
|
||||||
closeOnClickModal: false,
|
|
||||||
closeOnPressEscape: false,
|
|
||||||
showClose: false,
|
|
||||||
type: 'error',
|
|
||||||
cancelButtonText: '退出程序'
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
processTasks()
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
// FIXME: should exit app here
|
|
||||||
promiseList.length = 0
|
|
||||||
props.dispose?.()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
processTasks()
|
|
||||||
</script>
|
|
||||||
-39
@@ -1,39 +0,0 @@
|
|||||||
import { createApp } from 'vue'
|
|
||||||
import ElementPlus from 'element-plus'
|
|
||||||
import DependenciesSetupProgressIndicatorDialog from './index.vue'
|
|
||||||
|
|
||||||
export const mountGlobalDialog = (o: { dependenciesStatus: Record<string, boolean>, processWaitee? }) => {
|
|
||||||
const containerElId = `elForDependenciesSetupProgressIndicatorDialog`
|
|
||||||
|
|
||||||
if (document.getElementById(containerElId)) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
let containerEl: null | HTMLElement = (() => {
|
|
||||||
const el = document.createElement('div')
|
|
||||||
el.id = containerElId
|
|
||||||
return el
|
|
||||||
})()
|
|
||||||
document.body.append(containerEl)
|
|
||||||
|
|
||||||
const dispose = () => {
|
|
||||||
app?.unmount()
|
|
||||||
containerEl?.remove()
|
|
||||||
|
|
||||||
app = null
|
|
||||||
containerEl = null
|
|
||||||
}
|
|
||||||
let app: null | ReturnType<typeof createApp> = createApp(DependenciesSetupProgressIndicatorDialog, {
|
|
||||||
modelValue: true,
|
|
||||||
onClosed() {
|
|
||||||
dispose()
|
|
||||||
},
|
|
||||||
dispose,
|
|
||||||
dependenciesStatus: o?.dependenciesStatus,
|
|
||||||
processWaitee: o?.processWaitee
|
|
||||||
}).use(ElementPlus)
|
|
||||||
app.mount(containerEl)
|
|
||||||
|
|
||||||
return {
|
|
||||||
dispose
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,245 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-dialog
|
|
||||||
v-bind="$attrs"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
:close-on-press-escape="!cookieInvalid"
|
|
||||||
title="Boss直聘 Cookie助手"
|
|
||||||
:width="720"
|
|
||||||
top="20px"
|
|
||||||
lock-scroll
|
|
||||||
:show-close="!cookieInvalid"
|
|
||||||
>
|
|
||||||
<el-alert
|
|
||||||
v-if="cookieInvalid"
|
|
||||||
type="warning"
|
|
||||||
:closable="false"
|
|
||||||
title="需要获取您的Boss直聘Cookie才能继续"
|
|
||||||
>
|
|
||||||
由于您是首次使用本程序，或者您之前使用的Boss直聘账号登录状态失效，因此您需要重新获取登录凭证。
|
|
||||||
</el-alert>
|
|
||||||
<div ml1em mt1em line-height-normal>
|
|
||||||
如果您了解如何获取Cookie、了解有效的Cookie格式，可以直接在下方输入框中进行编辑。<br />
|
|
||||||
手动编辑较为麻烦，建议您打开已登录过Boss直聘的浏览器，使用
|
|
||||||
<a
|
|
||||||
color-blue
|
|
||||||
decoration-none
|
|
||||||
href="javascript:void(0)"
|
|
||||||
@click.prevent="handleEditThisCookieExtensionStoreLinkClick"
|
|
||||||
>EditThisCookie 扩展程序</a
|
|
||||||
>
|
|
||||||
复制Cookie，然后粘贴在下方输入框中。<br />
|
|
||||||
格式为被序列化为JSON的数组，不含两侧引号。
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
<div ml1em line-height-normal>
|
|
||||||
如果您不了解Cookie相关概念，或者不能访问Chrome扩展程序商店下载EditThisCookie来获取Cookie，请按照以下步骤进行操作：
|
|
||||||
</div>
|
|
||||||
<ol lh-2em mt-0>
|
|
||||||
<li>
|
|
||||||
<el-button size="small" type="primary" font-size-inherit @click="handleClickLaunchLogin"
|
|
||||||
>点击此处</el-button
|
|
||||||
>
|
|
||||||
启动浏览器
|
|
||||||
</li>
|
|
||||||
<li>按照正常流程，通过 <b>短信验证码/二维码/微信小程序</b> 登录您的Boss直聘账号</li>
|
|
||||||
<li>接下来将自动进行一些页面跳转，最终将会停留在首页</li>
|
|
||||||
<li>
|
|
||||||
登录后预计5-10秒内（具体取决于您的网速），您的Cookie将被自动填入下方输入框。
|
|
||||||
<details>
|
|
||||||
<summary color-orange cursor-pointer>我已完成登录，但Cookie一直没出现？</summary>
|
|
||||||
<div ml-2em max-h-200px of-auto>
|
|
||||||
如果您确实已经在打开浏览器中看到您已登录了Boss直聘，请尝试按照如图所示方式复制Cookie：
|
|
||||||
<figure>
|
|
||||||
<figcaption>依次点击浏览器右上角“扩展程序”图标、“EditThisCookie”图标</figcaption>
|
|
||||||
<img block max-w-full src="./resources/copy-cookie-step-1.png" />
|
|
||||||
</figure>
|
|
||||||
<figure>
|
|
||||||
<figcaption>点击“EditThisCookie”弹出框中的“Export”按钮</figcaption>
|
|
||||||
<img block max-w-full src="./resources/copy-cookie-step-2.png" />
|
|
||||||
</figure>
|
|
||||||
<figure>
|
|
||||||
<figcaption>在下方输入框执行粘贴操作。</figcaption>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
</details>
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
<el-form
|
|
||||||
ref="formRef"
|
|
||||||
inline-message
|
|
||||||
:model="formContent"
|
|
||||||
label-position="top"
|
|
||||||
:rules="formRules"
|
|
||||||
class="cookie-form"
|
|
||||||
>
|
|
||||||
<el-form-item prop="collectedCookies" mb-0>
|
|
||||||
<el-input
|
|
||||||
v-model="formContent.collectedCookies"
|
|
||||||
type="textarea"
|
|
||||||
:autosize="{
|
|
||||||
minRows: 10,
|
|
||||||
maxRows: 10
|
|
||||||
}"
|
|
||||||
font-size-12px
|
|
||||||
@input="hasUserMutateInput = true"
|
|
||||||
></el-input>
|
|
||||||
<el-alert
|
|
||||||
v-if="loginCookieWaitingStatus === LOGIN_COOKIE_WAITING_STATUS.WAITING_FOR_LOGIN"
|
|
||||||
:closable="false"
|
|
||||||
>正在等待登录……</el-alert
|
|
||||||
>
|
|
||||||
<el-alert
|
|
||||||
v-if="loginCookieWaitingStatus === LOGIN_COOKIE_WAITING_STATUS.COOKIE_COLLECTED"
|
|
||||||
:closable="false"
|
|
||||||
type="success"
|
|
||||||
>已获取到Cookie<template v-if="hasUserMutateInput"
|
|
||||||
>；看起来您似乎正在尝试手动输入Cookie？<el-button
|
|
||||||
size="small"
|
|
||||||
type="primary"
|
|
||||||
font-size-inherit
|
|
||||||
@click="fillCollectedCookie"
|
|
||||||
>使用获取到的Cookie</el-button
|
|
||||||
></template
|
|
||||||
></el-alert
|
|
||||||
>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<template #footer>
|
|
||||||
<el-button v-if="!cookieInvalid" @click="dispose">关闭</el-button>
|
|
||||||
<el-button type="primary" @click="handleSubmit">保存Cookie</el-button>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import { ElForm, ElMessage } from 'element-plus'
|
|
||||||
import { ref, onUnmounted, onMounted } from 'vue'
|
|
||||||
import { checkCookieListFormat } from '../../../../common/utils/cookie'
|
|
||||||
|
|
||||||
const props = defineProps({
|
|
||||||
dispose: Function,
|
|
||||||
processWaitee: Object
|
|
||||||
})
|
|
||||||
|
|
||||||
const cookieInvalid = ref(false)
|
|
||||||
|
|
||||||
enum LOGIN_COOKIE_WAITING_STATUS {
|
|
||||||
INIT,
|
|
||||||
WAITING_FOR_LOGIN,
|
|
||||||
COOKIE_COLLECTED
|
|
||||||
}
|
|
||||||
const loginCookieWaitingStatus = ref(LOGIN_COOKIE_WAITING_STATUS.INIT)
|
|
||||||
|
|
||||||
const formRef = ref<InstanceType<typeof ElForm>>()
|
|
||||||
const formContent = ref({
|
|
||||||
collectedCookies: ''
|
|
||||||
})
|
|
||||||
|
|
||||||
const formRules = {
|
|
||||||
collectedCookies: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请输入Cookie'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
trigger: 'blur',
|
|
||||||
validator(rule, val, cb) {
|
|
||||||
let arr
|
|
||||||
try {
|
|
||||||
arr = JSON.parse(val)
|
|
||||||
} catch (err) {
|
|
||||||
cb(
|
|
||||||
new Error(
|
|
||||||
`JSON格式无效 - 存在语法错误: ${err.message}；建议使用EditThisCookie扩展程序进行复制。`
|
|
||||||
)
|
|
||||||
)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!checkCookieListFormat(JSON.parse(formContent.value.collectedCookies))) {
|
|
||||||
cb(new Error(`Cookie格式无效 - 部分字段缺失；建议使用EditThisCookie扩展程序进行复制。`))
|
|
||||||
return
|
|
||||||
}
|
|
||||||
cb()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
||||||
const hasUserMutateInput = ref(false)
|
|
||||||
const collectedCookie = ref()
|
|
||||||
const handleCookieCollected = (_, payload) => {
|
|
||||||
loginCookieWaitingStatus.value = LOGIN_COOKIE_WAITING_STATUS.COOKIE_COLLECTED
|
|
||||||
collectedCookie.value = payload.cookies
|
|
||||||
if (!hasUserMutateInput.value) {
|
|
||||||
fillCollectedCookie()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const fillCollectedCookie = () => {
|
|
||||||
if (loginCookieWaitingStatus.value !== LOGIN_COOKIE_WAITING_STATUS.COOKIE_COLLECTED) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
formContent.value.collectedCookies = JSON.stringify(collectedCookie.value, null, 2)
|
|
||||||
hasUserMutateInput.value = false
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleClickLaunchLogin = () => {
|
|
||||||
electron.ipcRenderer.send('launch-bosszhipin-login-page-with-preload-extension')
|
|
||||||
loginCookieWaitingStatus.value = LOGIN_COOKIE_WAITING_STATUS.WAITING_FOR_LOGIN
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleEditThisCookieExtensionStoreLinkClick = () => {
|
|
||||||
electron.ipcRenderer.send(
|
|
||||||
'open-external-link',
|
|
||||||
'https://chromewebstore.google.com/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg'
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleSubmit = async () => {
|
|
||||||
await formRef.value!.validate()
|
|
||||||
await electron.ipcRenderer.invoke('write-storage-file', {
|
|
||||||
fileName: 'boss-cookies.json',
|
|
||||||
data: formContent.value.collectedCookies
|
|
||||||
})
|
|
||||||
ElMessage.success('Boss直聘 Cookie 保存成功')
|
|
||||||
props.processWaitee?.resolve?.()
|
|
||||||
props.dispose()
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleBossZhipinLoginPageClosed = () => {
|
|
||||||
if (loginCookieWaitingStatus.value === LOGIN_COOKIE_WAITING_STATUS.WAITING_FOR_LOGIN) {
|
|
||||||
loginCookieWaitingStatus.value = LOGIN_COOKIE_WAITING_STATUS.INIT
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(async () => {
|
|
||||||
electron.ipcRenderer.once('BOSS_ZHIPIN_COOKIE_COLLECTED', handleCookieCollected)
|
|
||||||
electron.ipcRenderer.on('BOSS_ZHIPIN_LOGIN_PAGE_CLOSED', handleBossZhipinLoginPageClosed)
|
|
||||||
|
|
||||||
const cookieFileContent = await electron.ipcRenderer.invoke('read-storage-file', {
|
|
||||||
fileName: 'boss-cookies.json'
|
|
||||||
})
|
|
||||||
if (checkCookieListFormat(cookieFileContent)) {
|
|
||||||
formContent.value.collectedCookies = JSON.stringify(cookieFileContent, null, 2)
|
|
||||||
} else {
|
|
||||||
cookieInvalid.value = true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
onUnmounted(() => {
|
|
||||||
electron.ipcRenderer.removeListener('BOSS_ZHIPIN_COOKIE_COLLECTED', handleCookieCollected)
|
|
||||||
electron.ipcRenderer.removeListener(
|
|
||||||
'BOSS_ZHIPIN_LOGIN_PAGE_CLOSED',
|
|
||||||
handleBossZhipinLoginPageClosed
|
|
||||||
)
|
|
||||||
electron.ipcRenderer.send('kill-bosszhipin-login-page-with-preload-extension')
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
.cookie-form.el-form {
|
|
||||||
.el-form-item__error--inline {
|
|
||||||
margin-left: 0;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,38 +0,0 @@
|
|||||||
import { createApp } from 'vue'
|
|
||||||
import ElementPlus from 'element-plus'
|
|
||||||
import WaitForLogin from './index.vue'
|
|
||||||
|
|
||||||
export const mountGlobalDialog = (o: { processWaitee? }) => {
|
|
||||||
const containerElId = `elForWaitForLogin`
|
|
||||||
|
|
||||||
if (document.getElementById(containerElId)) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
let containerEl: null | HTMLElement = (() => {
|
|
||||||
const el = document.createElement('div')
|
|
||||||
el.id = containerElId
|
|
||||||
return el
|
|
||||||
})()
|
|
||||||
document.body.append(containerEl)
|
|
||||||
|
|
||||||
const dispose = () => {
|
|
||||||
app?.unmount()
|
|
||||||
containerEl?.remove()
|
|
||||||
|
|
||||||
app = null
|
|
||||||
containerEl = null
|
|
||||||
}
|
|
||||||
let app: null | ReturnType<typeof createApp> = createApp(WaitForLogin, {
|
|
||||||
modelValue: true,
|
|
||||||
onClosed() {
|
|
||||||
dispose()
|
|
||||||
},
|
|
||||||
dispose,
|
|
||||||
processWaitee: o?.processWaitee
|
|
||||||
}).use(ElementPlus)
|
|
||||||
app.mount(containerEl)
|
|
||||||
|
|
||||||
return {
|
|
||||||
dispose
|
|
||||||
}
|
|
||||||
}
|
|
||||||
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 118 KiB |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 83 KiB |
Reference in New Issue
Block a user