feat: basic framework

2022-01-28 22:37:17 +08:00
parent 1e3d00cd49
commit eecea5591c
14 changed files with 30368 additions and 9 deletions
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -0,0 +1,5 @@
+{
+    "include": [
+        "./src/*"
+    ]
+}
--- a/package.json
+++ b/package.json
@@ -9,13 +9,16 @@
  },
  "dependencies": {
    "core-js": "^3.6.5",
-    "vue": "^2.6.11"
+    "localforage": "^1.10.0",
+    "vue": "^2.6.11",
+    "xlsx": "^0.17.4"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "babel-eslint": "^10.1.0",
+    "element-ui": "^2.15.6",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "vue-template-compiler": "^2.6.11"
--- a/public/index.html
+++ b/public/index.html
@@ -5,6 +5,11 @@
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+
+    <script src="./jsuites.js"></script>
+    <script src="./jexcel.js"></script>
+    <link rel="stylesheet" href="./jexcel.css" type="text/css">
+    <link rel="stylesheet" href="./jsuites.css" type="text/css">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
--- a/public/jexcel.css
+++ b/public/jexcel.css
@@ -0,0 +1,755 @@
+:root {
+    --jexcel-border-color:#000;
+}
+
+.jexcel_container {
+    display:inline-block;
+    padding-right:2px;
+    box-sizing: border-box;
+    overscroll-behavior: contain;
+    outline: none;
+}
+
+.jexcel_container.fullscreen {
+    position:fixed;
+    top:0px;
+    left:0px;
+    width:100%;
+    height:100%;
+    z-index:21;
+}
+
+.jexcel_container.fullscreen .jexcel_content {
+    overflow:auto;
+    width:100%;
+    height:100%;
+    background-color:#ffffff;
+}
+
+.jexcel_container.with-toolbar .jexcel > thead > tr > td {
+    top: 0;
+}
+
+.jexcel_container.fullscreen.with-toolbar {
+    height: calc(100% - 46px);
+}
+
+.jexcel_content {
+    display:inline-block;
+    box-sizing: border-box;
+    padding-right:3px;
+    padding-bottom:3px;
+    position:relative;
+    scrollbar-width: thin;
+    scrollbar-color: #666 transparent;
+}
+
+@supports (-moz-appearance:none) {
+    .jexcel_content { padding-right:10px; } 
+}
+
+.jexcel_content::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+.jexcel_content::-webkit-scrollbar-track {
+    background: #eee;
+}
+ 
+.jexcel_content::-webkit-scrollbar-thumb {
+  background: #666; 
+}
+
+.jexcel {
+    border-collapse: separate;
+    table-layout: fixed;
+    white-space:  nowrap;
+    empty-cells: show;
+    border: 0px;
+    background-color: #fff;
+    width: 0;
+
+    border-top: 1px solid transparent;
+    border-left: 1px solid transparent;
+    border-right: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+}
+
+.jexcel > thead > tr > td
+{
+    border-top: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    border-right: 1px solid transparent;
+    border-bottom: 1px solid transparent;
+    background-color: #f3f3f3;
+    padding: 2px;
+    cursor: pointer;
+    box-sizing: border-box;
+    overflow: hidden;
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    z-index:2;
+}
+
+.jexcel_container.with-toolbar .jexcel > thead > tr > td
+{
+    top:42px;
+}
+
+.jexcel > thead > tr > td.dragging
+{
+    background-color:#fff;
+    opacity:0.5;
+}
+
+.jexcel > thead > tr > td.selected
+{
+    background-color:#dcdcdc;
+}
+
+.jexcel > thead > tr > td.arrow-up
+{
+    background-repeat:no-repeat;
+    background-position:center right 5px;
+    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E");
+    text-decoration:underline;
+}
+
+.jexcel > thead > tr > td.arrow-down
+{
+    background-repeat:no-repeat;
+    background-position:center right 5px;
+    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");
+    text-decoration:underline;
+}
+
+.jexcel > tbody > tr > td:first-child
+{
+    position:relative;
+    background-color:#f3f3f3;
+    text-align:center;
+}
+
+.jexcel > tbody.resizable > tr > td:first-child::before
+{
+    content:'\00a0';
+    width:100%;
+    height:3px;
+    position:absolute;
+    bottom:0px;
+    left:0px;
+    cursor:row-resize;
+}
+
+.jexcel > tbody.draggable > tr > td:first-child::after
+{
+    content:'\00a0';
+    width:3px;
+    height:100%;
+    position:absolute;
+    top:0px;
+    right:0px;
+    cursor:move;
+}
+
+.jexcel > tbody > tr.dragging > td
+{
+    background-color:#eee;
+    opacity:0.5;
+}
+
+.jexcel > tbody > tr > td
+{
+    border-top:1px solid #ccc;
+    border-left:1px solid #ccc;
+    border-right:1px solid transparent;
+    border-bottom:1px solid transparent;
+    padding:4px;
+    white-space: nowrap;
+    box-sizing: border-box;
+    line-height:1em;
+}
+
+.jexcel_overflow > tbody > tr > td {
+    overflow: hidden;
+}
+
+.jexcel > tbody > tr > td:last-child
+{
+    overflow: hidden;
+}
+
+.jexcel > tbody > tr > td > img
+{
+    display:inline-block;
+    max-width:100px;
+}
+
+.jexcel > tbody > tr > td.readonly
+{
+    color:rgba(0,0,0,0.3)
+}
+.jexcel > tbody > tr.selected > td:first-child
+{
+    background-color:#dcdcdc;
+}
+.jexcel > tbody > tr > td > select,
+.jexcel > tbody > tr > td > input,
+.jexcel > tbody > tr > td > textarea
+{
+    border:0px;
+    border-radius:0px;
+    outline:0px;
+    width:100%;
+    margin:0px;
+    padding:0px;
+    padding-right:2px;
+    background-color:transparent;
+    box-sizing: border-box;
+}
+
+.jexcel > tbody > tr > td > textarea
+{
+    resize: none;
+    padding-top:6px !important;
+}
+
+.jexcel > tbody > tr > td > input[type=checkbox]
+{
+    width:12px;
+    margin-top:2px;
+}
+.jexcel > tbody > tr > td > input[type=radio]
+{
+    width:12px;
+    margin-top:2px;
+}
+
+.jexcel > tbody > tr > td > select
+{
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background-repeat: no-repeat;
+    background-position-x: 100%;
+    background-position-y: 40%;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
+}
+
+.jexcel > tbody > tr > td.jexcel_dropdown
+{
+    background-repeat: no-repeat;
+    background-position:top 50% right 5px;
+    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E");
+    text-overflow: ellipsis;
+    overflow-x:hidden;
+}
+
+.jexcel > tbody > tr > td.jexcel_dropdown.jexcel_comments
+{
+    background:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E") top 50% right 5px no-repeat, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=') top right no-repeat;
+}
+
+.jexcel > tbody > tr > td > .color
+{
+    width:90%;
+    height:10px;
+    margin:auto;
+}
+
+.jexcel > tbody > tr > td > a {
+    text-decoration: underline;
+}
+
+.jexcel > tbody > tr > td.highlight > a {
+    color: blue;
+    cursor: pointer;
+}
+
+.jexcel > tfoot > tr > td
+{
+    border-top: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    border-right: 1px solid transparent;
+    border-bottom: 1px solid transparent;
+    background-color: #f3f3f3;
+    padding: 2px;
+    cursor: pointer;
+    box-sizing: border-box;
+    overflow: hidden;
+}
+
+.jexcel .highlight {
+    background-color:rgba(0,0,0,0.05);
+}
+
+.jexcel .highlight-top {
+    border-top:1px solid #000; /* var(--jexcel-border-color);*/
+    box-shadow: 0px -1px #ccc;
+}
+
+.jexcel .highlight-left {
+    border-left:1px solid #000; /* var(--jexcel-border-color);*/
+    box-shadow: -1px 0px #ccc;
+}
+
+.jexcel .highlight-right {
+    border-right:1px solid #000; /* var(--jexcel-border-color);*/
+}
+
+.jexcel .highlight-bottom {
+    border-bottom:1px solid #000; /* var(--jexcel-border-color);*/
+}
+
+.jexcel .highlight-top.highlight-left {
+    box-shadow: -1px -1px #ccc;
+    -webkit-box-shadow: -1px -1px #ccc;
+    -moz-box-shadow: -1px -1px #ccc;
+}
+
+.jexcel .highlight-selected
+{
+    background-color:rgba(0,0,0,0.0);
+}
+.jexcel .selection
+{
+    background-color:rgba(0,0,0,0.05);
+}
+.jexcel .selection-left
+{
+    border-left:1px dotted #000;
+}
+.jexcel .selection-right
+{
+    border-right:1px dotted #000;
+}
+.jexcel .selection-top
+{
+    border-top:1px dotted #000;
+}
+.jexcel .selection-bottom
+{
+    border-bottom:1px dotted #000;
+}
+.jexcel_corner
+{
+    position:absolute;
+    background-color: rgb(0, 0, 0);
+    height: 1px;
+    width: 1px;
+    border: 1px solid rgb(255, 255, 255);
+    top:-2000px;
+    left:-2000px;
+    cursor:crosshair;
+    box-sizing: initial;
+    z-index:20;
+    padding: 2px;
+}
+
+.jexcel .editor
+{
+    outline:0px solid transparent;
+    overflow:visible;
+    white-space: nowrap;
+    text-align:left;
+    padding:0px;
+    box-sizing: border-box;
+    overflow:visible !important;
+}
+
+.jexcel .editor > input
+{
+    padding-left:4px;
+}
+
+.jexcel .editor .jupload
+{
+    position:fixed;
+    top:100%;
+    z-index:40;
+    user-select:none;
+    -webkit-font-smoothing: antialiased;
+    font-size: .875rem;
+    letter-spacing: .2px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
+    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
+    padding:10px;
+    background-color:#fff;
+    width:300px;
+    min-height:225px;
+    margin-top:2px;
+}
+
+.jexcel .editor .jupload img
+{
+    width:100%;
+    height:auto;
+}
+
+.jexcel .editor .jexcel_richtext
+{
+    position:fixed;
+    top:100%;
+    z-index:40;
+    user-select:none;
+    -webkit-font-smoothing: antialiased;
+    font-size: .875rem;
+    letter-spacing: .2px;
+    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
+    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
+    padding:10px;
+    background-color:#fff;
+    min-width:280px;
+    max-width:310px;
+    margin-top:2px;
+    text-align:left;
+}
+
+.jexcel .editor .jclose:after
+{
+    position:absolute;
+    top:0;
+    right:0;
+    margin:10px;
+    content:'close';
+    font-family:'Material icons';
+    font-size:24px;
+    width:24px;
+    height:24px;
+    line-height:24px;
+    cursor:pointer;
+    text-shadow: 0px 0px 5px #fff;
+}
+
+.jexcel, .jexcel td, .jexcel_corner
+{
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-user-drag: none;
+  -khtml-user-drag: none;
+  -moz-user-drag: none;
+  -o-user-drag: none;
+  user-drag: none;
+}
+
+.jexcel_textarea
+{
+    position:absolute;
+    top:-999px;
+    left:-999px;
+    width:1px;
+    height:1px;
+}
+.jexcel .dragline
+{
+    position:absolute;
+}
+.jexcel .dragline div
+{
+    position:relative;
+    top:-6px;
+    height:5px;
+    width:22px;
+}
+.jexcel .dragline div:hover
+{
+    cursor:move;
+}
+
+.jexcel .onDrag
+{
+    background-color:rgba(0,0,0,0.6);
+}
+
+.jexcel .error
+{
+    border:1px solid red;
+}
+
+.jexcel thead td.resizing
+{
+    border-right-style:dotted !important;
+    border-right-color:red !important;
+}
+
+.jexcel tbody tr.resizing > td
+{
+    border-bottom-style:dotted !important;
+    border-bottom-color:red !important;
+}
+
+.jexcel tbody td.resizing
+{
+    border-right-style:dotted !important;
+    border-right-color:red !important;
+}
+
+.jexcel .jdropdown-header
+{
+    border:0px !important;
+    outline:none !important;
+    width:100% !important;
+    height:100% !important;
+    padding:0px !important;
+    padding-left:8px !important;
+}
+
+.jexcel .jdropdown-container
+{
+    margin-top:1px;
+}
+
+.jexcel .jdropdown-container-header {
+    padding: 0px;
+    margin: 0px;
+    height: inherit;
+}
+
+.jexcel .jdropdown-picker
+{
+    border:0px !important;
+    padding:0px !important;
+    width:inherit;
+    height:inherit;
+}
+
+.jexcel .jexcel_comments
+{
+    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=');
+    background-repeat: no-repeat;
+    background-position: top right;
+}
+
+.jexcel .sp-replacer
+{
+    margin: 2px;
+    border:0px;
+}
+
+.jexcel > thead > tr.jexcel_filter > td > input
+{
+    border:0px;
+    width:100%;
+    outline:none;
+}
+
+.jexcel_about {
+    float: right;
+    font-size: 0.7em;
+    padding: 2px;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    display: none;
+}
+.jexcel_about a {
+    color: #ccc;
+    text-decoration: none;
+}
+
+.jexcel_about img {
+    display: none;
+}
+
+.jexcel_filter
+{
+    display:flex;
+    justify-content:space-between;
+    margin-bottom:4px;
+}
+
+.jexcel_filter > div
+{
+    padding:8px;
+    align-items:center;
+}
+
+.jexcel_pagination
+{
+    display:flex;
+    justify-content:space-between;
+    align-items:center;
+}
+
+.jexcel_pagination > div
+{
+    display:flex;
+    padding:10px;
+}
+
+.jexcel_pagination > div:last-child
+{
+    padding-right:10px;
+    padding-top:10px;
+}
+
+.jexcel_pagination > div > div
+{
+    text-align:center;
+    width:36px;
+    height:36px;
+    line-height:34px;
+    border:1px solid #ccc;
+    box-sizing: border-box;
+    margin-left:2px;
+    cursor:pointer;
+}
+
+.jexcel_page
+{
+    font-size:0.8em;
+}
+
+.jexcel_page_selected
+{
+    font-weight:bold;
+    background-color:#f3f3f3;
+}
+
+.jexcel_toolbar
+{
+    display:flex;
+    background-color:#f3f3f3;
+    border:1px solid #ccc;
+    padding:4px;
+    margin:0px 2px 4px 1px;
+    position:sticky;
+    top:0px;
+    z-index:21;
+}
+
+.jexcel_toolbar:empty
+{
+    display:none;
+}
+
+.jexcel_toolbar i.jexcel_toolbar_item 
+{
+    width:24px;
+    height:24px;
+    padding:4px;
+    cursor:pointer;
+    display:inline-block;
+}
+
+.jexcel_toolbar i.jexcel_toolbar_item:hover 
+{
+    background-color:#ddd;
+}
+
+.jexcel_toolbar select.jexcel_toolbar_item 
+{
+    margin-left:2px;
+    margin-right:2px;
+    display:inline-block;
+    border:0px;
+    background-color:transparent;
+    padding-right:10px;
+}
+
+.jexcel .dragging-left
+{
+    background-repeat: no-repeat;
+    background-position:top 50% left 0px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14 7l-5 5 5 5V7z'/%3E%3Cpath fill='none' d='M24 0v24H0V0h24z'/%3E%3C/svg%3E");
+}
+
+.jexcel .dragging-right
+{
+    background-repeat: no-repeat;
+    background-position:top 50% right 0px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3Cpath fill='none' d='M0 24V0h24v24H0z'/%3E%3C/svg%3E");
+}
+
+.jexcel_tabs .jexcel_tab
+{
+    display:none;
+}
+
+.jexcel_tabs .jexcel_tab_link
+{
+    display:inline-block;
+    padding:10px;
+    padding-left:20px;
+    padding-right:20px;
+    margin-right:5px;
+    margin-bottom:5px;
+    background-color:#f3f3f3;
+    cursor:pointer;
+}
+
+.jexcel_tabs .jexcel_tab_link.selected
+{
+    background-color:#ddd;
+}
+
+.jexcel_hidden_index > tbody > tr > td:first-child,
+.jexcel_hidden_index > thead > tr > td:first-child,
+.jexcel_hidden_index > tfoot > tr > td:first-child,
+.jexcel_hidden_index > colgroup > col:first-child
+{
+    display:none;
+}
+
+
+
+.jexcel .jrating {
+    display: inline-flex;
+}
+.jexcel .jrating > div {
+    zoom: 0.55;
+}
+
+.jexcel .copying-top {
+    border-top:1px dashed #000;
+}
+
+.jexcel .copying-left {
+    border-left:1px dashed #000;
+}
+
+.jexcel .copying-right {
+    border-right:1px dashed #000;
+}
+
+.jexcel .copying-bottom {
+    border-bottom:1px dashed #000;
+}
+
+.jexcel .jexcel_column_filter {
+    background-repeat: no-repeat;
+    background-position: top 50% right 5px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
+    text-overflow: ellipsis;
+    overflow: hidden;
+    padding: 0px;
+    padding-left: 6px;
+    padding-right: 20px;
+}
+
+.jexcel thead .jexcel_freezed, .jexcel tfoot .jexcel_freezed {
+    left: 0px;
+    z-index: 3 !important;
+    box-shadow: 2px 0px 2px 0.2px #ccc !important;
+    -webkit-box-shadow: 2px 0px 2px 0.2px #ccc !important;
+    -moz-box-shadow: 2px 0px 2px 0.2px #ccc !important;
+}
+
+.jexcel tbody .jexcel_freezed {
+    position: relative;
+    background-color: #fff;
+    box-shadow: 1px 1px 1px 1px #ccc !important;
+    -webkit-box-shadow: 2px 4px 4px 0.1px #ccc !important;
+    -moz-box-shadow: 2px 4px 4px 0.1px #ccc !important;
+}
+
+.red {
+    color: red;
+}
--- a/public/jexcel.js
+++ b/public/jexcel.js
--- a/public/jsuites.css
+++ b/public/jsuites.css
--- a/public/jsuites.js
+++ b/public/jsuites.js
--- a/public/localforage.min.js
+++ b/public/localforage.min.js
--- a/public/localforage.min.js:Zone.Identifier
+++ b/public/localforage.min.js:Zone.Identifier
@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://raw.githubusercontent.com/mozilla/localForage/master/dist/localforage.min.js
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,19 +1,21 @@
 <template>
  <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
+    <el-row>
+      <el-col :span="12"><full-table /></el-col>
+      <el-col :span="12"></el-col>
+    </el-row>
  </div>
 </template>

 <script>
-import HelloWorld from './components/HelloWorld.vue'
+import FullTable from "./components/FullTable.vue";

 export default {
-  name: 'App',
+  name: "App",
  components: {
-    HelloWorld
-  }
-}
+    FullTable,
+  },
+};
 </script>

 <style>
