lema/flagnote-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: lema:dev-hex
Branches Tags
lema:main lema:scrollbar lema:view-ui-plus lema:dev-logo-switch lema:iview4 lema:dev-hex lema:redirect lema:pageone lema:asynchronization lema:dev
..
compare: lema:dev-logo-switch
Branches Tags
lema:main lema:scrollbar lema:view-ui-plus lema:dev-logo-switch lema:iview4 lema:dev-hex lema:redirect lema:pageone lema:asynchronization lema:dev

7 Commits
dev-hex ... dev-logo-s

Author SHA1 Message Date
Jesse-Ma
1d44e6d982 Update EditNote.vue 2023-04-04 10:28:39 +08:00
Jesse-Ma
a9e7f88412 selection 样式 2023-04-03 11:05:00 +08:00
Jesse-Ma
d3a29444bf refresh save 2023-03-31 17:19:37 +08:00
Jesse-Ma
83c3901b86 use more Buffer 2023-03-31 15:59:13 +08:00
Jesse-Ma
64db2300b3 js compact 2023-03-31 15:58:42 +08:00
Jesse-Ma
8e6ce23b98 hex plus plus 2023-03-31 10:21:44 +08:00
Jesse-Ma
f369e59f6f hex plus 2023-03-30 10:19:18 +08:00
9 changed files with 202 additions and 184 deletions
Expand all files Collapse all files

1
package.json
View File

@@ -11,6 +11,7 @@
}, },
"dependencies": { "dependencies": {
"axios": "^0.27.2", "axios": "^0.27.2",
"buffer": "^6.0.3",
"clipboard": "^2.0.11", "clipboard": "^2.0.11",
"crypto-js": "^4.1.1", "crypto-js": "^4.1.1",
"escape-html": "^1.0.3", "escape-html": "^1.0.3",

36
public/index.html
View File

@@ -24,29 +24,31 @@
background-color: #dddddd background-color: #dddddd
} }
</style> </style>
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.min.js" rel="stylesheet" <script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.min.js"
type="text/javascript"></script> type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-router@3.6.5/dist/vue-router.min.js" rel="stylesheet" <script src="https://cdn.jsdelivr.net/npm/vue-router@3.6.5/dist/vue-router.min.js"
type="text/javascript"></script> type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/axios@0.27.2/dist/axios.min.js" rel="stylesheet" <!-- <script src="https://cdn.jsdelivr.net/npm/axios@0.27.2/dist/axios.min.js"
type="text/javascript"></script> -->
<script src="https://cdn.jsdelivr.net/npm/view-design@4.7.0/dist/iview.min.js"
type="text/javascript"></script> type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/view-design@4.7.0/dist/iview.min.js" rel="stylesheet" <script src="https://cdn.jsdelivr.net/npm/pako@2.1.0/dist/pako.min.js"
type="text/javascript"></script> type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/pako@2.1.0/dist/pako.min.js" rel="stylesheet" <!-- <script src="https://cdn.jsdelivr.net/npm/buffer@6.0.3/index.min.js"
type="text/javascript"></script> -->
<script src="https://cdn.jsdelivr.net/npm/crypto-js@4.1.1/crypto-js.min.js"
type="text/javascript"></script> type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/crypto-js@4.1.1/crypto-js.min.js" rel="stylesheet" <!-- <script src="https://cdn.jsdelivr.net/npm/vue-i18n@8.21.1/dist/vue-i18n.min.js"
type="text/javascript"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/file-saver@2.0.5/dist/FileSaver.min.js"
type="text/javascript"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/qrcodejs2@0.0.2/qrcode.min.js"
type="text/javascript"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.11/dist/clipboard.min.js"
type="text/javascript"></script> -->
<script src="https://cdn.jsdelivr.net/npm/wasm-flate@1.0.2-browser/wasm_flate.min.js"
type="text/javascript"></script> type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-i18n@8.21.1/dist/vue-i18n.min.js" rel="stylesheet" <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"
type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/file-saver@2.0.5/dist/FileSaver.min.js" rel="stylesheet"
type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/qrcodejs2@0.0.2/qrcode.min.js" rel="stylesheet"
type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.11/dist/clipboard.min.js" rel="stylesheet"
type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/wasm-flate@1.0.2-browser/wasm_flate.min.js" rel="stylesheet"
type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js" rel="stylesheet"
type="text/javascript"></script> type="text/javascript"></script>
<script> <script>
window.wasm_flate_bg_path = "https://cdn.jsdelivr.net/npm/wasm-flate@1.0.2-browser/wasm_flate_bg.wasm" window.wasm_flate_bg_path = "https://cdn.jsdelivr.net/npm/wasm-flate@1.0.2-browser/wasm_flate_bg.wasm"

