@litianxiang/portal-ui 0.0.9 → 0.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/file-preview.js +80 -83
- package/dist/portal-ui.css +1 -1
- package/package.json +1 -1
package/dist/file-preview.js
CHANGED
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { Loading as
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
import B from "@vue-office/pdf";
|
|
6
|
-
import { _ as b, g as P } from "./http-DePr1rnZ.js";
|
|
7
|
-
const C = { class: "base-file-preview" }, F = {
|
|
1
|
+
import { defineComponent as E, defineAsyncComponent as x, computed as k, resolveComponent as _, openBlock as i, createElementBlock as r, createVNode as c, withCtx as b, unref as v, createElementVNode as y, Fragment as U, renderSlot as j, ref as w, onUnmounted as N, watch as $, onMounted as B } from "vue";
|
|
2
|
+
import { Loading as C } from "@element-plus/icons-vue";
|
|
3
|
+
import { _ as R, g as P } from "./http-DePr1rnZ.js";
|
|
4
|
+
const A = { class: "base-file-preview" }, F = {
|
|
8
5
|
key: 0,
|
|
9
6
|
class: "preview-loading"
|
|
10
7
|
}, O = {
|
|
@@ -22,7 +19,7 @@ const C = { class: "base-file-preview" }, F = {
|
|
|
22
19
|
}, S = {
|
|
23
20
|
key: 4,
|
|
24
21
|
class: "preview-content preview-unsupported"
|
|
25
|
-
},
|
|
22
|
+
}, W = /* @__PURE__ */ E({
|
|
26
23
|
__name: "base-file-preview",
|
|
27
24
|
props: {
|
|
28
25
|
src: {},
|
|
@@ -31,59 +28,59 @@ const C = { class: "base-file-preview" }, F = {
|
|
|
31
28
|
loading: { type: Boolean, default: !1 }
|
|
32
29
|
},
|
|
33
30
|
emits: ["rendered", "error"],
|
|
34
|
-
setup(
|
|
35
|
-
const
|
|
36
|
-
const
|
|
37
|
-
return ["png", "jpg", "jpeg", "gif", "bmp", "webp"].includes(
|
|
38
|
-
}),
|
|
39
|
-
function
|
|
40
|
-
|
|
31
|
+
setup(a, { expose: o, emit: u }) {
|
|
32
|
+
const d = x(async () => (await Promise.resolve({ }), (await import("@vue-office/docx")).default)), l = x(async () => (await Promise.resolve({ }), (await import("@vue-office/excel")).default)), f = x(async () => (await import("@vue-office/pdf")).default), g = a, m = u, s = k(() => {
|
|
33
|
+
const n = g.fileExt.toLowerCase();
|
|
34
|
+
return ["png", "jpg", "jpeg", "gif", "bmp", "webp"].includes(n) ? "image" : n === "pdf" ? "pdf" : ["doc", "docx"].includes(n) ? "docx" : ["xls", "xlsx"].includes(n) ? "excel" : "unsupported";
|
|
35
|
+
}), e = k(() => s.value !== "unsupported");
|
|
36
|
+
function t() {
|
|
37
|
+
m("rendered");
|
|
41
38
|
}
|
|
42
|
-
function p(
|
|
43
|
-
|
|
39
|
+
function p(n) {
|
|
40
|
+
m("error", n);
|
|
44
41
|
}
|
|
45
42
|
return o({
|
|
46
|
-
previewType:
|
|
47
|
-
isSupported:
|
|
48
|
-
}), (
|
|
49
|
-
const
|
|
50
|
-
return
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
default:
|
|
54
|
-
|
|
43
|
+
previewType: s,
|
|
44
|
+
isSupported: e
|
|
45
|
+
}), (n, h) => {
|
|
46
|
+
const L = _("el-icon"), T = _("el-empty");
|
|
47
|
+
return i(), r("div", A, [
|
|
48
|
+
a.loading ? (i(), r("div", F, [
|
|
49
|
+
c(L, { class: "loading-icon" }, {
|
|
50
|
+
default: b(() => [
|
|
51
|
+
c(v(C))
|
|
55
52
|
]),
|
|
56
53
|
_: 1
|
|
57
54
|
}),
|
|
58
|
-
|
|
59
|
-
])) : (
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
src:
|
|
63
|
-
alt:
|
|
55
|
+
h[0] || (h[0] = y("span", null, "加载中...", -1))
|
|
56
|
+
])) : (i(), r(U, { key: 1 }, [
|
|
57
|
+
s.value === "image" ? (i(), r("div", O, [
|
|
58
|
+
y("img", {
|
|
59
|
+
src: a.src,
|
|
60
|
+
alt: a.fileName
|
|
64
61
|
}, null, 8, I)
|
|
65
|
-
])) :
|
|
66
|
-
|
|
67
|
-
src:
|
|
68
|
-
onRendered:
|
|
62
|
+
])) : s.value === "pdf" ? (i(), r("div", V, [
|
|
63
|
+
c(v(f), {
|
|
64
|
+
src: a.src,
|
|
65
|
+
onRendered: t,
|
|
69
66
|
onError: p
|
|
70
67
|
}, null, 8, ["src"])
|
|
71
|
-
])) :
|
|
72
|
-
|
|
73
|
-
src:
|
|
74
|
-
onRendered:
|
|
68
|
+
])) : s.value === "docx" ? (i(), r("div", D, [
|
|
69
|
+
c(v(d), {
|
|
70
|
+
src: a.src,
|
|
71
|
+
onRendered: t,
|
|
75
72
|
onError: p
|
|
76
73
|
}, null, 8, ["src"])
|
|
77
|
-
])) :
|
|
78
|
-
|
|
79
|
-
src:
|
|
80
|
-
onRendered:
|
|
74
|
+
])) : s.value === "excel" ? (i(), r("div", M, [
|
|
75
|
+
c(v(l), {
|
|
76
|
+
src: a.src,
|
|
77
|
+
onRendered: t,
|
|
81
78
|
onError: p
|
|
82
79
|
}, null, 8, ["src"])
|
|
83
|
-
])) : (
|
|
84
|
-
|
|
85
|
-
default:
|
|
86
|
-
|
|
80
|
+
])) : (i(), r("div", S, [
|
|
81
|
+
c(T, { description: "该文件类型不支持在线预览" }, {
|
|
82
|
+
default: b(() => [
|
|
83
|
+
j(n.$slots, "unsupported-action", {}, void 0, !0)
|
|
87
84
|
]),
|
|
88
85
|
_: 3
|
|
89
86
|
})
|
|
@@ -92,13 +89,13 @@ const C = { class: "base-file-preview" }, F = {
|
|
|
92
89
|
]);
|
|
93
90
|
};
|
|
94
91
|
}
|
|
95
|
-
}),
|
|
92
|
+
}), H = /* @__PURE__ */ R(W, [["__scopeId", "data-v-e23bfc49"]]), q = { class: "file-preview-page" }, z = {
|
|
96
93
|
key: 0,
|
|
97
94
|
class: "preview-error"
|
|
98
|
-
},
|
|
95
|
+
}, G = {
|
|
99
96
|
key: 1,
|
|
100
97
|
class: "preview-body"
|
|
101
|
-
},
|
|
98
|
+
}, J = /* @__PURE__ */ E({
|
|
102
99
|
__name: "busi-file-preview",
|
|
103
100
|
props: {
|
|
104
101
|
fid: {},
|
|
@@ -106,14 +103,14 @@ const C = { class: "base-file-preview" }, F = {
|
|
|
106
103
|
fileExt: { default: "" },
|
|
107
104
|
watermarkText: { default: "" }
|
|
108
105
|
},
|
|
109
|
-
setup(
|
|
110
|
-
const o =
|
|
111
|
-
function
|
|
112
|
-
if (!
|
|
106
|
+
setup(a) {
|
|
107
|
+
const o = a, u = w(!0), d = w(""), l = w(""), f = w();
|
|
108
|
+
function g() {
|
|
109
|
+
if (!f.value || !o.watermarkText) return;
|
|
113
110
|
const e = document.createElement("canvas"), t = e.getContext("2d");
|
|
114
|
-
t && (e.width = 200, e.height = 150, t.font = "16px Arial", t.fillStyle = "rgba(0, 0, 0, 0.12)", t.textAlign = "center", t.textBaseline = "middle", t.translate(e.width / 2, e.height / 2), t.rotate(-25 * Math.PI / 180), t.fillText(o.watermarkText, 0, 0),
|
|
111
|
+
t && (e.width = 200, e.height = 150, t.font = "16px Arial", t.fillStyle = "rgba(0, 0, 0, 0.12)", t.textAlign = "center", t.textBaseline = "middle", t.translate(e.width / 2, e.height / 2), t.rotate(-25 * Math.PI / 180), t.fillText(o.watermarkText, 0, 0), f.value.style.backgroundImage = `url(${e.toDataURL("image/png")})`);
|
|
115
112
|
}
|
|
116
|
-
function
|
|
113
|
+
function m(e) {
|
|
117
114
|
return {
|
|
118
115
|
pdf: "application/pdf",
|
|
119
116
|
png: "image/png",
|
|
@@ -128,53 +125,53 @@ const C = { class: "base-file-preview" }, F = {
|
|
|
128
125
|
xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
|
|
129
126
|
}[e.toLowerCase()] || "application/octet-stream";
|
|
130
127
|
}
|
|
131
|
-
async function
|
|
128
|
+
async function s() {
|
|
132
129
|
if (!o.fid) {
|
|
133
|
-
|
|
130
|
+
d.value = "文件ID不能为空", u.value = !1;
|
|
134
131
|
return;
|
|
135
132
|
}
|
|
136
133
|
o.fileName && (document.title = `预览 - ${o.fileName}`);
|
|
137
134
|
try {
|
|
138
135
|
const t = await P().get(`/proxy/workflow/attachment/api/preview/${o.fid}`, {
|
|
139
136
|
responseType: "blob"
|
|
140
|
-
}),
|
|
141
|
-
|
|
137
|
+
}), p = m(o.fileExt), n = new Blob([t], { type: p });
|
|
138
|
+
l.value = window.URL.createObjectURL(n);
|
|
142
139
|
} catch (e) {
|
|
143
|
-
console.error("加载文件失败:", e),
|
|
140
|
+
console.error("加载文件失败:", e), d.value = "加载文件失败,请稍后重试";
|
|
144
141
|
} finally {
|
|
145
|
-
|
|
142
|
+
u.value = !1;
|
|
146
143
|
}
|
|
147
144
|
}
|
|
148
|
-
return
|
|
149
|
-
|
|
150
|
-
}),
|
|
151
|
-
e && (
|
|
152
|
-
}),
|
|
153
|
-
|
|
145
|
+
return N(() => {
|
|
146
|
+
l.value && window.URL.revokeObjectURL(l.value);
|
|
147
|
+
}), $(() => o.fid, (e) => {
|
|
148
|
+
e && (u.value = !0, d.value = "", l.value && (window.URL.revokeObjectURL(l.value), l.value = ""), s());
|
|
149
|
+
}), B(() => {
|
|
150
|
+
g(), s();
|
|
154
151
|
}), (e, t) => {
|
|
155
|
-
const
|
|
156
|
-
return
|
|
157
|
-
|
|
152
|
+
const p = _("el-empty");
|
|
153
|
+
return i(), r("div", q, [
|
|
154
|
+
y("div", {
|
|
158
155
|
class: "watermark-layer",
|
|
159
156
|
ref_key: "watermarkRef",
|
|
160
|
-
ref:
|
|
157
|
+
ref: f
|
|
161
158
|
}, null, 512),
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
])) : (
|
|
165
|
-
|
|
166
|
-
src:
|
|
159
|
+
d.value ? (i(), r("div", z, [
|
|
160
|
+
c(p, { description: d.value }, null, 8, ["description"])
|
|
161
|
+
])) : (i(), r("div", G, [
|
|
162
|
+
c(H, {
|
|
163
|
+
src: l.value,
|
|
167
164
|
"file-ext": o.fileExt,
|
|
168
165
|
"file-name": o.fileName,
|
|
169
|
-
loading:
|
|
166
|
+
loading: u.value
|
|
170
167
|
}, null, 8, ["src", "file-ext", "file-name", "loading"])
|
|
171
168
|
]))
|
|
172
169
|
]);
|
|
173
170
|
};
|
|
174
171
|
}
|
|
175
|
-
}),
|
|
172
|
+
}), Y = /* @__PURE__ */ R(J, [["__scopeId", "data-v-b73ca84d"]]);
|
|
176
173
|
export {
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
174
|
+
H as BaseFilePreview,
|
|
175
|
+
Y as BusiFilePreview,
|
|
176
|
+
Y as WorkflowFilePreview
|
|
180
177
|
};
|
package/dist/portal-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.base-table[data-v-8ce855eb]{width:100%}.base-table__toolbar[data-v-8ce855eb]{margin-bottom:12px}.base-table__error[data-v-8ce855eb]{font-size:12px;color:#f56c6c;padding-top:4px}.base-china-area[data-v-6b47a337]{display:inline-block;width:100%}.base-china-area__input[data-v-6b47a337],.base-china-area__input[data-v-6b47a337] .el-input__wrapper,.base-china-area__input[data-v-6b47a337] .el-input__inner{cursor:pointer}.page-pagination[data-v-7ca8689a]{display:flex;justify-content:flex-end;margin-top:10px}.form-dialog-body[data-v-95830fbd]{padding:16px 20px 0}.vue-office-docx{height:100%;overflow-y:auto}.vue-office-docx .docx-wrapper>section.docx{margin-bottom:5px}@media screen and (max-width:800px){.vue-office-docx .docx-wrapper{padding:10px}.vue-office-docx .docx-wrapper>section.docx{padding:10px!important;width:100%!important}}body{margin:0}.x-spreadsheet{font-size:13px;line-height:normal;-webkit-user-select:none;user-select:none;-moz-user-select:none;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;box-sizing:content-box;background:#fff;-webkit-font-smoothing:antialiased}.x-spreadsheet textarea{font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif}.x-spreadsheet-sheet{position:relative;overflow:hidden}.x-spreadsheet-table{vertical-align:bottom}.x-spreadsheet-tooltip{font-family:inherit;position:absolute;padding:5px 10px;color:#fff;border-radius:1px;background:#000;font-size:12px;z-index:201}.x-spreadsheet-tooltip:before{pointer-events:none;position:absolute;left:calc(50% - 4px);top:-4px;content:"";width:8px;height:8px;background:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1;box-shadow:1px 1px 3px -1px #0000004d}.x-spreadsheet-color-palette{padding:5px}.x-spreadsheet-color-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:2;background:#fff}.x-spreadsheet-color-palette table td{margin:0;cursor:pointer;border:1px solid transparent}.x-spreadsheet-color-palette table td:hover{border-color:#ddd}.x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell{width:16px;height:16px}.x-spreadsheet-border-palette{padding:6px}.x-spreadsheet-border-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:0;background:#fff;table-layout:fixed}.x-spreadsheet-border-palette table td{margin:0}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left{border-right:1px solid #eee;padding-right:6px}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell{width:30px;height:30px;cursor:pointer;text-align:center}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover{background-color:#eee}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right{padding-left:6px}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type{position:relative;left:0;top:-3px}.x-spreadsheet-dropdown{position:relative}.x-spreadsheet-dropdown .x-spreadsheet-dropdown-content{position:absolute;z-index:200;background:#fff;box-shadow:1px 2px 5px 2px #33333326}.x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content{top:calc(100% + 5px);left:0}.x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content{top:calc(100% + 5px);right:0}.x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);left:0}.x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);right:0}.x-spreadsheet-dropdown .x-spreadsheet-dropdown-title{padding:0 5px;display:inline-block}.x-spreadsheet-resizer{position:absolute;z-index:11}.x-spreadsheet-resizer .x-spreadsheet-resizer-hover{background-color:#4b89ff40}.x-spreadsheet-resizer .x-spreadsheet-resizer-line{position:absolute}.x-spreadsheet-resizer.horizontal{cursor:row-resize}.x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line{border-bottom:2px dashed #4b89ff;left:0;bottom:0}.x-spreadsheet-resizer.vertical{cursor:col-resize}.x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line{border-right:2px dashed #4b89ff;top:0;right:0}.x-spreadsheet-scrollbar{position:absolute;bottom:0;right:0;background-color:#f4f5f8;opacity:.9;z-index:12}.x-spreadsheet-scrollbar.horizontal{right:15px;overflow-x:scroll;overflow-y:hidden}.x-spreadsheet-scrollbar.horizontal>div{height:1px;background:#ddd}.x-spreadsheet-scrollbar.vertical{bottom:15px;overflow-x:hidden;overflow-y:scroll}.x-spreadsheet-scrollbar.vertical>div{width:1px;background:#ddd}.x-spreadsheet-overlayer{position:absolute;left:0;top:0;z-index:10}.x-spreadsheet-overlayer .x-spreadsheet-overlayer-content{position:absolute;overflow:hidden;pointer-events:none;width:100%;height:100%}.x-spreadsheet-editor,.x-spreadsheet-selector{box-sizing:content-box;position:absolute;overflow:hidden;pointer-events:none;top:0;left:0;width:100%;height:100%}.x-spreadsheet-selector .hide-input{position:absolute;z-index:0}.x-spreadsheet-selector .hide-input input{padding:0;width:0;border:none!important}.x-spreadsheet-selector .x-spreadsheet-selector-area{position:absolute;border:2px solid #4b89ff;background:#4b89ff1a;z-index:5}.x-spreadsheet-selector .x-spreadsheet-selector-clipboard,.x-spreadsheet-selector .x-spreadsheet-selector-autofill{position:absolute;background:transparent;z-index:100}.x-spreadsheet-selector .x-spreadsheet-selector-clipboard{border:2px dashed #4b89ff}.x-spreadsheet-selector .x-spreadsheet-selector-autofill{border:1px dashed rgba(0,0,0,.45)}.x-spreadsheet-selector .x-spreadsheet-selector-corner{pointer-events:auto;position:absolute;cursor:crosshair;font-size:0;height:5px;width:5px;right:-5px;bottom:-5px;border:2px solid #ffffff;background:#4b89ff}.x-spreadsheet-editor{z-index:20}.x-spreadsheet-editor .x-spreadsheet-editor-area{position:absolute;text-align:left;border:2px solid #4b89ff;line-height:0;z-index:100;pointer-events:auto}.x-spreadsheet-editor .x-spreadsheet-editor-area textarea{box-sizing:content-box;border:none;padding:0 3px;outline:none;resize:none;text-align:start;overflow-y:hidden;font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif;color:inherit;white-space:normal;word-wrap:break-word;line-height:22px;margin:0}.x-spreadsheet-editor .x-spreadsheet-editor-area .textline{overflow:hidden;visibility:hidden;position:fixed;top:0;left:0}.x-spreadsheet-item{-webkit-user-select:none;user-select:none;background:0;border:1px solid transparent;outline:none;height:26px;color:#000000e6;line-height:26px;list-style:none;padding:2px 10px;cursor:default;text-align:left;overflow:hidden}.x-spreadsheet-item.disabled{pointer-events:none;opacity:.5}.x-spreadsheet-item:hover,.x-spreadsheet-item.active{background:#0000000d}.x-spreadsheet-item.divider{height:0;padding:0;margin:5px 0;border:none;border-bottom:1px solid rgba(0,0,0,.1)}.x-spreadsheet-item .label{float:right;opacity:.65;font-size:1em}.x-spreadsheet-item.state,.x-spreadsheet-header.state{padding-left:35px!important;position:relative}.x-spreadsheet-item.state:before,.x-spreadsheet-header.state:before{content:"";position:absolute;width:10px;height:10px;left:12px;top:calc(50% - 5px);background:#00000014;border-radius:2px}.x-spreadsheet-item.state.checked:before,.x-spreadsheet-header.state.checked:before{background:#4b89ff}.x-spreadsheet-checkbox{position:relative;display:inline-block;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;font-size:1rem;line-height:1em}.x-spreadsheet-checkbox>input{position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:-1}.x-spreadsheet-suggest,.x-spreadsheet-contextmenu,.x-spreadsheet-sort-filter{position:absolute;box-shadow:1px 2px 5px 2px #33333326;background:#fff;z-index:100;width:260px;pointer-events:auto;overflow:auto}.x-spreadsheet-suggest{width:200px}.x-spreadsheet-filter{border:1px solid #e9e9e9;font-size:12px;margin:10px}.x-spreadsheet-filter .x-spreadsheet-header{padding:.5em .75em;background:#f8f8f9;border-bottom:1px solid #e9e9e9;border-left:1px solid transparent}.x-spreadsheet-filter .x-spreadsheet-body{height:200px;overflow-y:auto}.x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item{height:20px;line-height:20px}.x-spreadsheet-sort-filter .x-spreadsheet-buttons{margin:10px}.x-spreadsheet-bottombar{height:40px;padding:0 30px;text-align:left;background:#f5f6f7;display:flex}.x-spreadsheet-bottombar{position:relative;border-top:1px solid #e0e2e4}.x-spreadsheet-bottombar .x-spreadsheet-menu>li{line-height:40px;height:40px;padding-top:0;padding-bottom:0;vertical-align:middle;border-right:1px solid #e8eaed}.x-spreadsheet-menu{display:flex;overflow-x:auto;list-style:none;margin:0;padding:0;-webkit-user-select:none;user-select:none}.x-spreadsheet-menu>li{float:left;line-height:1.25em;padding:.785em 1em;margin:0;vertical-align:middle;text-align:left;font-weight:400;color:#80868b;white-space:nowrap;cursor:pointer;transition:all .3s;font-weight:700}.x-spreadsheet-menu>li.active{background-color:#fff;color:#000000a6}.x-spreadsheet-menu>li .x-spreadsheet-dropdown{display:inline-block}.x-spreadsheet-print{position:absolute;left:0;top:0;z-index:100;width:100%;height:100%;display:flex;flex-direction:column}.x-spreadsheet-print-bar{background:#424242;height:60px;line-height:60px;padding:0 30px}.x-spreadsheet-print-bar .-title{color:#fff;font-weight:700;font-size:1.2em;float:left}.x-spreadsheet-print-bar .-right{float:right;margin-top:12px}.x-spreadsheet-print-content{display:flex;flex:auto;flex-direction:row;background:#d0d0d0;height:calc(100% - 60px)}.x-spreadsheet-print-content .-sider{flex:0 0 300px;width:300px;border-left:2px solid #ccc;background:#fff}.x-spreadsheet-print-content .-content{flex:auto;overflow-x:auto;overflow-y:scroll;height:100%}.x-spreadsheet-canvas-card-wraper{margin:40px 20px}.x-spreadsheet-canvas-card{background:#fff;margin:auto;page-break-before:auto;page-break-after:always;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 3px #0000001f,0 4px 5px #0003}.x-spreadsheet-calendar{color:#000000a6;background:#fff;-webkit-user-select:none;user-select:none}.x-spreadsheet-calendar .calendar-header{font-weight:700;line-height:30px;text-align:center;width:100%;float:left;background:#f9fafb}.x-spreadsheet-calendar .calendar-header .calendar-header-left{padding-left:5px;float:left}.x-spreadsheet-calendar .calendar-header .calendar-header-right{float:right}.x-spreadsheet-calendar .calendar-header .calendar-header-right a{padding:3px 0;margin-right:2px;border-radius:2px}.x-spreadsheet-calendar .calendar-header .calendar-header-right a:hover{background:#00000014}.x-spreadsheet-calendar .calendar-body{border-collapse:collapse;border-spacing:0}.x-spreadsheet-calendar .calendar-body th,.x-spreadsheet-calendar .calendar-body td{width:14.28571429%;min-width:32px;text-align:center;font-weight:700;line-height:30px;padding:0}.x-spreadsheet-calendar .calendar-body td>.cell:hover{background:#ecf6fd}.x-spreadsheet-calendar .calendar-body td>.cell.active,.x-spreadsheet-calendar .calendar-body td>.cell.active:hover{background:#ecf6fd;color:#2185d0}.x-spreadsheet-calendar .calendar-body td>.cell.disabled{pointer-events:none;opacity:.5}.x-spreadsheet-datepicker{box-shadow:2px 2px 5px #0003;position:absolute;left:0;top:calc(100% + 5px);z-index:10;width:auto}.x-spreadsheet-buttons{display:flex;justify-content:flex-end}.x-spreadsheet-buttons .x-spreadsheet-button{margin-left:8px}.x-spreadsheet-button{display:inline-block;border-radius:3px;line-height:1em;min-height:1em;white-space:nowrap;text-align:center;cursor:pointer;font-size:1em;font-weight:700;padding:.75em 1em;color:#0009;background:#e0e1e2;text-decoration:none;font-family:Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;outline:none;vertical-align:baseline;zoom:1;-webkit-user-select:none;user-select:none;transition:all .1s linear}.x-spreadsheet-button.active,.x-spreadsheet-button:hover{background-color:#c0c1c2;color:#000c}.x-spreadsheet-button.primary{color:#fff;background-color:#2185d0}.x-spreadsheet-button.primary:hover,.x-spreadsheet-button.primary.active{color:#fff;background-color:#1678c2}.x-spreadsheet-form-input{font-size:1em;position:relative;font-weight:400;display:inline-flex;color:#000000de}.x-spreadsheet-form-input input{z-index:1;margin:0;max-width:100%;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:30px;height:30px;padding:0 8px;background:#fff;border:1px solid #e9e9e9;border-radius:3px;transition:box-shadow .1s ease,border-color .1s ease;box-shadow:inset 0 1px 2px #0a0a0a0f}.x-spreadsheet-form-input input:focus{border-color:#4b89ff;box-shadow:inset 0 1px 2px #4b89ff33}.x-spreadsheet-form-select{position:relative;display:inline-block;background:#fff;border:1px solid #e9e9e9;border-radius:2px;cursor:pointer;color:#000000de;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 2px #0a0a0a0f}.x-spreadsheet-form-select .input-text{text-overflow:ellipsis;white-space:nowrap;min-width:60px;width:auto;height:30px;line-height:30px;padding:0 8px}.x-spreadsheet-form-fields{display:flex;flex-direction:row;flex-wrap:wrap}.x-spreadsheet-form-fields .x-spreadsheet-form-field{flex:0 1 auto}.x-spreadsheet-form-fields .x-spreadsheet-form-field .label{display:inline-block;margin:0 10px 0 0}.x-spreadsheet-form-field{display:block;vertical-align:middle;margin-left:10px;margin-bottom:10px}.x-spreadsheet-form-field:first-child{margin-left:0}.x-spreadsheet-form-field.error .x-spreadsheet-form-select,.x-spreadsheet-form-field.error input{border-color:#f04134}.x-spreadsheet-form-field .tip{color:#f04134;font-size:.9em}.x-spreadsheet-dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;background-color:#0009;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;transition:background-color .5s linear;-webkit-user-select:none;user-select:none;z-index:1000}.x-spreadsheet-dimmer.active{display:block;opacity:1}form fieldset{border:none}form fieldset label{display:block;margin-bottom:.5em;font-size:1em;color:#666}form fieldset select{font-size:1.1em;width:100%;background-color:#fff;border:none;border-bottom:2px solid #ddd;padding:.5em .85em;border-radius:2px}.x-spreadsheet-modal,.x-spreadsheet-toast{font-size:13px;position:fixed;z-index:1001;text-align:left;line-height:1.25em;min-width:360px;color:#000000de;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;border-radius:4px;border:1px solid rgba(0,0,0,.1);background-color:#fff;background-clip:padding-box;box-shadow:#0003 0 2px 8px}.x-spreadsheet-toast{background-color:#ffffffd9}.x-spreadsheet-modal-header,.x-spreadsheet-toast-header{font-weight:600;background-clip:padding-box;background-color:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.05);border-radius:4px 4px 0 0}.x-spreadsheet-toast-header{color:#f2711c}.x-spreadsheet-modal-header{border-bottom:1px solid #e0e2e4;background:#00000014;font-size:1.0785em}.x-spreadsheet-modal-header,.x-spreadsheet-modal-content,.x-spreadsheet-toast-header,.x-spreadsheet-toast-content{padding:.75em 1em}.x-spreadsheet-menu li:first-child{display:none}.vue-office-excel{height:100%}.base-file-preview[data-v-c69bdde9]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.preview-loading[data-v-c69bdde9]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#666;font-size:16px}.preview-loading .loading-icon[data-v-c69bdde9]{font-size:48px;animation:rotate-c69bdde9 1s linear infinite}@keyframes rotate-c69bdde9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-content[data-v-c69bdde9]{flex:1;display:flex;justify-content:center;align-items:center;overflow:auto}.preview-image[data-v-c69bdde9]{padding:20px;background-color:#525659}.preview-image img[data-v-c69bdde9]{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 4px 20px #0000004d}.preview-pdf[data-v-c69bdde9],.preview-docx[data-v-c69bdde9],.preview-excel[data-v-c69bdde9]{width:100%;height:100%;background-color:#fff}.preview-pdf>div[data-v-c69bdde9],.preview-docx>div[data-v-c69bdde9],.preview-excel>div[data-v-c69bdde9]{width:100%;height:100%}.preview-excel[data-v-c69bdde9] .x-spreadsheet{width:100%!important;height:100%!important}.preview-docx[data-v-c69bdde9]{background-color:#e8e8e8;padding:20px;overflow:auto}.preview-docx[data-v-c69bdde9] .docx-wrapper{background-color:#fff;box-shadow:0 2px 12px #00000026;max-width:900px;margin:0 auto}.preview-pdf[data-v-c69bdde9] .vue-office-pdf{background-color:#525659;width:100%;height:100%}.preview-unsupported[data-v-c69bdde9]{background-color:#fff;width:100%}.file-preview-page[data-v-b73ca84d]{width:100%;height:100%;display:flex;flex-direction:column;background-color:#f0f0f0;overflow:hidden;position:relative}.watermark-layer[data-v-b73ca84d]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1000;background-repeat:repeat}.preview-error[data-v-b73ca84d]{flex:1;display:flex;align-items:center;justify-content:center;background-color:#fff}.preview-body[data-v-b73ca84d]{flex:1;overflow:hidden;display:flex}
|
|
1
|
+
.base-table[data-v-8ce855eb]{width:100%}.base-table__toolbar[data-v-8ce855eb]{margin-bottom:12px}.base-table__error[data-v-8ce855eb]{font-size:12px;color:#f56c6c;padding-top:4px}.base-china-area[data-v-6b47a337]{display:inline-block;width:100%}.base-china-area__input[data-v-6b47a337],.base-china-area__input[data-v-6b47a337] .el-input__wrapper,.base-china-area__input[data-v-6b47a337] .el-input__inner{cursor:pointer}.page-pagination[data-v-7ca8689a]{display:flex;justify-content:flex-end;margin-top:10px}.form-dialog-body[data-v-95830fbd]{padding:16px 20px 0}.base-file-preview[data-v-e23bfc49]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.preview-loading[data-v-e23bfc49]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#666;font-size:16px}.preview-loading .loading-icon[data-v-e23bfc49]{font-size:48px;animation:rotate-e23bfc49 1s linear infinite}@keyframes rotate-e23bfc49{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-content[data-v-e23bfc49]{flex:1;display:flex;justify-content:center;align-items:center;overflow:auto}.preview-image[data-v-e23bfc49]{padding:20px;background-color:#525659}.preview-image img[data-v-e23bfc49]{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 4px 20px #0000004d}.preview-pdf[data-v-e23bfc49],.preview-docx[data-v-e23bfc49],.preview-excel[data-v-e23bfc49]{width:100%;height:100%;background-color:#fff}.preview-pdf>div[data-v-e23bfc49],.preview-docx>div[data-v-e23bfc49],.preview-excel>div[data-v-e23bfc49]{width:100%;height:100%}.preview-excel[data-v-e23bfc49] .x-spreadsheet{width:100%!important;height:100%!important}.preview-docx[data-v-e23bfc49]{background-color:#e8e8e8;padding:20px;overflow:auto}.preview-docx[data-v-e23bfc49] .docx-wrapper{background-color:#fff;box-shadow:0 2px 12px #00000026;max-width:900px;margin:0 auto}.preview-pdf[data-v-e23bfc49] .vue-office-pdf{background-color:#525659;width:100%;height:100%}.preview-unsupported[data-v-e23bfc49]{background-color:#fff;width:100%}.file-preview-page[data-v-b73ca84d]{width:100%;height:100%;display:flex;flex-direction:column;background-color:#f0f0f0;overflow:hidden;position:relative}.watermark-layer[data-v-b73ca84d]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1000;background-repeat:repeat}.preview-error[data-v-b73ca84d]{flex:1;display:flex;align-items:center;justify-content:center;background-color:#fff}.preview-body[data-v-b73ca84d]{flex:1;overflow:hidden;display:flex}.vue-office-docx{height:100%;overflow-y:auto}.vue-office-docx .docx-wrapper>section.docx{margin-bottom:5px}@media screen and (max-width:800px){.vue-office-docx .docx-wrapper{padding:10px}.vue-office-docx .docx-wrapper>section.docx{padding:10px!important;width:100%!important}}body{margin:0}.x-spreadsheet{font-size:13px;line-height:normal;-webkit-user-select:none;user-select:none;-moz-user-select:none;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;box-sizing:content-box;background:#fff;-webkit-font-smoothing:antialiased}.x-spreadsheet textarea{font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif}.x-spreadsheet-sheet{position:relative;overflow:hidden}.x-spreadsheet-table{vertical-align:bottom}.x-spreadsheet-tooltip{font-family:inherit;position:absolute;padding:5px 10px;color:#fff;border-radius:1px;background:#000;font-size:12px;z-index:201}.x-spreadsheet-tooltip:before{pointer-events:none;position:absolute;left:calc(50% - 4px);top:-4px;content:"";width:8px;height:8px;background:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1;box-shadow:1px 1px 3px -1px #0000004d}.x-spreadsheet-color-palette{padding:5px}.x-spreadsheet-color-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:2;background:#fff}.x-spreadsheet-color-palette table td{margin:0;cursor:pointer;border:1px solid transparent}.x-spreadsheet-color-palette table td:hover{border-color:#ddd}.x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell{width:16px;height:16px}.x-spreadsheet-border-palette{padding:6px}.x-spreadsheet-border-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:0;background:#fff;table-layout:fixed}.x-spreadsheet-border-palette table td{margin:0}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left{border-right:1px solid #eee;padding-right:6px}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell{width:30px;height:30px;cursor:pointer;text-align:center}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover{background-color:#eee}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right{padding-left:6px}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type{position:relative;left:0;top:-3px}.x-spreadsheet-dropdown{position:relative}.x-spreadsheet-dropdown .x-spreadsheet-dropdown-content{position:absolute;z-index:200;background:#fff;box-shadow:1px 2px 5px 2px #33333326}.x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content{top:calc(100% + 5px);left:0}.x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content{top:calc(100% + 5px);right:0}.x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);left:0}.x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);right:0}.x-spreadsheet-dropdown .x-spreadsheet-dropdown-title{padding:0 5px;display:inline-block}.x-spreadsheet-resizer{position:absolute;z-index:11}.x-spreadsheet-resizer .x-spreadsheet-resizer-hover{background-color:#4b89ff40}.x-spreadsheet-resizer .x-spreadsheet-resizer-line{position:absolute}.x-spreadsheet-resizer.horizontal{cursor:row-resize}.x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line{border-bottom:2px dashed #4b89ff;left:0;bottom:0}.x-spreadsheet-resizer.vertical{cursor:col-resize}.x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line{border-right:2px dashed #4b89ff;top:0;right:0}.x-spreadsheet-scrollbar{position:absolute;bottom:0;right:0;background-color:#f4f5f8;opacity:.9;z-index:12}.x-spreadsheet-scrollbar.horizontal{right:15px;overflow-x:scroll;overflow-y:hidden}.x-spreadsheet-scrollbar.horizontal>div{height:1px;background:#ddd}.x-spreadsheet-scrollbar.vertical{bottom:15px;overflow-x:hidden;overflow-y:scroll}.x-spreadsheet-scrollbar.vertical>div{width:1px;background:#ddd}.x-spreadsheet-overlayer{position:absolute;left:0;top:0;z-index:10}.x-spreadsheet-overlayer .x-spreadsheet-overlayer-content{position:absolute;overflow:hidden;pointer-events:none;width:100%;height:100%}.x-spreadsheet-editor,.x-spreadsheet-selector{box-sizing:content-box;position:absolute;overflow:hidden;pointer-events:none;top:0;left:0;width:100%;height:100%}.x-spreadsheet-selector .hide-input{position:absolute;z-index:0}.x-spreadsheet-selector .hide-input input{padding:0;width:0;border:none!important}.x-spreadsheet-selector .x-spreadsheet-selector-area{position:absolute;border:2px solid #4b89ff;background:#4b89ff1a;z-index:5}.x-spreadsheet-selector .x-spreadsheet-selector-clipboard,.x-spreadsheet-selector .x-spreadsheet-selector-autofill{position:absolute;background:transparent;z-index:100}.x-spreadsheet-selector .x-spreadsheet-selector-clipboard{border:2px dashed #4b89ff}.x-spreadsheet-selector .x-spreadsheet-selector-autofill{border:1px dashed rgba(0,0,0,.45)}.x-spreadsheet-selector .x-spreadsheet-selector-corner{pointer-events:auto;position:absolute;cursor:crosshair;font-size:0;height:5px;width:5px;right:-5px;bottom:-5px;border:2px solid #ffffff;background:#4b89ff}.x-spreadsheet-editor{z-index:20}.x-spreadsheet-editor .x-spreadsheet-editor-area{position:absolute;text-align:left;border:2px solid #4b89ff;line-height:0;z-index:100;pointer-events:auto}.x-spreadsheet-editor .x-spreadsheet-editor-area textarea{box-sizing:content-box;border:none;padding:0 3px;outline:none;resize:none;text-align:start;overflow-y:hidden;font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif;color:inherit;white-space:normal;word-wrap:break-word;line-height:22px;margin:0}.x-spreadsheet-editor .x-spreadsheet-editor-area .textline{overflow:hidden;visibility:hidden;position:fixed;top:0;left:0}.x-spreadsheet-item{-webkit-user-select:none;user-select:none;background:0;border:1px solid transparent;outline:none;height:26px;color:#000000e6;line-height:26px;list-style:none;padding:2px 10px;cursor:default;text-align:left;overflow:hidden}.x-spreadsheet-item.disabled{pointer-events:none;opacity:.5}.x-spreadsheet-item:hover,.x-spreadsheet-item.active{background:#0000000d}.x-spreadsheet-item.divider{height:0;padding:0;margin:5px 0;border:none;border-bottom:1px solid rgba(0,0,0,.1)}.x-spreadsheet-item .label{float:right;opacity:.65;font-size:1em}.x-spreadsheet-item.state,.x-spreadsheet-header.state{padding-left:35px!important;position:relative}.x-spreadsheet-item.state:before,.x-spreadsheet-header.state:before{content:"";position:absolute;width:10px;height:10px;left:12px;top:calc(50% - 5px);background:#00000014;border-radius:2px}.x-spreadsheet-item.state.checked:before,.x-spreadsheet-header.state.checked:before{background:#4b89ff}.x-spreadsheet-checkbox{position:relative;display:inline-block;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;font-size:1rem;line-height:1em}.x-spreadsheet-checkbox>input{position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:-1}.x-spreadsheet-suggest,.x-spreadsheet-contextmenu,.x-spreadsheet-sort-filter{position:absolute;box-shadow:1px 2px 5px 2px #33333326;background:#fff;z-index:100;width:260px;pointer-events:auto;overflow:auto}.x-spreadsheet-suggest{width:200px}.x-spreadsheet-filter{border:1px solid #e9e9e9;font-size:12px;margin:10px}.x-spreadsheet-filter .x-spreadsheet-header{padding:.5em .75em;background:#f8f8f9;border-bottom:1px solid #e9e9e9;border-left:1px solid transparent}.x-spreadsheet-filter .x-spreadsheet-body{height:200px;overflow-y:auto}.x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item{height:20px;line-height:20px}.x-spreadsheet-sort-filter .x-spreadsheet-buttons{margin:10px}.x-spreadsheet-bottombar{height:40px;padding:0 30px;text-align:left;background:#f5f6f7;display:flex}.x-spreadsheet-bottombar{position:relative;border-top:1px solid #e0e2e4}.x-spreadsheet-bottombar .x-spreadsheet-menu>li{line-height:40px;height:40px;padding-top:0;padding-bottom:0;vertical-align:middle;border-right:1px solid #e8eaed}.x-spreadsheet-menu{display:flex;overflow-x:auto;list-style:none;margin:0;padding:0;-webkit-user-select:none;user-select:none}.x-spreadsheet-menu>li{float:left;line-height:1.25em;padding:.785em 1em;margin:0;vertical-align:middle;text-align:left;font-weight:400;color:#80868b;white-space:nowrap;cursor:pointer;transition:all .3s;font-weight:700}.x-spreadsheet-menu>li.active{background-color:#fff;color:#000000a6}.x-spreadsheet-menu>li .x-spreadsheet-dropdown{display:inline-block}.x-spreadsheet-print{position:absolute;left:0;top:0;z-index:100;width:100%;height:100%;display:flex;flex-direction:column}.x-spreadsheet-print-bar{background:#424242;height:60px;line-height:60px;padding:0 30px}.x-spreadsheet-print-bar .-title{color:#fff;font-weight:700;font-size:1.2em;float:left}.x-spreadsheet-print-bar .-right{float:right;margin-top:12px}.x-spreadsheet-print-content{display:flex;flex:auto;flex-direction:row;background:#d0d0d0;height:calc(100% - 60px)}.x-spreadsheet-print-content .-sider{flex:0 0 300px;width:300px;border-left:2px solid #ccc;background:#fff}.x-spreadsheet-print-content .-content{flex:auto;overflow-x:auto;overflow-y:scroll;height:100%}.x-spreadsheet-canvas-card-wraper{margin:40px 20px}.x-spreadsheet-canvas-card{background:#fff;margin:auto;page-break-before:auto;page-break-after:always;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 3px #0000001f,0 4px 5px #0003}.x-spreadsheet-calendar{color:#000000a6;background:#fff;-webkit-user-select:none;user-select:none}.x-spreadsheet-calendar .calendar-header{font-weight:700;line-height:30px;text-align:center;width:100%;float:left;background:#f9fafb}.x-spreadsheet-calendar .calendar-header .calendar-header-left{padding-left:5px;float:left}.x-spreadsheet-calendar .calendar-header .calendar-header-right{float:right}.x-spreadsheet-calendar .calendar-header .calendar-header-right a{padding:3px 0;margin-right:2px;border-radius:2px}.x-spreadsheet-calendar .calendar-header .calendar-header-right a:hover{background:#00000014}.x-spreadsheet-calendar .calendar-body{border-collapse:collapse;border-spacing:0}.x-spreadsheet-calendar .calendar-body th,.x-spreadsheet-calendar .calendar-body td{width:14.28571429%;min-width:32px;text-align:center;font-weight:700;line-height:30px;padding:0}.x-spreadsheet-calendar .calendar-body td>.cell:hover{background:#ecf6fd}.x-spreadsheet-calendar .calendar-body td>.cell.active,.x-spreadsheet-calendar .calendar-body td>.cell.active:hover{background:#ecf6fd;color:#2185d0}.x-spreadsheet-calendar .calendar-body td>.cell.disabled{pointer-events:none;opacity:.5}.x-spreadsheet-datepicker{box-shadow:2px 2px 5px #0003;position:absolute;left:0;top:calc(100% + 5px);z-index:10;width:auto}.x-spreadsheet-buttons{display:flex;justify-content:flex-end}.x-spreadsheet-buttons .x-spreadsheet-button{margin-left:8px}.x-spreadsheet-button{display:inline-block;border-radius:3px;line-height:1em;min-height:1em;white-space:nowrap;text-align:center;cursor:pointer;font-size:1em;font-weight:700;padding:.75em 1em;color:#0009;background:#e0e1e2;text-decoration:none;font-family:Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;outline:none;vertical-align:baseline;zoom:1;-webkit-user-select:none;user-select:none;transition:all .1s linear}.x-spreadsheet-button.active,.x-spreadsheet-button:hover{background-color:#c0c1c2;color:#000c}.x-spreadsheet-button.primary{color:#fff;background-color:#2185d0}.x-spreadsheet-button.primary:hover,.x-spreadsheet-button.primary.active{color:#fff;background-color:#1678c2}.x-spreadsheet-form-input{font-size:1em;position:relative;font-weight:400;display:inline-flex;color:#000000de}.x-spreadsheet-form-input input{z-index:1;margin:0;max-width:100%;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:30px;height:30px;padding:0 8px;background:#fff;border:1px solid #e9e9e9;border-radius:3px;transition:box-shadow .1s ease,border-color .1s ease;box-shadow:inset 0 1px 2px #0a0a0a0f}.x-spreadsheet-form-input input:focus{border-color:#4b89ff;box-shadow:inset 0 1px 2px #4b89ff33}.x-spreadsheet-form-select{position:relative;display:inline-block;background:#fff;border:1px solid #e9e9e9;border-radius:2px;cursor:pointer;color:#000000de;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 2px #0a0a0a0f}.x-spreadsheet-form-select .input-text{text-overflow:ellipsis;white-space:nowrap;min-width:60px;width:auto;height:30px;line-height:30px;padding:0 8px}.x-spreadsheet-form-fields{display:flex;flex-direction:row;flex-wrap:wrap}.x-spreadsheet-form-fields .x-spreadsheet-form-field{flex:0 1 auto}.x-spreadsheet-form-fields .x-spreadsheet-form-field .label{display:inline-block;margin:0 10px 0 0}.x-spreadsheet-form-field{display:block;vertical-align:middle;margin-left:10px;margin-bottom:10px}.x-spreadsheet-form-field:first-child{margin-left:0}.x-spreadsheet-form-field.error .x-spreadsheet-form-select,.x-spreadsheet-form-field.error input{border-color:#f04134}.x-spreadsheet-form-field .tip{color:#f04134;font-size:.9em}.x-spreadsheet-dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;background-color:#0009;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;transition:background-color .5s linear;-webkit-user-select:none;user-select:none;z-index:1000}.x-spreadsheet-dimmer.active{display:block;opacity:1}form fieldset{border:none}form fieldset label{display:block;margin-bottom:.5em;font-size:1em;color:#666}form fieldset select{font-size:1.1em;width:100%;background-color:#fff;border:none;border-bottom:2px solid #ddd;padding:.5em .85em;border-radius:2px}.x-spreadsheet-modal,.x-spreadsheet-toast{font-size:13px;position:fixed;z-index:1001;text-align:left;line-height:1.25em;min-width:360px;color:#000000de;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;border-radius:4px;border:1px solid rgba(0,0,0,.1);background-color:#fff;background-clip:padding-box;box-shadow:#0003 0 2px 8px}.x-spreadsheet-toast{background-color:#ffffffd9}.x-spreadsheet-modal-header,.x-spreadsheet-toast-header{font-weight:600;background-clip:padding-box;background-color:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.05);border-radius:4px 4px 0 0}.x-spreadsheet-toast-header{color:#f2711c}.x-spreadsheet-modal-header{border-bottom:1px solid #e0e2e4;background:#00000014;font-size:1.0785em}.x-spreadsheet-modal-header,.x-spreadsheet-modal-content,.x-spreadsheet-toast-header,.x-spreadsheet-toast-content{padding:.75em 1em}.x-spreadsheet-menu li:first-child{display:none}.vue-office-excel{height:100%}
|