--- a/src/components/ExportTable.vue
+++ b/src/components/ExportTable.vue
@@ -0,0 +1,13 @@
+<template>
+    
+</template>
+
+<script>
+export default {
+    
+}
+</script>
+
+<style scoped>
+
+</style>
--- a/src/components/FullTable.vue
+++ b/src/components/FullTable.vue
@@ -0,0 +1,95 @@
+<template>
+  <el-container>
+    <el-header class="improt-bar">
+      <el-row type="flex">
+        <el-col :span="16">
+          <el-input v-model="loadFileName" disabled></el-input>
+        </el-col>
+        <el-col :span="4">
+          <el-upload
+            action=""
+            :multiple="false"
+            accept=".xlsx;.xls"
+            :auto-upload="false"
+            :on-change="loadFile"
+            :show-file-list="false"
+          >
+            <el-button>选择文件</el-button>
+          </el-upload>
+        </el-col>
+        <el-col :span="4">
+          <el-button @click="importTable" :disabled="isImportable"
+            >导入</el-button
+          >
+        </el-col>
+      </el-row>
+    </el-header>
+    <el-main class="full-table">
+      <el-select :disabled="isNotEditable" v-model="currentSheet" clearable>
+        <el-option
+          v-for="(tName, i) in sheetNames"
+          :key="tName"
+          :label="tName"
+          :value="i"
+        ></el-option>
+      </el-select>
+      <el-button @click="showPreview">选择解析区域</el-button>
+    </el-main>
+  </el-container>
+</template>
+
+<script>
+import localforage from "localforage";
+import XLSX from "xlsx";
+
+export default {
+  data() {
+    return {
+      loadFileName: "",
+      table: null,
+      currentSheet: "",
+    };
+  },
+  computed: {
+    isImportable: function(){
+      return this.loadFileName === null;
+    },
+    isNotEditable: function () {
+      return this.table === null;
+    },
+    sheetNames: function () {
+      if (this.table !== null && this.table.SheetNames !== null) {
+        return this.table.SheetNames;
+      } else {
+        return [];
+      }
+    },
+  },
+  methods: {
+    loadFile: function (file) {
+      this.loadFileName = file.name;
+      let fRead = new FileReader();
+      fRead.onload = () => {
+        localforage.setItem("LoadedTable", fRead.result);
+        console.log("file loaded into localStorage");
+      };
+      fRead.readAsBinaryString(file.raw);
+    },
+    importTable: function () {
+      localforage.getItem("LoadedTable").then((res) => {
+        if (res !== null) {
+          this.table = XLSX.read(res, { type: "binary" });
+        }
+      });
+      console.log("importing table");
+    },
+    showPreview: function() {
+      let toShow = this.table.sheets[this.currentSheet];
+      XLSX.utils.sheet_to_formulae()
+    }
+  },
+};
+</script>
+
+<style scoped>
+</style>
--- a/src/main.js
+++ b/src/main.js
@@ -1,7 +1,19 @@
 import Vue from 'vue'
 import App from './App.vue'