16
src/App.vue
View File

@@ -81,23 +81,23 @@ body {
#noteText::selection { #noteText::selection {
background: #ed4014; background: #dddddd;
color: white; color: #ed4014;
} }
#noteText::-moz-selection { #noteText::-moz-selection {
background: #ed4014; background: #dddddd;
color: white; color: #ed4014;
} }
#noteText br::selection { #noteText br::selection {
background: #ed4014; background: #dddddd;
color: white; color: #ed4014;
} }
#noteText br::-moz-selection { #noteText br::-moz-selection {
background: #ed4014; background: #dddddd;
color: white; color: #ed4014;
} }
.noteUrl { .noteUrl {

10
src/api/note.js
View File

@@ -1,8 +1,9 @@
import axios from "axios"; import axios from "axios";
import { getStoreKey } from "@/api/lock"; import { getStoreKey } from "@/api/lock";
import storage from "@/libs/storage"; import storage from "@/libs/storage";
import { md5, wrap, convertHexStringToUint8Array} from "@/libs/secret"; import { md5, wrap} from "@/libs/secret";
import NoteConstant from "@/libs/constants"; import NoteConstant from "@/libs/constants";
import { Buffer } from 'buffer';
axios.interceptors.response.use(undefined, (err) => { axios.interceptors.response.use(undefined, (err) => {
const { config: originalRequest } = err; const { config: originalRequest } = err;
@@ -48,12 +49,7 @@ export function saveNote(noteForm, secret) {
}); });
} }
// let bufferArrary = eval("[" + note.text + "]"); let array = Buffer.from(note.text, 'base64')
// let array = Uint8Array.from(bufferArrary);
// let encoder = new TextEncoder()
// let array = encoder.encode(note.text)
let array = convertHexStringToUint8Array(note.text)
let blob = new Blob([array], { type: "application/octet-stream" }); let blob = new Blob([array], { type: "application/octet-stream" });
let form = new FormData(); let form = new FormData();

107
src/libs/secret.js
View File

@@ -1,12 +1,11 @@
import CryptoJS from "crypto-js"; import CryptoJS from "crypto-js";
import pako from "pako"; import pako from "pako";
import {Buffer} from "buffer";
//import {gzip_encode_raw,gzip_decode_raw} from 'wasm-flate'; //import {gzip_encode_raw,gzip_decode_raw} from 'wasm-flate';
const wasmFlate = window.wasm_bindgen; const wasmFlate = window.wasm_bindgen;
CryptoJS.enc.Uint8Array = { CryptoJS.enc.Uint8Array = {
/** /**
* WordArray转Uint8Array * WordArray转Uint8Array
* @param wordArray * @param wordArray
@@ -25,7 +24,6 @@ CryptoJS.enc.Uint8Array = {
} }
return u8_array; return u8_array;
}, },
/** /**
* Uint8Array转WordArray * Uint8Array转WordArray
* @param u8arr * @param u8arr
@@ -41,6 +39,7 @@ CryptoJS.enc.Uint8Array = {
} }
}; };
/** /**
* @word 要加密的内容 * @word 要加密的内容
* @keyWord String 服务器随机返回的关键字 * @keyWord String 服务器随机返回的关键字
@@ -48,7 +47,7 @@ CryptoJS.enc.Uint8Array = {
export function wrap(text, secretKey) { export function wrap(text, secretKey) {
text = "FLAGNOTE#" + text; text = "FLAGNOTE#" + text;
let ui8ary = noteZip(text); let ui8ary = noteZip(text);
let result = aesEncrypt(convertUint8ArrayToWordArray(ui8ary), secretKey); let result = aesEncrypt(convertUint8ArrayToWordArray(ui8ary), secretKey);
return result; return result;
} }
@@ -76,31 +75,29 @@ export function aesEncrypt(word, keyWord) {
mode: CryptoJS.mode.ECB, mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.ZeroPadding, padding: CryptoJS.pad.ZeroPadding,
}); });
return encrypted.ciphertext.toString(); return encrypted.toString();
} }
//解密 //解密
export function aesDecrypt(word, keyWord) { export function aesDecrypt(word, keyWord) {
let key = CryptoJS.enc.Utf8.parse(keyWord); let key = CryptoJS.enc.Utf8.parse(keyWord);
var srcs = CryptoJS.enc.Hex.parse(word); let decrypt = CryptoJS.AES.decrypt(word, key, {
let decrypt = CryptoJS.AES.decrypt({
ciphertext: srcs
}, key, {
mode: CryptoJS.mode.ECB, mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.ZeroPadding, padding: CryptoJS.pad.ZeroPadding,
}); });
return decrypt; return decrypt;
} }
//base64 encode //base64 encode btoa
// export function encode(text) { export function base64Encode(text) {
// return Buffer.from(text, 'utf-8').toString('base64'); return Buffer.from(text, 'utf-8').toString('base64');
// } }
//base64 decode //base64 decode atob
// export function decode(text) { export function base64Decode(text) {
// return Buffer.from(text,'base64').toString('utf-8'); return Buffer.from(text,'base64').toString('utf-8');
// } }
export function noteUnzip(wdary) { export function noteUnzip(wdary) {
let data = unzip(wdary); let data = unzip(wdary);
@@ -115,77 +112,43 @@ export function noteZip(text) {
return text; return text;
} }
export function zip(data) { export function zip(data){
if (wasmFlate.__wbindgen_wasm_module) { if(wasmFlate.__wbindgen_wasm_module){
return wasmFlate.gzip_encode_raw(data); return wasmFlate.gzip_encode_raw(data);
} }
return pako.gzip(data); return pako.gzip(data);
} }
export function unzip(data) { export function unzip(data){
if (wasmFlate.__wbindgen_wasm_module) { if(wasmFlate.__wbindgen_wasm_module){
return wasmFlate.gzip_decode_raw(data); return wasmFlate.gzip_decode_raw(data);
} }
return pako.ungzip(data); return pako.ungzip(data);
} }
function convertWordArrayToUint8Array(wordArray) {
let rr = CryptoJS.enc.Uint8Array.stringify(wordArray); export function convertBase64ToHexString(base64) {
return rr; return CryptoJS.enc.Hex.stringify(CryptoJS.enc.Base64.parse(base64));
// console.log(rr)
// var len = wordArray.words.length,
// u8_array = new Uint8Array(len << 2),
// offset = 0, word, i
// ;
// for (i = 0; i < len; i++) {
// word = wordArray.words[i];
// u8_array[offset++] = word >> 24;
// u8_array[offset++] = (word >> 16) & 0xff;
// u8_array[offset++] = (word >> 8) & 0xff;
// u8_array[offset++] = word & 0xff;
// }
// return u8_array;
} }
function convertUint8ArrayToWordArray(u8Array) { export function convertHexStringToBase64(hexString) {
return CryptoJS.enc.Base64.stringify(CryptoJS.enc.Hex.parse(hexString));
let rr = CryptoJS.enc.Uint8Array.parse(u8Array);
return rr;
// console.log(rr)
// var words = [], i = 0, len = u8Array.length;
// while (i < len) {
// words.push(
// (u8Array[i++] << 24) |
// (u8Array[i++] << 16) |
// (u8Array[i++] << 8) |
// (u8Array[i++])
// );
// }
// return {
// sigBytes: words.length * 4,
// words: words
// };
} }
export function convertHexStringToUint8Array(hexString) { export function convertHexStringToUint8Array(hexString) {
var result = []; return Uint8Array.from(Buffer.from(hexString, 'hex'));
for (var i = 0; i < hexString.length; i += 2) { }
result.push(parseInt(hexString.substr(i, 2), 16)); export function convertUint8ArrayToHexString(byteArray) {
} return Buffer.from(byteArray).toString('hex');
return Uint8Array.from(result);
// Uint8Array.from(hexString.match(/.{1,2}/g).map((byte) => parseInt(byte, 16)));
} }
export function convertUint8ArrayToHexString(byteArray) { function convertWordArrayToUint8Array(wordArray) {
return Array.prototype.map.call(byteArray, function(byte) { return CryptoJS.enc.Uint8Array.stringify(wordArray);
return ('0' + (byte & 0xFF).toString(16)).slice(-2);
}).join('');
} }
function convertUint8ArrayToWordArray(u8Array) {
return CryptoJS.enc.Uint8Array.parse(u8Array);
}

56
src/views/EditNote.vue
View File

@@ -39,6 +39,13 @@
} }
.fade-enter-active, .fade-leave-active {
transition: opacity .25s
}
.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
opacity: 0
}
@media print { @media print {
@@ -74,12 +81,13 @@
:lg="{ span: 18, offset: 3 }" :xl="{ span: 16, offset: 4 }" :xxl="{ span: 16, offset: 4 }"> :lg="{ span: 18, offset: 3 }" :xl="{ span: 16, offset: 4 }" :xxl="{ span: 16, offset: 4 }">
<Affix :offset-top="0"> <Affix :offset-top="0">
<div :class="[showHeaderShade ? 'noteHeaderShade' : 'noteHeader']"> <div :class="[showHeaderShade ? 'noteHeaderShade' : 'noteHeader']" style="text-align: left;">
<transition name="fade">
<img style="height:40px;float:left;cursor: pointer;" alt="refresh flagnote" src="/static/logo.png" <img v-show="!toTopState" style="height:40px;float:left;cursor: pointer;position: absolute;" alt="refresh flagnote" src="/static/logo.png"
v-on:click="refreshPage()" /> v-on:click="refreshPage()" />
</transition>
<div style="float:left;width:auto;"> <transition name="fade">
<div style="float:left;width:auto;position: absolute">
<Button-group size="large"> <Button-group size="large">
@@ -92,7 +100,7 @@
</Button-group> </Button-group>
</div> </div>
</transition>
<div style="float:right;width:auto;"> <div style="float:right;width:auto;">
@@ -379,27 +387,27 @@ export default {
backStoreFunction() { backStoreFunction() {
let that = this; let that = this;
return function () { return function () {
that.backStoreText(that); that.backStoreText();
} }
}, },
backStoreText(that) { backStoreText() {
let nowEditCount = that.noteForm.text.length; let nowEditCount = this.noteForm.text.length;
let nowEditTime = new Date().getTime(); let nowEditTime = new Date().getTime();
if (Math.abs(nowEditCount - that.lastStoreCount) > 10) { if (Math.abs(nowEditCount - this.lastStoreCount) > 10) {
setStoreText(that.noteForm, that.state, that.secret); setStoreText(this.noteForm, this.state, this.secret);
that.lastStoreTime = that.lastEditTime; this.lastStoreTime = this.lastEditTime;
that.lastStoreCount = nowEditCount; this.lastStoreCount = nowEditCount;
} else { } else {
if (nowEditTime - that.lastEditTime >= 1000 && nowEditTime - that.lastEditTime < 20000) { if (nowEditTime - this.lastEditTime >= 1000 && nowEditTime - this.lastEditTime < 20000) {
if (that.lastEditTime != that.lastStoreTime) { if (this.lastEditTime != this.lastStoreTime) {
setStoreText(that.noteForm, that.state, that.secret); setStoreText(this.noteForm, this.state, this.secret);
that.lastStoreTime = that.lastEditTime; this.lastStoreTime = this.lastEditTime;
that.lastStoreCount = nowEditCount; this.lastStoreCount = nowEditCount;
} }
} else if (nowEditTime - that.lastEditTime >= 20000) { } else if (nowEditTime - this.lastEditTime >= 20000) {
if (that.backStoreTextInterval != null) { if (this.backStoreTextInterval != null) {
let ivl = that.backStoreTextInterval; let ivl = this.backStoreTextInterval;
that.backStoreTextInterval = null; this.backStoreTextInterval = null;
window.clearInterval(ivl); window.clearInterval(ivl);
} }
} }
@@ -549,7 +557,7 @@ export default {
dataURLToBlob(dataurl) { dataURLToBlob(dataurl) {
let arr = dataurl.split(','); let arr = dataurl.split(',');
let mime = arr[0].match(/:(.*?);/)[1]; let mime = arr[0].match(/:(.*?);/)[1];
let bstr = atob(arr[1]); let bstr = window.atob(arr[1]);
let n = bstr.length; let n = bstr.length;
let u8arr = new Uint8Array(n); let u8arr = new Uint8Array(n);
while (n--) { while (n--) {
@@ -602,7 +610,7 @@ export default {
}); });
}, },
beforeunloadHandler() { beforeunloadHandler() {
this.recordText(); setStoreText(this.noteForm, this.state, this.secret);
}, },
} }
} }

80
src/views/ViewNote.vue
View File

@@ -80,8 +80,8 @@
} }
#qrUrl::selection { #qrUrl::selection {
background-color: #ed4014; background: #dddddd;
color: #ffffff; color: #ed4014;
} }
#copyBtn { #copyBtn {
@@ -172,17 +172,17 @@
<img style="height:40px;float:left;cursor: pointer;" alt="refresh flagnote" src="/static/logo.png" <img style="height:40px;float:left;cursor: pointer;" alt="refresh flagnote" src="/static/logo.png"
v-on:click="refreshPage()"> v-on:click="refreshPage()">
<!-- <!--
<div style="float:left;width:auto;vertical-align: center;"> <div style="float:left;width:auto;vertical-align: center;">
<div style="font-size: 18px; <div style="font-size: 18px;
color: red; color: red;
line-height: 40px; line-height: 40px;
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
height: 40px;">{{ height: 40px;">{{
state.ttlDesc state.ttlDesc
}}</div> }}</div>
</div> </div>
--> -->
<div style="float:left;width:auto;"> <div style="float:left;width:auto;">
@@ -225,9 +225,9 @@
<!-- <!--
<Button type="error" icon="md-refresh" style="border-radius: 0px;font-size: 24px;" <Button type="error" icon="md-refresh" style="border-radius: 0px;font-size: 24px;"
@click="refreshPage()"></Button> @click="refreshPage()"></Button>
--> -->
<Button aria-label="crop" v-show="model.showDownloadText" type="error" icon="md-crop" <Button aria-label="crop" v-show="model.showDownloadText" type="error" icon="md-crop"
style="border-radius: 0px;font-size: 24px;" @click="saveImage(); switchMenu();"></Button> style="border-radius: 0px;font-size: 24px;" @click="saveImage(); switchMenu();"></Button>
@@ -275,11 +275,11 @@
<Modal v-model="model.showShare" width="360" footer-hide class-name="qrmodal" :styles="{ borderRadius: 0 }" <Modal v-model="model.showShare" width="360" footer-hide class-name="qrmodal" :styles="{ borderRadius: 0 }"
@on-cancel="closeShareModel"> @on-cancel="closeShareModel">
<p style="text-align: center; <p style="text-align: center;
z-index: 1000; z-index: 1000;
position: absolute; position: absolute;
top: -2px; top: -2px;
left: 0px; left: 0px;
width: 100%;"> width: 100%;">
<Tag style="border-radius: 0px;" v-show="model.copyTip" color="#ed4014" text="">Url Copied.</Tag> <Tag style="border-radius: 0px;" v-show="model.copyTip" color="#ed4014" text="">Url Copied.</Tag>
</p> </p>
<p style="text-align: center;margin-top:20px;line-height:100%"> <p style="text-align: center;margin-top:20px;line-height:100%">
@@ -336,7 +336,7 @@
<script> <script>
import { md5, unwrap, convertUint8ArrayToHexString} from "@/libs/secret"; import { md5, unwrap } from "@/libs/secret";
import { getStoreKey } from "@/api/lock"; import { getStoreKey } from "@/api/lock";
import { deleteNote, getNoteBlob } from "@/api/note"; import { deleteNote, getNoteBlob } from "@/api/note";
import storage from "@/libs/storage"; import storage from "@/libs/storage";
@@ -346,6 +346,7 @@ import Clipboard from "clipboard";
import { saveAs } from 'file-saver'; import { saveAs } from 'file-saver';
import { isWeixin, getNoteUrl } from "@/libs/utils"; import { isWeixin, getNoteUrl } from "@/libs/utils";
import html2canvas from "html2canvas"; import html2canvas from "html2canvas";
import { Buffer } from 'buffer';
export default { export default {
name: 'ViewNote', name: 'ViewNote',
@@ -579,28 +580,19 @@ export default {
return; return;
} }
let blob = new Blob([res.data], { res.data.arrayBuffer().then(function (ab) {
type: res.data.type if (!ab || ab.byteLength == 0) {
});
let reader = new FileReader();
reader.onload = function (e) {
if (!e.target.result || e.target.result.byteLength == 0) {
return; return;
} }
// let decoder = new TextDecoder(); let base64String = Buffer.from(ab).toString('base64')
// let bytesString = decoder.decode(e.target.result); that.noteForm.text = unwrap(base64String, that.secret.secretKey);
let bytesString = convertUint8ArrayToHexString(new Uint8Array(e.target.result));
that.noteForm.text = unwrap(bytesString, that.secret.secretKey);
//that.noteForm.escapeText = getEscapeText(that.noteForm.text);
// if local is enough, set local // if local is enough, set local
if (storage.local.getAvailableSize() > 1 * 1024 * 1024) { if (storage.local.getAvailableSize() > 1 * 1024 * 1024) {
storage.local.setText(that.secret.storeKey, that.state.lock + '|' + that.secret.cipher + '|1|' + that.state.serverTime + '|' + bytesString); storage.local.setText(that.secret.storeKey, that.state.lock + '|' + that.secret.cipher + '|1|' + that.state.serverTime + '|' + base64String);
} }
}; });
reader.readAsArrayBuffer(blob);
}); });
} else { } else {
@@ -666,7 +658,7 @@ export default {
dataURLToBlob(dataurl) { dataURLToBlob(dataurl) {
let arr = dataurl.split(','); let arr = dataurl.split(',');
let mime = arr[0].match(/:(.*?);/)[1]; let mime = arr[0].match(/:(.*?);/)[1];
let bstr = atob(arr[1]); let bstr = window.atob(arr[1]);
let n = bstr.length; let n = bstr.length;
let u8arr = new Uint8Array(n); let u8arr = new Uint8Array(n);
while (n--) { while (n--) {
@@ -678,7 +670,7 @@ export default {
let canvasID = this.$refs["html2canvas"]; let canvasID = this.$refs["html2canvas"];
let that = this; let that = this;
let a = document.createElement('a'); let a = document.createElement('a');
html2canvas(canvasID,{ html2canvas(canvasID, {
scale: 1, scale: 1,
windowWidth: document.getElementById("noteText").offsetWidth, windowWidth: document.getElementById("noteText").offsetWidth,
onclone: (clonedDocument) => { onclone: (clonedDocument) => {
@@ -686,16 +678,16 @@ export default {
const div = clonedDocument.createElement('div') const div = clonedDocument.createElement('div')
div.innerText = nt.value div.innerText = nt.value
div.style.color="black"; div.style.color = "black";
div.style.padding = "0px"; div.style.padding = "0px";
div.style.textAlign = "left"; div.style.textAlign = "left";
div.style.wordBreak = "break-word"; div.style.wordBreak = "break-word";
div.style.whiteSpace = "pre-wrap"; div.style.whiteSpace = "pre-wrap";
div.style.verticalAlign = "top"; div.style.verticalAlign = "top";
div.style.fontSize ="15px"; div.style.fontSize = "15px";
div.style.width= "100%"; div.style.width = "100%";
div.style.border="0px"; div.style.border = "0px";
div.style.fontFamily="'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif"; div.style.fontFamily = "'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif";
nt.style.display = 'none' nt.style.display = 'none'

23
vue.config.js
View File

@@ -14,16 +14,17 @@ module.exports = defineConfig({
config.externals = { config.externals = {
'vue': 'Vue', 'vue': 'Vue',
'vue-router': 'VueRouter', 'vue-router': 'VueRouter',
'axios': 'axios', // 'axios': 'axios',
//'vue-axios':'VueAxios', //'vue-axios':'VueAxios',
//'buffer': 'Buffer',
"crypto-js": "CryptoJS", "crypto-js": "CryptoJS",
'qrcodejs2': 'QRCode', // 'qrcodejs2': 'QRCode',
'pako': 'pako', 'pako': 'pako',
"view-design": 'iview', "view-design": 'iview',
"iview": 'ViewUI', "iview": 'ViewUI',
"file-saver": 'saveAs', //"file-saver": 'saveAs',
"clipboard": "ClipboardJS", // "clipboard": "ClipboardJS",
"vue-i18n": "VueI18n", // "vue-i18n": "VueI18n",
"html2canvas": "html2canvas", "html2canvas": "html2canvas",
"wasm_flate": "wasm_flate" "wasm_flate": "wasm_flate"
}; };
@@ -67,13 +68,21 @@ module.exports = defineConfig({
devServer: { devServer: {
proxy: { proxy: {
"/note": { "/note": {
target: "https://flagnote.com/", // 后台接口域名 //target: "https://flagnote.com/", // 后台接口域名
// target: "http://localhost:10000/", // 后台接口域名 target: "http://localhost:20000/", // 后台接口域名
secure: false, // 如果是https接口，需要配置这个参数 secure: false, // 如果是https接口，需要配置这个参数
changeOrigin: true, //是否跨域 changeOrigin: true, //是否跨域
pathRewrite: { pathRewrite: {
// '^/': '/' // '^/': '/'
}, },
}, "^/[abcdefhikmnopqstuvwxyz23456789]{16}\\.txt$": {
//target: "https://flagnote.com/", // 后台接口域名
target: "http://localhost:20000/", // 后台接口域名
secure: false, // 如果是https接口，需要配置这个参数
changeOrigin: true, //是否跨域
pathRewrite: {
'^/': '/note/'
},
}, },
}, },
}, },

51
yarn.lock
View File

@@ -2013,6 +2013,11 @@ balanced-match@^1.0.0:
resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee" resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw== integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
base64-arraybuffer@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz#1c37589a7c4b0746e34bd1feb951da2df01c1bdc"
integrity sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==
base64-js@^1.3.1: base64-js@^1.3.1:
version "1.5.1" version "1.5.1"
resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a" resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
@@ -2123,6 +2128,14 @@ buffer@^5.5.0:
base64-js "^1.3.1" base64-js "^1.3.1"
ieee754 "^1.1.13" ieee754 "^1.1.13"
buffer@^6.0.3:
version "6.0.3"
resolved "https://registry.yarnpkg.com/buffer/-/buffer-6.0.3.tgz#2ace578459cc8fbe2a70aaa8f52ee63b6a74c6c6"
integrity sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==
dependencies:
base64-js "^1.3.1"
ieee754 "^1.2.1"
bytes@3.0.0: bytes@3.0.0:
version "3.0.0" version "3.0.0"
resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048" resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
@@ -2558,6 +2571,13 @@ css-declaration-sorter@^6.3.1:
resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz#be5e1d71b7a992433fb1c542c7a1b835e45682ec" resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz#be5e1d71b7a992433fb1c542c7a1b835e45682ec"
integrity sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w== integrity sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w==
css-line-break@^2.1.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/css-line-break/-/css-line-break-2.1.0.tgz#bfef660dfa6f5397ea54116bb3cb4873edbc4fa0"
integrity sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==
dependencies:
utrie "^1.0.2"
css-loader@^6.5.0: css-loader@^6.5.0:
version "6.7.2" version "6.7.2"
resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.2.tgz#26bc22401b5921686a10fbeba75d124228302304" resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.2.tgz#26bc22401b5921686a10fbeba75d124228302304"
@@ -3650,6 +3670,14 @@ html-webpack-plugin@^5.1.0:
pretty-error "^4.0.0" pretty-error "^4.0.0"
tapable "^2.0.0" tapable "^2.0.0"
html2canvas@^1.4.1:
version "1.4.1"
resolved "https://registry.yarnpkg.com/html2canvas/-/html2canvas-1.4.1.tgz#7cef1888311b5011d507794a066041b14669a543"
integrity sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==
dependencies:
css-line-break "^2.1.0"
text-segmentation "^1.0.3"
htmlparser2@^6.1.0: htmlparser2@^6.1.0:
version "6.1.0" version "6.1.0"
resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7" resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
@@ -3728,7 +3756,7 @@ icss-utils@^5.0.0, icss-utils@^5.1.0:
resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae" resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA== integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
ieee754@^1.1.13: ieee754@^1.1.13, ieee754@^1.2.1:
version "1.2.1" version "1.2.1"
resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352" resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA== integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
@@ -5927,6 +5955,13 @@ terser@^5.10.0, terser@^5.14.1:
commander "^2.20.0" commander "^2.20.0"
source-map-support "~0.5.20" source-map-support "~0.5.20"
text-segmentation@^1.0.3:
version "1.0.3"
resolved "https://registry.yarnpkg.com/text-segmentation/-/text-segmentation-1.0.3.tgz#52a388159efffe746b24a63ba311b6ac9f2d7943"
integrity sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==
dependencies:
utrie "^1.0.2"
text-table@^0.2.0: text-table@^0.2.0:
version "0.2.0" version "0.2.0"
resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4" resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
@@ -6120,6 +6155,13 @@ utils-merge@1.0.1:
resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713" resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA== integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
utrie@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/utrie/-/utrie-1.0.2.tgz#d42fe44de9bc0119c25de7f564a6ed1b2c87a645"
integrity sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==
dependencies:
base64-arraybuffer "^1.0.2"
uuid@^8.3.2: uuid@^8.3.2:
version "8.3.2" version "8.3.2"
resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2" resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
@@ -6204,7 +6246,7 @@ vue-loader@^17.0.0:
hash-sum "^2.0.0" hash-sum "^2.0.0"
loader-utils "^2.0.0" loader-utils "^2.0.0"
vue-router@^3.5.4: vue-router@^3.6.5:
version "3.6.5" version "3.6.5"
resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.6.5.tgz#95847d52b9a7e3f1361cb605c8e6441f202afad8" resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.6.5.tgz#95847d52b9a7e3f1361cb605c8e6441f202afad8"
integrity sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ== integrity sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ==
@@ -6230,6 +6272,11 @@ vue@^2.7.14:
"@vue/compiler-sfc" "2.7.14" "@vue/compiler-sfc" "2.7.14"
csstype "^3.1.0" csstype "^3.1.0"
wasm-flate@^1.0.2-browser:
version "1.0.2-browser"
resolved "https://registry.yarnpkg.com/wasm-flate/-/wasm-flate-1.0.2-browser.tgz#e10e758b37c3d38829b54809fa2fef853b48131c"
integrity sha512-qpqOzvbKtgG/2Mb0DYXVPQ2nOrkKYoAQtpr4QZzgO8SMfKieeODUy2vomMnimQjH/K2RGWnw+kZmO8yf+Yh9qA==
watchpack@^2.4.0: watchpack@^2.4.0:
version "2.4.0" version "2.4.0"
resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d" resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"