ChatGPT助手【豪华版】

ChatGPT助手,无须繁琐的注册流程,无须key,直接与AI对话!

// ==UserScript==
// @name           ChatGPT助手【豪华版】
// @namespace      http://www.luckyblank.cn/openai/
// @version        2023.03.30.01
// @author         luckyblank
// @description    ChatGPT助手,无须繁琐的注册流程,无须key,直接与AI对话!
// @icon           data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAH1UExURUxpcXeqn3WqnHWonHSpnHWonHWpnG22knWpnHWpnHSmm3apm3SpnHWonHWpnHSonHWpnHWpm3apnXWpnHWpm3WpnP///8fc19fm43mrn67Nxf7///r8+6HFvNPk4JS8ssXb1XirnsDY0sPa1Pj7+qbHv5i/tXeqnvz9/X6uoo65roq2q+Tu7P3+/qrKwqDEu9bm4vP39qfIwPv9/NXl4ezz8Xqsn+nx73msn5/Dusnd2N7q59zp5pC6r4CwpKLFvIOxpszf2oSypsTa1fn7+/P49t/r6JrAt8LZ1L/X0d3q53aqnczf287h3Ie0qc7g3Pr8/LTQybDOxpvBuObv7c/h3PX5+Ory8ODr6OPt65G7sLnTzYWzp/n7+oi1qv7+/tTk4J7Cucve2Z3Cub7X0H+vo8LZ053CuKnJwff6+tnn4/3+/fD29XytoYWzqJe+tJa+tHapnHeqnaHEu8vf2oGxpazLw3utoMre2ZW9s7XRyu/19H2uou/186XHv6jJwNDi3sjd2OLt6u308ufw7tfm4rjTzK3MxOjw7tvp5dHi3sjd15m/tvL39q/Nxvb5+OPu64y3rIOyptnn5LbSy+Ds6eHs6tbl4cHZ0/v8/H6vo4GwpZ7Dus/h3fb6+ZK7sfT49/f6+aLFvavLw6zLxM3g28bc1pQLf2QAAAAVdFJOUwAtv5bz1PQH/dUuj5WQ/CyYwJHykqKEGP8AAAAJcEhZcwAAAHYAAAB2AU57JggAAAIcSURBVDjLhdNle9swEABgFdK0Kw7uHMfp6iTeAksaThpoUmZuV1x5zMxbx8wM7Xj7nZNjx/L2rNl9kXR6H51snwmhsWFTWQn8FSWGygKihLGmFP4ZpUXG7P5GWDcKZVEDeaKC1mfnHxUvoSV19YQOVFWTLdpiUfJ2POx/jOEzAy4tWU7KctPG95FpOjT0IA2PT80aSHEOpKQ5mSUxIA7bD2OzI5vdTNTt1QXBDvAxMT/7qkE+h8PdyoYC+DX0YgYyX4W+FwBunqYOhpp0YAl/1eN22Or5DPD8Jd6sBTiOZgYa8SfUysAMH+wWW/AK3ndbUWRADKUVMGIex1YrRGcs3uvYxcCzKVCAJTb66FZsFGDXTgHPMjD2WgWcFeCkHd/uoOshj0MD16QoLOI2+Q406ifpPXh4gisaOIXD4JiZXUoqwARx/Ab80zB7TJMzmK17nr4BK2eCOnocJGMMBBH9tO6FqYhveUJSwZsxBrpRDDltl6G3G7/8+K6AtLOZARu65hYwcLfL8s4l30EGCTzGwH6MA3Tew9u0Tp1HBmYOT+u+xZ62nl4AB91uGRQ+ZWAZ53HQqgMwgn3n6BC90+bl0nLJB51qH+QaphUD3EWuHVNuuhiQwlrPaS3n6zhEW+2G3I3TkSE3A5XalG860o/j/sSkcGAf62tS8MdvFfe3Oyf2tugyhBRB3qC/XuF/ADFWVOUHhFSXG4rXA78BYbiLJDUXqsMAAABXelRYdFJhdyBwcm9maWxlIHR5cGUgaXB0YwAAeJzj8gwIcVYoKMpPy8xJ5VIAAyMLLmMLEyMTS5MUAxMgRIA0w2QDI7NUIMvY1MjEzMQcxAfLgEigSi4A6hcRdPJCNZUAAAAASUVORK5CYII=
// @match          https://cn.bing.com/*
// @match          https://www.bing.com/*
// @match          https://chat.openai.com/chat
// @match          https://www.google.com/*
// @match          https://www.so.com/s*
// @match          http*://www.baidu.com/s*
// @match          https://www.baidu.com*
// @match          https://m.baidu.com/*
// @match          http*://yandex.ru/search*
// @match          http*://yandex.com/search*
// @match          https://search.ecnu.cf/search*
// @match          https://search.aust.cf/search*
// @match          https://search.*.cf/search*
// @match          https://fsoufsou.com/search*
// @match          https://www.google.com.hk/*
// @run-at         document-end
// @require        https://code.jquery.com/jquery-3.6.0.min.js
// @require        https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert.min.js
// @require        https://cdn.bootcdn.net/ajax/libs/layer/3.5.1/layer.js
// @require        https://cdn.staticfile.org/vue/2.7.0/vue.min.js
// @require        https://unpkg.com/element-ui/lib/index.js
// @require        https://cdn.jsdelivr.net/npm/[email protected]/dist/typeit.min.js
// @require        https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js
// @require        https://unpkg.com/axios/dist/axios.min.js
// @require        https://cdn.jsdelivr.net/npm/[email protected]/marked.min.js
// @require        https://cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.1/markdown-it.min.js
// @require        https://cdn.jsdelivr.net/npm/[email protected]/dist/showdown.min.js
// @require        https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js
// @connect        chatforai.cc
// @connect        www.luckyblank.cn
// @connect        www.luckyblank.cn/openai/bussinessapi/action/communicate
// @connect        api.aigcfun.com
// @grant          GM_log
// @grant          GM_notification
// @grant          unsafeWindow
// @grant          GM_addStyle
// @grant          GM_setValue
// @grant          GM_getValue
// @grant          GM_setClipboard
// @grant          GM_xmlhttpRequest
// @grant          GM_addElement
// @grant          GM_openInTab
// @grant          GM_getResourceText
// @grant          GM_registerMenuCommand
// @grant          GM_info
// @license        MIT
// ==/UserScript==
(function () {
  'use strict';

  //引入css文件
  $("head").append($('<link rel="stylesheet" href="https://www.luckyblank.cn/outer/layer-v3.5.1/layer/theme/default/layer.css">'));
  // $("head").append($('<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">'));
  $("head").append($('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/element-ui/2.15.13/theme-chalk/index.min.css">'));
  $("head").append($('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.1.0/github-markdown.css">'));
  $("head").append($('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">'));

  //打字机效果
  GM_addStyle(` @-webkit-keyframes blink { 0% { opacity: 1 }  50% { opacity: 0 }  100% { opacity: 1 } }  @keyframes blink { 0% { opacity: 1 }  50% { opacity: 0 }  100% { opacity: 1 } }  .ti-container { display: block; font-size: inherit }  .ti-text-container { position: relative; display: inline; font-size: inherit }  .ti-text-container:before { content: ''; display: inline-block; width: 1px; height: 1em; position: relative }  .ti-text-container.active-container.ti-cursor:after { display: inline }  .ti-cursor:after { display: none; content: '|'; bottom: .05em; right: -.25em; position: absolute; line-height: normal; font-size: inherit; -webkit-animation: blink 1s infinite; animation: blink 1s infinite } `);

  //在线客服效果
  GM_addStyle(`@keyframes scaleToggleOne { 0% { transform:scale(1); -webkit-transform:scale(1) } 50% { transform:scale(2); -webkit-transform:scale(2) } 100% { transform:scale(1); -webkit-transform:scale(1) } } @keyframes scaleToggleTwo { 0% { transform:scale(1); -webkit-transform:scale(1) } 20% { transform:scale(1); -webkit-transform:scale(1) } 60% { transform:scale(2); -webkit-transform:scale(2) } 100% { transform:scale(1); -webkit-transform:scale(1) } } @keyframes scaleToggleThree { 0% { transform:scale(1); -webkit-transform:scale(1) } 33% { transform:scale(1); -webkit-transform:scale(1) } 66% { transform:scale(2); -webkit-transform:scale(2) } 100% { transform:scale(1); -webkit-transform:scale(1) } }
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 0; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #26c7fc, #26c7fc); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(38,199,252,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #26c7fc }
.rd-notice-type-success:after { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }
.girl{border-radius: 50%;-webkit-animation:run 6s cubic-bezier(0.82, 0.11, 0.46, 0.98) 0s infinite;  -webkit-user-drag: none;}
.girl:hover{ -webkit-animation-play-state:paused; } @-webkit-keyframes run{  from{    -webkit-transform:rotate(0deg); } to{ -webkit-transform:rotate(360deg);  } }
`);

  //公共效果
  GM_addStyle(`
      #app{
        min-width:539px;
        right: 20px;
        top: 100px;
        z-index: 9999;
      }
      .history-questions::-webkit-scrollbar {
        display:none
      }
      .history-questions{
        background-color: #ddddda;
        min-height: 291px;
        max-height: 291px;
        padding: 10px;
        overflow-y: scroll;
        text-align: left;
      }
    .d-none{
      display:none !important;
    }
    .layui-layer-content .d-none{
      display:block !important;
    }
    .fun-group{
      display: flex;
      justify-content: space-between;
    }
    .setting-wrapper{
      padding:20px;
    }
    .el-input-location{
      width: 207px;
    }
    .notice-textarea textarea{
      width:100% !important;
      height: 124px;
    }
    .footer-info{
      color: #909399;
      text-align: center;
    }
    .update-tip{
      position: absolute;
      left: 10px;
      width: 96%;
    }
    .update-tip .el-alert__closebtn {
      color: red !important;
    }

`);

  //逻辑代码
  //加载外部化配置文件
  let outArgs = {};
  let dynamicPublicKey = "FCX138KOGK05RQW0D8";
  outArgs = getArgs();
  dynamicPublicKey = getPublicKey();

  //添加元素
  let chatAi = `<div id="openai" class="livechat-girl animated"> 
        <img class="girl" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAH1UExURUxpcXeqn3WqnHWonHSpnHWonHWpnG22knWpnHWpnHSmm3apm3SpnHWonHWpnHSonHWpnHWpm3apnXWpnHWpm3WpnP///8fc19fm43mrn67Nxf7///r8+6HFvNPk4JS8ssXb1XirnsDY0sPa1Pj7+qbHv5i/tXeqnvz9/X6uoo65roq2q+Tu7P3+/qrKwqDEu9bm4vP39qfIwPv9/NXl4ezz8Xqsn+nx73msn5/Dusnd2N7q59zp5pC6r4CwpKLFvIOxpszf2oSypsTa1fn7+/P49t/r6JrAt8LZ1L/X0d3q53aqnczf287h3Ie0qc7g3Pr8/LTQybDOxpvBuObv7c/h3PX5+Ory8ODr6OPt65G7sLnTzYWzp/n7+oi1qv7+/tTk4J7Cucve2Z3Cub7X0H+vo8LZ053CuKnJwff6+tnn4/3+/fD29XytoYWzqJe+tJa+tHapnHeqnaHEu8vf2oGxpazLw3utoMre2ZW9s7XRyu/19H2uou/186XHv6jJwNDi3sjd2OLt6u308ufw7tfm4rjTzK3MxOjw7tvp5dHi3sjd15m/tvL39q/Nxvb5+OPu64y3rIOyptnn5LbSy+Ds6eHs6tbl4cHZ0/v8/H6vo4GwpZ7Dus/h3fb6+ZK7sfT49/f6+aLFvavLw6zLxM3g28bc1pQLf2QAAAAVdFJOUwAtv5bz1PQH/dUuj5WQ/CyYwJHykqKEGP8AAAAJcEhZcwAAAHYAAAB2AU57JggAAAIcSURBVDjLhdNle9swEABgFdK0Kw7uHMfp6iTeAksaThpoUmZuV1x5zMxbx8wM7Xj7nZNjx/L2rNl9kXR6H51snwmhsWFTWQn8FSWGygKihLGmFP4ZpUXG7P5GWDcKZVEDeaKC1mfnHxUvoSV19YQOVFWTLdpiUfJ2POx/jOEzAy4tWU7KctPG95FpOjT0IA2PT80aSHEOpKQ5mSUxIA7bD2OzI5vdTNTt1QXBDvAxMT/7qkE+h8PdyoYC+DX0YgYyX4W+FwBunqYOhpp0YAl/1eN22Or5DPD8Jd6sBTiOZgYa8SfUysAMH+wWW/AK3ndbUWRADKUVMGIex1YrRGcs3uvYxcCzKVCAJTb66FZsFGDXTgHPMjD2WgWcFeCkHd/uoOshj0MD16QoLOI2+Q406ifpPXh4gisaOIXD4JiZXUoqwARx/Ab80zB7TJMzmK17nr4BK2eCOnocJGMMBBH9tO6FqYhveUJSwZsxBrpRDDltl6G3G7/8+K6AtLOZARu65hYwcLfL8s4l30EGCTzGwH6MA3Tew9u0Tp1HBmYOT+u+xZ62nl4AB91uGRQ+ZWAZ53HQqgMwgn3n6BC90+bl0nLJB51qH+QaphUD3EWuHVNuuhiQwlrPaS3n6zhEW+2G3I3TkSE3A5XalG860o/j/sSkcGAf62tS8MdvFfe3Oyf2tugyhBRB3qC/XuF/ADFWVOUHhFSXG4rXA78BYbiLJDUXqsMAAABXelRYdFJhdyBwcm9maWxlIHR5cGUgaXB0YwAAeJzj8gwIcVYoKMpPy8xJ5VIAAyMLLmMLEyMTS5MUAxMgRIA0w2QDI7NUIMvY1MjEzMQcxAfLgEigSi4A6hcRdPJCNZUAAAAASUVORK5CYII=">
        <div class="livechat-hint rd-notice-tooltip rd-notice-type-success rd-notice-position-left single-line hide_hint">
          <div class="rd-notice-content">嘿,ChatGPT来帮您!</div>
        </div>
        <div class="animated-circles">
          <div class="circle c-1"></div>
          <div class="circle c-2"></div>
          <div class="circle c-3"></div>
        </div>
      </div>`;
  $("body").append(chatAi);
  const mainEl = `<div id="app" class="d-none">
                  <el-card class="box-card">
                    <div class="demo-input-suffix">
                          <div class="demo-input-suffix">
                          <div class=" update-wrapper">
                          <el-alert v-if="hasNew"
                              title="有新版本 V${outArgs.chatgpt.lastestVersion} 发布,建议您更新!"
                              type="warning"
                              @close="update"
                              show-icon
                              class="update-tip"
                              close-text="点我更新"
                              >
                          </el-alert> 
                          </div>
                              <article id="chat-answer" class="markdown-body">
                                <el-empty v-show="emptyRecord" description="暂无记录">
                                </el-empty>
                                <div v-show="!emptyRecord" class="history-questions" >
                                </div>
                              </article>
                            <el-input
                              placeholder="请输入内容"
                              v-model="your_qus"
                              class="typeit-box"
                              id="chat-input"
                              clearable>
                              <el-button slot="append" id="chat-search" @click="your_qus !== '' ? doIt() : ''" type="primary" icon="el-icon-s-promotion">chat一下</el-button>
                            </el-input>

                            <el-dialog title="配置页" :visible.sync="dialogFormVisible" destroy-on-close="true">
                              <el-form :model="settingForm">
                                <el-form-item label="APIKey" :label-width="formLabelWidth">
                                  <el-input v-model="settingForm.apikey" show-password autocomplete="off"></el-input>
                                </el-form-item>
                              </el-form>

                              <div slot="footer" class="dialog-footer">
                                <el-button @click="dialogFormVisible = false">取 消</el-button>
                                <el-button type="primary" @click="setConfig()">确 定</el-button>
                              </div>
                            </el-dialog>
                            <div class="fun-group">
                              <el-button type="text" @click="dialogFormVisible = true">点击打开配置</el-button>
                              <el-button type="text" @click="goWebOpenai">点击跳转网页版</el-button>
                            </div>
                            <div class="footer-info">
                                <span class="curr-version">当前版本:V${GM_info.script.version}</span>
                            </div>
                      </div>
                  </el-card>
                </div>
                `;
  $("body").append(mainEl);
  function getArgs() {
    let jsonURL = "https://www.luckyblank.cn/wechatofficial/mock/getjson?f=script-config.json";
    $.ajax({
      type: "GET",
      url: jsonURL,
      cache: false,
      async: false,
      //设置同步了~~~~~~~~~
      dataType: "json",
      success: function (data) {
        outArgs = data;
      }
    });
    console.log("outArgs:" + outArgs);
    return outArgs;
  }

  //获取动态key
  function getPublicKey() {
    let jsonURL = "https://api.aigcfun.com/fc/key";
    $.ajax({
      type: "GET",
      url: jsonURL,
      cache: false,
      async: false,
      //设置同步了~~~~~~~~~
      dataType: "json",
      headers: {
        "Content-Type": "application/json"
      },
      success: function (res) {
        console.log(res);
        dynamicPublicKey = res.data;
      }
    });
    console.log("dynamicPublicKey:" + dynamicPublicKey);
    return dynamicPublicKey;
  }

  //enc-start
  async function digestMessage(r) {
    const hash = CryptoJS.SHA256(r);
    return hash.toString(CryptoJS.enc.Hex);
  }
  const generateSignature = async r => {
    const {
      t: e,
      m: t
    } = r;
    //const n = {}.PUBLIC_SECRET_KEY;
    const n = outArgs.chatgpt.n;
    console.log("n:" + n);
    const a = `${e}:${t}:${n}`;
    return await digestMessage(a);
  };
  //enc-end

  //焦点函数
  function isBlur() {
    var myInput = document.getElementById('chat-input');
    if (myInput == document.activeElement) {
      return 1;
    } else {
      return 0;
    }
  }

  //Enter键触发搜索
  function keyEvent() {
    document.onkeydown = function (e) {
      var keyNum = window.event ? e.keyCode : e.which;
      if (13 == keyNum) {
        if (isBlur()) {
          document.getElementById('chat-search').click();
        } else {
          console.log("失焦不执行");
        }
      }
    };
  }

  //md转换
  function mdConverter(rawData) {
    var converter = new showdown.Converter(); //增加拓展table
    converter.setOption('tables', true); //启用表格选项。从showdown 1.2.0版开始,表支持已作为可选功能移入核心拓展,showdown.table.min.js扩展已被弃用
    var view = converter.makeHtml(rawData);
    return view;
  }

  //是否是单独点击还是拖拽中点击
  var isClick = true;
  //是否是移动后,按键弹起。若未移动,则表示是单击事件,否则是拖拽过程中的按键点击
  var isMove = false;
  //绑定元素拖动
  function bindGrabbleById(id) {
    var isDraging = false;
    // 判断一下这个按下是点击还是拖动
    var oDrag = document.getElementById(id);
    let mouseOffsetX;
    let mouseOffsetY;
    var moveX = 0; //浮层元素的新位置
    var moveY = 0;
    oDrag.addEventListener('mousedown', function (e) {
      //鼠标事件1 - 在标题栏按下(要计算鼠标相对拖拽元素的左上角的坐标 ,并且标记元素为可拖动)
      var e1 = e || window.event;
      mouseOffsetX = e1.pageX - oDrag.offsetLeft;
      mouseOffsetY = e1.pageY - oDrag.offsetTop;
      isDraging = true;
    });
    document.onmouseup = function (e) {
      if (!isMove) {
        isClick = true;
      }
      isMove = false;
      //鼠标事件3 - 鼠标松开的时候(标记元素为不可拖动)
      isDraging = false;
      if (!isClick) {
        //拖拽之后的位置上
        //记录元素当前的位置
        console.log("moveX:" + moveX + " moveY:" + moveY);
        GM_setValue("openaiLocation", JSON.stringify({
          left: moveX,
          top: moveY
        }));
      }
    };
    document.onmousemove = function (e) {
      // console.log("document.onmousemove");
      //鼠标事件2 - 鼠标移动时(要检测,元素是否标记为移动)
      var e1 = e || window.event;
      var mouseX = e1.pageX; //鼠标当前的位置
      var mouseY = e1.pageY;
      moveX = 0; //浮层元素的新位置
      moveY = 0;
      if (isDraging === true) {
        moveX = mouseX - mouseOffsetX;
        moveY = mouseY - mouseOffsetY;
        // 范围限定 moveX>0 并且 moveX < (页面最大宽度-浮层的宽度)
        //		   moveY>0 并且 moveY < (页面最大高度-浮层的高度)
        //页面宽高
        var pageWidth = document.documentElement.clientWidth;
        var pageHeight = document.documentElement.clientHeight;
        //图层宽高
        var dialogWidth = oDrag.offsetWidth;
        var dialogHeight = oDrag.offsetHeight;
        var maxX = pageWidth - dialogWidth;
        var maxY = pageHeight - dialogHeight;
        moveX = Math.min(maxX, Math.max(0, moveX));
        moveY = Math.min(maxY, Math.max(0, moveY));
        oDrag.style.left = moveX + 'px';
        oDrag.style.top = moveY + 'px';

        //拖动后,把isClick设为false,后面就不会执行点击事件
        isClick = false;
        isMove = true;
        e.preventDefault();
      }
    };
  }
  function initOpenaiLocation() {
    let locationStr = GM_getValue("openaiLocation");
    console.log("initOpenaiLocation " + locationStr);
    if (locationStr) {
      let location = JSON.parse(locationStr);
      $("#openai").css({
        "left": `${location.left}px`,
        "top": `${location.top}px`
      });
    }
  }
  function loadFunSwitch() {
    let screenWidth = $(window).width();
    let screenHeight = $(window).height();
    let openaiLeft = $("#openai").css('left').replace("px", "");
    let openaiTop = $("#openai").css('top').replace("px", "");
    console.log("openaiLeft:" + openaiLeft + "openaiTop:" + openaiTop);
    GM_registerMenuCommand("功能开关", () => {
      var content = `
    <div class="setting-wrapper">
    <form class="el-form el-form--label-left">
        <div class="el-form-item">
            <label class="el-form-item__label" style="width: 80px;">图标位置</label>
            <div class="el-form-item__content" style="margin-left: 80px;">
                <div class="el-input el-input-location">
                    <input placeholder="请输入x轴坐标" value="${openaiLeft}" type="text" class="el-input__inner location-x " autocomplete="off" >
                </div>
                <div class="el-input el-input-location">
                    <input placeholder="请输入y轴坐标" value="${openaiTop}" type="text" class=" el-input__inner location-y" autocomplete="off" >
                </div>
                <div class="el-form-item__error">当前屏幕宽度度 ${screenWidth} px,宽度 ${screenHeight} px</div>
            </div>
        </div>
        <div class="el-form-item">
            <label class="el-form-item__label" style="width: 80px;">注意事项</label>
            <div class="el-form-item__content" style="margin-left: 80px;">
                <div class="el-textarea notice-textarea">
                    <textarea autocomplete="off" class="el-textarea__inner" style="min-height: 32.8182px;">支持拖动图标!或者点击【预览】按钮查看设置后的位置,记得需要点击【保存】按钮,下次才会生效。</textarea>
                </div>
            </div>
        </div>
    </form>
</div>
  `;
      layer.open({
        id: "layer-setting",
        title: "功能开关",
        type: 1,
        maxmin: false,
        shade: 0.3,
        shadeClose: false,
        anim: 0,
        resize: false,
        // area: ['539px', '445px'],
        area: ['539px', '358px'],
        content: content,
        btnAlign: 'c',
        btn: ['保存', '预览', '取消'],
        yes: function (index, layero) {
          //按钮【按钮一】的回调
          console.log("save...");
          let x = $(".location-x").val();
          let y = $(".location-y").val();
          if (x != "" && y != "" && Number(x) > 0 && Number(y) > 0 && x < $(window).width() && y < $(window).height()) {
            $("#openai").css({
              "left": `${x}px`,
              "top": `${y}px`
            });
            GM_setValue("openaiLocation", JSON.stringify({
              left: x,
              top: y
            }));
            layer.msg("保存成功");
            layer.close(index);
          } else {
            layer.msg("图标位置格式输入有误!");
          }
        },
        btn2: function (index, layero) {
          //按钮【按钮二】的回调
          console.log('preview..');
          let x = $(".location-x").val();
          let y = $(".location-y").val();
          console.log("x:" + x + " y:" + y);
          if (x != "" && y != "" && Number(x) > 0 && Number(y) > 0 && x < $(window).width() && y < $(window).height()) {
            $("#openai").css({
              "left": `${x}px`,
              "top": `${y}px`
            });
          } else {
            layer.msg("图标位置格式输入有误!");
          }
          return false; //开启该代码可禁止点击该按钮关闭
        },

        cancel: function () {
          //右上角关闭回调

          //return false 开启该代码可禁止点击该按钮关闭
        }
      });
    });
  }
  $(function () {
    //初始化openai的起始位置
    initOpenaiLocation();

    //加载功能开关
    loadFunSwitch();

    //绑定拖动
    bindGrabbleById("openai");

    //开启定时特效
    setInterval(function () {
      if ($(".animated-circles").hasClass("animated")) {
        $(".animated-circles").removeClass("animated");
      } else {
        $(".animated-circles").addClass('animated');
      }
    }, 3000);
    var wait = setInterval(function () {
      $(".livechat-hint").removeClass("show_hint").addClass("hide_hint");
      clearInterval(wait);
    }, 4500);
    $(".livechat-girl").hover(function () {
      //console.log("hover.......");
      clearInterval(wait);
      $(".livechat-hint").removeClass("hide_hint").addClass("show_hint");
    }, function () {
      //console.log("unhover.......");
      $(".livechat-hint").removeClass("show_hint").addClass("hide_hint");
    });
    $(".livechat-girl").click(function () {
      if (isClick) {
        layer.open({
          id: "layer-chat",
          title: "正在和ChatGPT沟通中...",
          type: 1,
          maxmin: true,
          shade: 0,
          shadeClose: false,
          anim: 1,
          offset: 'rb',
          // area: ['539px', '445px'],
          area: ['580px', '505px'],
          content: $('#app')
        });
      }
    });
    keyEvent();
  });

  //vue相关的实例
  new Vue({
    el: '#app',
    data: {
      hasNew: false,
      //是否有新版本
      message: 'Hello ChatGPT !',
      emptyRecord: true,
      your_qus: "",
      referer: "https://aigcfun.com",
      defaultApiKey: "defaultApiKey",
      chatURL: `https://api.aigcfun.com/api/v1/text?key=${outArgs.chatgpt.n}`,
      // chatURL: "http://www.luckyblank.cn/openai/bussinessapi/action/communicate",
      waitWord: "正在搜索中...为了防止您打瞌睡,下面请您欣赏一段优美的句子:",
      tiandaoWords: ["这就是圆融世故,不显山不露水,各得其所。可品行这个东西今天缺个角,明天裂个缝,也就离坍陷不远了。——————《天道》", "要想做点事,别把自己太当人,别把别人不当人。——————《天道》", "女人是形式逻辑的典范,是辩证逻辑的障碍,我无意摧残女人,也不想被女人摧残。——————《天道》", "这就是圆融世故,不显山不露水,各得其所。可品行这个东西今天缺个角,明天裂个缝,也就离坍陷不远了。——————《天道》", "着相了,佛教得一个术语,意思是执迷于表象而偏离本质。——————《天道》", "佛说,看山是山,看水是水。我只是依佛法如实观照,看摩登女郎是摩登女郎,看红颜知己是红颜知己。——————《天道》", "当有人笑话耶稣是傻子的时候,其实谁都不傻,仅仅是两种价值观不兼容。——————《天道》", "灵魂归宿感, 这是人性本能的需要,是人性你帮他找块干净的地方归宿灵魂。——————《天道》", "如果我孝顺的口碑是以我父亲的痛苦和尊严为条件的话,那这样的口碑我情愿不要。——————《天道》", "从心理学的角度分析,越是头脑简单的人越是需要点缀和填充,而头脑复杂的人则对简洁有着特殊的心理需求。——————《天道》", "强势文化就是遵循事物规律的文化,弱势文化就是依赖强者的道德期望破格获取的文化,也是期望救主的文化。——————《天道》", "不因上天堂与下地狱的因果关系而具有的极高人生境界,就是窄门。——————《天道》", "传统文化毕竟是以皇恩浩荡为先决条件的文化,讲的都是皆空、无为、中庸的理,以抑制个性而求生求解。——————《天道》", "天下之道论到极至,百姓的柴米油盐;人生冷暖论到极至,男人和女人的一个情字。——————《天道》"],
      dialogFormVisible: false,
      settingForm: {
        apikey: 'defaultApiKey'
      },
      formLabelWidth: '120px',
      webPageUrl: "http://www.luckyblank.cn/openai/"
    },
    created: function () {
      console.log("GM_getValue(openaiSetting) :" + GM_getValue("openaiSetting"));
      let settingFormStr = GM_getValue("openaiSetting");
      if (settingFormStr) {
        let settingForm_ = JSON.parse(settingFormStr);
        if (settingForm_.apikey && settingForm_.apikey != this.defaultApiKey) {
          this.settingForm.apikey = settingForm_.apikey;
        }
        //兜底方案,apikey被删除了,自动使用默认key
        if (settingForm_.apikey == "") {
          this.settingForm.apikey = this.defaultApiKey;
        }
      }

      //检查是否需要更新
      this.checkUpdate();
    },
    methods: {
      checkUpdate() {
        if (outArgs.chatgpt.lastestVersion > GM_info.script.version) {
          this.hasNew = true;
          console.log("脚本有新版本,请及时更新!新版本:" + outArgs.chatgpt.lastestVersion);
        }
      },
      update() {
        console.log('开始更新...');
        window.location.href = GM_info.script.updateURL;
      },
      setConfig() {
        GM_setValue("openaiSetting", JSON.stringify(this.settingForm));
        this.$message({
          message: '设置成功',
          type: 'success'
        });
        this.dialogFormVisible = false;
      },
      goWebOpenai() {
        window.open(this.webPageUrl, '_blank');
      },
      userWait() {
        $(".history-questions").html('');
        let radomIndex = Math.floor(Math.random() * this.tiandaoWords.length);
        $(".history-questions").typeIt({
          whatToType: this.waitWord + this.tiandaoWords[radomIndex],
          typeSpeed: 200
        });
      },
      doSendRequestWithoutKey() {
        const now = Date.now();
        generateSignature({
          t: now,
          m: this.your_qus || ""
        }).then(sign => {
          console.log(sign);
          GM_xmlhttpRequest({
            method: "POST",
            url: this.chatURL,
            headers: {
              "Content-Type": "application/json",
              "Referer": this.referer
            },
            data: JSON.stringify({
              messages: [{
                role: "system",
                content: "请以markdown的形式返回答案"
              }, {
                role: "user",
                content: this.your_qus
              }],
              tokensLength: this.your_qus.length + 10,
              model: "gpt-3.5-turbo"
            }),
            onload: function (res) {
              if (res.status === 200) {
                let rest = JSON.parse(res.response).choices[0].text;
                $(".history-questions").html('');
                let convertValue = `${mdConverter(rest.replaceAll(/\\n+/g, "\n"))}`;
                $(".history-questions").html(convertValue);
                hljs.highlightAll();
              } else {
                $(".history-questions").html('');
                $(".history-questions").typeIt({
                  whatToType: ["访问失败了"],
                  typeSpeed: 10
                });
              }
            },
            responseType: "application/json;charset=UTF-8",
            onprogress: function (msg) {},
            onerror: function (err) {
              $(".history-questions").html('');
              $(".history-questions").typeIt({
                whatToType: [`${err.messages}`],
                typeSpeed: 10
              });
            },
            ontimeout: function (err) {
              $(".history-questions").typeIt({
                whatToType: [`${err.messages}`],
                typeSpeed: 10
              });
            }
          });
        });
      },
      doSendRequestWithKey() {
        GM_xmlhttpRequest({
          method: "POST",
          url: this.chatURL,
          headers: {
            "Content-Type": "application/json"
          },
          data: JSON.stringify({
            text: this.your_qus,
            id: 1,
            apikey: this.settingForm.apikey,
            keep: "2",
            keepText: 0
          }),
          onload: function (res) {
            if (res.status === 200) {
              let data = JSON.parse(res.response);
              let content = data.html;
              console.log("content " + JSON.stringify(content));
              $(".history-questions").html('');
              let convertValue = `${mdConverter(content.replaceAll(/\\n+/g, "\n"))}`;
              $(".history-questions").html(convertValue);
              hljs.highlightAll();
            } else {
              $(".history-questions").html('');
              $(".history-questions").typeIt({
                whatToType: ["访问失败了"],
                typeSpeed: 10
              });
            }
          },
          responseType: "application/json;charset=UTF-8",
          onprogress: function (msg) {},
          onerror: function (err) {
            $(".history-questions").html('');
            $(".history-questions").typeIt({
              whatToType: [`${err.messages}`],
              typeSpeed: 10
            });
          },
          ontimeout: function (err) {
            $(".history-questions").typeIt({
              whatToType: [`${err.messages}`],
              typeSpeed: 10
            });
          }
        });
      },
      doIt() {
        this.hasNew = false;
        this.emptyRecord = false;
        //加载中等待效果
        this.userWait();
        //通过无key的方式
        this.doSendRequestWithoutKey();
        //通过有key的方式
        //this.doSendRequestWithKey();
      }
    }
  });

})();