+import ElementUI from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css';
+
+import localforage from 'localforage';
+
+localforage.config({
+  name: 'import_table'
+})
+
+Vue.use(ElementUI);
+
 Vue.config.productionTip = false
+Vue.prototype.$localforage = localforage;

 new Vue({
  render: h => h(App),
--- a/yarn.lock
+++ b/yarn.lock
@@ -1609,6 +1609,21 @@ address@^1.1.2:
  resolved "https://registry.npm.taobao.org/address/download/address-1.1.2.tgz#bf1116c9c758c51b7a933d296b72c221ed9428b6"
  integrity sha1-vxEWycdYxRt6kz0pa3LCIe2UKLY=

+adler-32@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/adler-32/-/adler-32-1.2.0.tgz#6a3e6bf0a63900ba15652808cb15c6813d1a5f25"
+  integrity sha1-aj5r8KY5ALoVZSgIyxXGgT0aXyU=
+  dependencies:
+    exit-on-epipe "~1.0.1"
+    printj "~1.1.0"
+
+adler-32@~1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/adler-32/-/adler-32-1.3.0.tgz#3cad1b71cdfa69f6c8a91f3e3615d31a4fdedc72"
+  integrity sha512-f5nltvjl+PRUh6YNfUstRaXwJxtfnKEWhAWWlmKvh+Y3J2+98a0KKVYDEhz6NdKGqswLhjNGznxfSsZGOvOd9g==
+  dependencies:
+    printj "~1.2.2"
+
 ajv-errors@^1.0.0:
  version "1.0.1"
  resolved "https://registry.nlark.com/ajv-errors/download/ajv-errors-1.0.1.tgz#f35986aceb91afadec4102fbd85014950cefa64d"
@@ -1810,6 +1825,13 @@ async-limiter@~1.0.0:
  resolved "https://registry.npm.taobao.org/async-limiter/download/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
  integrity sha1-3TeelPDbgxCwgpH51kwyCXZmF/0=

+async-validator@~1.8.1:
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/async-validator/-/async-validator-1.8.5.tgz#dc3e08ec1fd0dddb67e60842f02c0cd1cec6d7f0"
+  integrity sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==
+  dependencies:
+    babel-runtime "6.x"
+
 async@^2.6.2:
  version "2.6.3"
  resolved "https://registry.npmmirror.com/async/download/async-2.6.3.tgz#d72625e2344a3656e3a3ad4fa749fa83299d82ff"
@@ -1862,6 +1884,11 @@ babel-eslint@^10.1.0:
    eslint-visitor-keys "^1.0.0"
    resolve "^1.12.0"

+babel-helper-vue-jsx-merge-props@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz#22aebd3b33902328e513293a8e4992b384f9f1b6"
+  integrity sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg==
+
 babel-loader@^8.1.0:
  version "8.2.3"
  resolved "https://registry.npmmirror.com/babel-loader/download/babel-loader-8.2.3.tgz#8986b40f1a64cacfcb4b8429320085ef68b1342d"
@@ -1903,6 +1930,14 @@ babel-plugin-polyfill-regenerator@^0.3.0:
  dependencies:
    "@babel/helper-define-polyfill-provider" "^0.3.0"

+babel-runtime@6.x:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
+  integrity sha1-llxwWGaOgrVde/4E/yM3vItWR/4=
+  dependencies:
+    core-js "^2.4.0"
+    regenerator-runtime "^0.11.0"
+
 balanced-match@^1.0.0:
  version "1.0.2"
  resolved "https://registry.nlark.com/balanced-match/download/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
@@ -2303,6 +2338,15 @@ caseless@~0.12.0:
  resolved "https://registry.nlark.com/caseless/download/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
  integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=

+cfb@^1.1.4:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/cfb/-/cfb-1.2.1.tgz#209429e4c68efd30641f6fc74b2d6028bd202402"
+  integrity sha512-wT2ScPAFGSVy7CY+aauMezZBnNrfnaLSrxHUHdea+Td/86vrk6ZquggV+ssBR88zNs0OnBkL2+lf9q0K+zVGzQ==
+  dependencies:
+    adler-32 "~1.3.0"
+    crc-32 "~1.2.0"
+    printj "~1.3.0"
+
 chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.4.1, chalk@^2.4.2:
  version "2.4.2"
  resolved "https://registry.npmmirror.com/chalk/download/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
@@ -2498,6 +2542,11 @@ coa@^2.0.2:
    chalk "^2.4.1"
    q "^1.1.2"

+codepage@~1.15.0:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/codepage/-/codepage-1.15.0.tgz#2e00519024b39424ec66eeb3ec07227e692618ab"
+  integrity sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==
+
 collection-visit@^1.0.0:
  version "1.0.0"
  resolved "https://registry.npm.taobao.org/collection-visit/download/collection-visit-1.0.0.tgz#4bc0373c164bc3291b4d368c829cf1a80a59dca0"
@@ -2707,6 +2756,11 @@ core-js-compat@^3.18.0, core-js-compat@^3.19.1, core-js-compat@^3.6.5:
    browserslist "^4.19.1"
    semver "7.0.0"

+core-js@^2.4.0:
+  version "2.6.12"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.12.tgz#d9333dfa7b065e347cc5682219d6f690859cc2ec"
+  integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==
+
 core-js@^3.6.5:
  version "3.20.1"
  resolved "https://registry.npmmirror.com/core-js/download/core-js-3.20.1.tgz#eb1598047b7813572f1dc24b7c6a95528c99eef3"
@@ -2732,6 +2786,14 @@ cosmiconfig@^5.0.0:
    js-yaml "^3.13.1"
    parse-json "^4.0.0"

+crc-32@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/crc-32/-/crc-32-1.2.0.tgz#cb2db6e29b88508e32d9dd0ec1693e7b41a18208"
+  integrity sha512-1uBwHxF+Y/4yF5G48fwnKq6QsIXheor3ZLPT80yGBV1oEUwpPojlEhQbWKVw1VwcTQyMGHK1/XMmTjmlsmTTGA==
+  dependencies:
+    exit-on-epipe "~1.0.1"
+    printj "~1.1.0"
+
 create-ecdh@^4.0.0:
  version "4.0.4"
  resolved "https://registry.npmmirror.com/create-ecdh/download/create-ecdh-4.0.4.tgz#d6e7f4bffa66736085a0762fd3a632684dabcc4e"
@@ -3038,7 +3100,7 @@ deep-is@~0.1.3:
  resolved "https://registry.nlark.com/deep-is/download/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
  integrity sha1-pvLc5hL63S7x9Rm3NVHxfoUZmDE=

-deepmerge@^1.5.2:
+deepmerge@^1.2.0, deepmerge@^1.5.2:
  version "1.5.2"
  resolved "https://registry.npm.taobao.org/deepmerge/download/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
  integrity sha1-EEmdhohEza1P7ghC34x/bwyVp1M=
@@ -3301,6 +3363,18 @@ electron-to-chromium@^1.4.17:
  resolved "https://registry.npmmirror.com/electron-to-chromium/download/electron-to-chromium-1.4.28.tgz#fef0e92e281df6d568f482d8d53c34ca5374de48"
  integrity sha512-Gzbf0wUtKfyPaqf0Plz+Ctinf9eQIzxEqBHwSvbGfeOm9GMNdLxyu1dNiCUfM+x6r4BE0xUJNh3Nmg9gfAtTmg==

+element-ui@^2.15.6:
+  version "2.15.6"
+  resolved "https://registry.yarnpkg.com/element-ui/-/element-ui-2.15.6.tgz#c9609add35af5a686a4b7685dc1d757c75e01df3"
+  integrity sha512-rcYXEKd/j2G0AgficAOk1Zd1AsnHRkhmrK4yLHmNOiimU2JfsywgfKUjMoFuT6pQx0luhovj8lFjpE4Fnt58Iw==
+  dependencies:
+    async-validator "~1.8.1"
+    babel-helper-vue-jsx-merge-props "^2.0.0"
+    deepmerge "^1.2.0"
+    normalize-wheel "^1.0.1"
+    resize-observer-polyfill "^1.5.0"
+    throttle-debounce "^1.0.1"
+
 elliptic@^6.5.3:
  version "6.5.4"
  resolved "https://registry.npm.taobao.org/elliptic/download/elliptic-6.5.4.tgz#da37cebd31e79a1367e941b592ed1fbebd58abbb"
@@ -3642,6 +3716,11 @@ execa@^3.3.0:
    signal-exit "^3.0.2"
    strip-final-newline "^2.0.0"

+exit-on-epipe@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/exit-on-epipe/-/exit-on-epipe-1.0.1.tgz#0bdd92e87d5285d267daa8171d0eb06159689692"
+  integrity sha512-h2z5mrROTxce56S+pnvAV890uu7ls7f1kEvVGJbw1OlFH3/mlJ5bkXu0KRyW94v37zzHPiUd55iLn3DA7TjWpw==
+
 expand-brackets@^2.1.4:
  version "2.1.4"
  resolved "https://registry.npm.taobao.org/expand-brackets/download/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
@@ -3946,6 +4025,11 @@ forwarded@0.2.0:
  resolved "https://registry.nlark.com/forwarded/download/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
  integrity sha1-ImmTZCiq1MFcfr6XeahL8LKoGBE=

+frac@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/frac/-/frac-1.1.2.tgz#3d74f7f6478c88a1b5020306d747dc6313c74d0b"
+  integrity sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==
+
 fragment-cache@^0.2.1:
  version "0.2.1"
  resolved "https://registry.npmmirror.com/fragment-cache/download/fragment-cache-0.2.1.tgz#4290fad27f13e89be7f33799c6bc5a0abfff0d19"
@@ -4494,6 +4578,11 @@ ignore@^4.0.3, ignore@^4.0.6:
  resolved "https://registry.npmmirror.com/ignore/download/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
  integrity sha1-dQ49tYYgh7RzfrrIIH/9HvJ7Jfw=

+immediate@~3.0.5:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
+  integrity sha1-nbHb0Pr43m++D13V5Wu2BigN5ps=
+
 import-cwd@^2.0.0:
  version "2.1.0"
  resolved "https://registry.npm.taobao.org/import-cwd/download/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
@@ -5149,6 +5238,13 @@ levn@^0.3.0, levn@~0.3.0:
    prelude-ls "~1.1.2"
    type-check "~0.3.2"

+lie@3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/lie/-/lie-3.1.1.tgz#9a436b2cc7746ca59de7a41fa469b3efb76bd87e"
+  integrity sha1-mkNrLMd0bKWd56QfpGmz77dr2H4=
+  dependencies:
+    immediate "~3.0.5"
+
 lines-and-columns@^1.1.6:
  version "1.2.4"
  resolved "https://registry.npmmirror.com/lines-and-columns/download/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
@@ -5195,6 +5291,13 @@ loader-utils@^2.0.0:
    emojis-list "^3.0.0"
    json5 "^2.1.2"

+localforage@^1.10.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/localforage/-/localforage-1.10.0.tgz#5c465dc5f62b2807c3a84c0c6a1b1b3212781dd4"
+  integrity sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==
+  dependencies:
+    lie "3.1.1"
+
 locate-path@^3.0.0:
  version "3.0.0"
  resolved "https://registry.nlark.com/locate-path/download/locate-path-3.0.0.tgz?cache=0&sync_timestamp=1629895618224&other_urls=https%3A%2F%2Fregistry.nlark.com%2Flocate-path%2Fdownload%2Flocate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
@@ -5711,6 +5814,11 @@ normalize-url@^3.0.0:
  resolved "https://registry.nlark.com/normalize-url/download/normalize-url-3.3.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fnormalize-url%2Fdownload%2Fnormalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
  integrity sha1-suHE3E98bVd0PfczpPWXjRhlBVk=

+normalize-wheel@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/normalize-wheel/-/normalize-wheel-1.0.1.tgz#aec886affdb045070d856447df62ecf86146ec45"
+  integrity sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU=
+
 npm-run-path@^2.0.0:
  version "2.0.2"
  resolved "https://registry.npmmirror.com/npm-run-path/download/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
@@ -6577,6 +6685,21 @@ pretty-error@^2.0.2:
    lodash "^4.17.20"
    renderkid "^2.0.4"

+printj@~1.1.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/printj/-/printj-1.1.2.tgz#d90deb2975a8b9f600fb3a1c94e3f4c53c78a222"
+  integrity sha512-zA2SmoLaxZyArQTOPj5LXecR+RagfPSU5Kw1qP+jkWeNlrq+eJZyY2oS68SU1Z/7/myXM4lo9716laOFAVStCQ==
+
+printj@~1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/printj/-/printj-1.2.3.tgz#2cfb2b192a1e5385dbbe5b46658ac34aa828508a"
+  integrity sha512-sanczS6xOJOg7IKDvi4sGOUOe7c1tsEzjwlLFH/zgwx/uyImVM9/rgBkc8AfiQa/Vg54nRd8mkm9yI7WV/O+WA==
+
+printj@~1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/printj/-/printj-1.3.0.tgz#9018a918a790e43707f10625d6e10187a367cff6"
+  integrity sha512-017o8YIaz8gLhaNxRB9eBv2mWXI2CtzhPJALnQTP+OPpuUfP0RMWqr/mHCzqVeu1AQxfzSfAtAq66vKB8y7Lzg==
+
 process-nextick-args@~2.0.0:
  version "2.0.1"
  resolved "https://registry.npmmirror.com/process-nextick-args/download/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
@@ -6800,6 +6923,11 @@ regenerate@^1.4.2:
  resolved "https://registry.npm.taobao.org/regenerate/download/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
  integrity sha1-uTRtiCfo9aMve6KWN9OYtpAUhIo=

+regenerator-runtime@^0.11.0:
+  version "0.11.1"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
+  integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
+
 regenerator-runtime@^0.13.4:
  version "0.13.9"
  resolved "https://registry.nlark.com/regenerator-runtime/download/regenerator-runtime-0.13.9.tgz?cache=0&sync_timestamp=1626993001371&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fregenerator-runtime%2Fdownload%2Fregenerator-runtime-0.13.9.tgz#8925742a98ffd90814988d7566ad30ca3b263b52"
@@ -6929,6 +7057,11 @@ requires-port@^1.0.0:
  resolved "https://registry.npm.taobao.org/requires-port/download/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
  integrity sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=

+resize-observer-polyfill@^1.5.0:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
+  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
+
 resolve-cwd@^2.0.0:
  version "2.0.0"
  resolved "https://registry.npm.taobao.org/resolve-cwd/download/resolve-cwd-2.0.0.tgz?cache=0&sync_timestamp=1615984440417&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresolve-cwd%2Fdownload%2Fresolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"
@@ -7427,6 +7560,13 @@ sprintf-js@~1.0.2:
  resolved "https://registry.npm.taobao.org/sprintf-js/download/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
  integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=

+ssf@~0.11.2:
+  version "0.11.2"
+  resolved "https://registry.yarnpkg.com/ssf/-/ssf-0.11.2.tgz#0b99698b237548d088fc43cdf2b70c1a7512c06c"
+  integrity sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==
+  dependencies:
+    frac "~1.1.2"
+
 sshpk@^1.7.0:
  version "1.16.1"
  resolved "https://registry.npm.taobao.org/sshpk/download/sshpk-1.16.1.tgz#fb661c0bef29b39db40769ee39fa70093d6f6877"
@@ -7726,6 +7866,11 @@ thread-loader@^2.1.3:
    loader-utils "^1.1.0"
    neo-async "^2.6.0"

+throttle-debounce@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/throttle-debounce/-/throttle-debounce-1.1.0.tgz#51853da37be68a155cb6e827b3514a3c422e89cd"
+  integrity sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg==
+
 through2@^2.0.0:
  version "2.0.5"
  resolved "https://registry.npm.taobao.org/through2/download/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
@@ -8403,11 +8548,21 @@ which@^2.0.1:
  dependencies:
    isexe "^2.0.0"

+wmf@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wmf/-/wmf-1.0.2.tgz#7d19d621071a08c2bdc6b7e688a9c435298cc2da"
+  integrity sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==
+
 word-wrap@~1.2.3:
  version "1.2.3"
  resolved "https://registry.nlark.com/word-wrap/download/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
  integrity sha1-YQY29rH3A4kb00dxzLF/uTtHB5w=

+word@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/word/-/word-0.3.0.tgz#8542157e4f8e849f4a363a288992d47612db9961"
+  integrity sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==
+
 worker-farm@^1.7.0:
  version "1.7.0"
  resolved "https://registry.npm.taobao.org/worker-farm/download/worker-farm-1.7.0.tgz#26a94c5391bbca926152002f69b84a4bf772e5a8"
@@ -8461,6 +8616,19 @@ ws@^6.0.0, ws@^6.2.1:
  dependencies:
    async-limiter "~1.0.0"

+xlsx@^0.17.4:
+  version "0.17.4"
+  resolved "https://registry.yarnpkg.com/xlsx/-/xlsx-0.17.4.tgz#dc3e3a0954c835f4d0fdd643645db6f4ac3f28f2"
+  integrity sha512-9aKt8g9ZLP0CUdBX8L5xnoMDFwSiLI997eQnDThCaqQMYB9AEBIRzblSSNN/ICMGLYIHUO3VKaItcedZJ3ijIg==
+  dependencies:
+    adler-32 "~1.2.0"
+    cfb "^1.1.4"
+    codepage "~1.15.0"
+    crc-32 "~1.2.0"
+    ssf "~0.11.2"
+    wmf "~1.0.1"
+    word "~0.3.0"
+
 xtend@^4.0.0, xtend@~4.0.1:
  version "4.0.2"
  resolved "https://registry.npm.taobao.org/xtend/download/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"