sy-form-designer 1.0.55 → 1.0.63
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/{designer-23xDUPV8.js → designer-BtuTwVoK.js} +1 -1
- package/{index-BhPNBng8.js → index-B3yU0Kzf.js} +1 -1
- package/index-C4BK58jU.js +424 -0
- package/{index-DXclVn6C.js → index-D-fUOIgT.js} +1 -1
- package/{index-BJsZohYd.js → index-ayHGmXc9.js} +1 -1
- package/index.css +1 -1
- package/index.js +1 -1
- package/index.umd.cjs +58 -58
- package/npm_recovery_codes.txt +5 -0
- package/{ossHook-DvjK0GwB.js → ossHook-C1lMAEpk.js} +6492 -6263
- package/package.json +1 -1
- package/{render-BtKNvUGt.js → render-CmPiKm2g.js} +2 -2
- package/{settings-C2EQYeeg.js → settings-r8mpSqy2.js} +1 -1
- package/{widgets-DiCFRHo3.js → widgets-CV71x9nO.js} +1 -1
- package/index-co8LwB3W.js +0 -412
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { mergeModels as Q, useModel as X, ref as a, computed as Y, onMounted as Z, provide as S, resolveComponent as n, createElementBlock as U, openBlock as _, createVNode as o, withCtx as l, createElementVNode as c, createTextVNode as s, createBlock as J, createCommentVNode as h, Fragment as ee, renderList as oe } from "vue";
|
|
2
|
-
import le from "./settings-
|
|
2
|
+
import le from "./settings-r8mpSqy2.js";
|
|
3
3
|
import { _ as te } from "./index-C1OyATSu.js";
|
|
4
4
|
const ne = { class: "form-designer" }, ae = { class: "toolbar-container" }, de = {
|
|
5
5
|
class: "right-toolbar",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getCurrentInstance as B, inject as z, ref as O, computed as d, unref as l, watch as W, isRef as ct, warn as ut, provide as dt, defineComponent as $, createElementBlock as U, openBlock as T, mergeProps as pt, renderSlot as L, normalizeClass as I, createVNode as se, Transition as je, withCtx as H, withDirectives as Me, createElementVNode as re, normalizeStyle as De, createTextVNode as ft, toDisplayString as Fe, vShow as Ae, shallowReactive as gt, onMounted as mt, createBlock as F, createCommentVNode as R, resolveDynamicComponent as yt, Fragment as ht, withModifiers as vt, isVNode as Be, render as ge } from "vue";
|
|
2
|
-
import { i as bt, n as _t, r as Le, t as ke, d as Y, e as Ct, f as Ot, g as Z, h as N, j as Ve, k as me, l as J, m as wt, o as St, q as Tt, s as It, w as xt, v as Nt, x as Et, y as $t, z as Pt, A as ye } from "./index-
|
|
2
|
+
import { i as bt, n as _t, r as Le, t as ke, d as Y, e as Ct, f as Ot, g as Z, h as N, j as Ve, k as me, l as J, m as wt, o as St, q as Tt, s as It, w as xt, v as Nt, x as Et, y as $t, z as Pt, A as ye } from "./index-ayHGmXc9.js";
|
|
3
3
|
const Ke = Symbol(), G = "el", zt = "is-", x = (e, n, t, o, r) => {
|
|
4
4
|
let s = `${e}-${n}`;
|
|
5
5
|
return t && (s += `-${t}`), o && (s += `__${o}`), r && (s += `--${r}`), s;
|
|
@@ -0,0 +1,424 @@
|
|
|
1
|
+
import { useAttrs as re, ref as x, computed as de, inject as ue, watch as N, resolveComponent as U, createElementBlock as f, openBlock as c, createElementVNode as u, createCommentVNode as h, createBlock as V, createVNode as v, mergeProps as ce, unref as m, withCtx as z, normalizeStyle as O, normalizeClass as fe, Fragment as y, createTextVNode as p, toDisplayString as k, withDirectives as B, withModifiers as j, vShow as C } from "vue";
|
|
2
|
+
import { u as he } from "./ossHook-C1lMAEpk.js";
|
|
3
|
+
import ge from "vuedraggable";
|
|
4
|
+
import { p as ve } from "./index-ayHGmXc9.js";
|
|
5
|
+
import { _ as me } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
|
+
import { E as $ } from "./index-B3yU0Kzf.js";
|
|
7
|
+
const pe = { class: "component-upload-image" }, ye = { style: { display: "flex", width: "100%" } }, we = {
|
|
8
|
+
key: 0,
|
|
9
|
+
class: "relative rounded overflow-hidden flex justify-center items-center",
|
|
10
|
+
style: { width: "120px", height: "96px", "margin-top": "8px" }
|
|
11
|
+
}, xe = { class: "absolute" }, ke = ["onClick"], be = { class: "relative overflow-hidden flex flex-col justify-center items-center w-full h-full select-none outline-none" }, Me = ["src"], Ue = ["viewBox"], Be = ["transform"], je = ["xlink:href", "width", "height"], Ce = { class: "photo-operations" }, Se = { class: "absolute top-0 right-0 w-full flex justify-end gap-1" }, Fe = { class: "opacity-[0.7] hover:opacity-[1] rounded-1/2" }, De = { class: "opacity-[0.7] hover:opacity-[1] rounded-1/2" }, Pe = { class: "absolute bottom-0 w-full flex justify-center gap-1" }, Ve = { class: "opacity-[0.7] hover:opacity-[1] rounded-1/2" }, ze = { class: "opacity-[0.7] hover:opacity-[1] rounded-1/2" }, Te = ["onClick"], qe = {
|
|
12
|
+
key: 0,
|
|
13
|
+
class: "el-upload__tip"
|
|
14
|
+
}, Ee = { style: { color: "#f56c6c" } }, Ie = { style: { color: "#f56c6c" } }, Ne = {
|
|
15
|
+
__name: "index",
|
|
16
|
+
props: {
|
|
17
|
+
modelValue: [String, Object, Array],
|
|
18
|
+
multipleSelect: {
|
|
19
|
+
type: Boolean,
|
|
20
|
+
default: !0
|
|
21
|
+
},
|
|
22
|
+
// 图片数量限制
|
|
23
|
+
limit: {
|
|
24
|
+
type: Number,
|
|
25
|
+
default: 5
|
|
26
|
+
},
|
|
27
|
+
// 大小限制(MB)
|
|
28
|
+
fileMaxSize: {
|
|
29
|
+
type: Number,
|
|
30
|
+
default: 5
|
|
31
|
+
},
|
|
32
|
+
// 文件类型, 例如['png', 'jpg', 'jpeg', "raw", "tiff", "jfif"]
|
|
33
|
+
fileType: {
|
|
34
|
+
type: Array,
|
|
35
|
+
default: () => ["png", "jpg", "jpeg", "raw", "tiff", "jfif"]
|
|
36
|
+
},
|
|
37
|
+
// 是否显示提示
|
|
38
|
+
isShowTip: {
|
|
39
|
+
type: Boolean,
|
|
40
|
+
default: !0
|
|
41
|
+
},
|
|
42
|
+
// 拖入回调
|
|
43
|
+
onDrop: {
|
|
44
|
+
default: (o) => {
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
// 拖入回调
|
|
48
|
+
onBackPool: {
|
|
49
|
+
default: (o) => {
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
// 默认背景图
|
|
53
|
+
defaultBg: String,
|
|
54
|
+
// 是否禁用
|
|
55
|
+
disabled: {
|
|
56
|
+
default: !1
|
|
57
|
+
},
|
|
58
|
+
// 图片列表项尺寸
|
|
59
|
+
size: {
|
|
60
|
+
default: () => ({
|
|
61
|
+
width: "148px",
|
|
62
|
+
height: "148px"
|
|
63
|
+
})
|
|
64
|
+
},
|
|
65
|
+
view: {
|
|
66
|
+
type: String,
|
|
67
|
+
default: null
|
|
68
|
+
},
|
|
69
|
+
operations: {
|
|
70
|
+
default: () => ({
|
|
71
|
+
back: !1,
|
|
72
|
+
rotateLeft: !1,
|
|
73
|
+
rotateRight: !1
|
|
74
|
+
})
|
|
75
|
+
},
|
|
76
|
+
md5: {
|
|
77
|
+
type: Object,
|
|
78
|
+
default: () => ({
|
|
79
|
+
requireMd5: !1,
|
|
80
|
+
addFileMd5Url: "",
|
|
81
|
+
queryFileMd5Url: ""
|
|
82
|
+
})
|
|
83
|
+
},
|
|
84
|
+
// 图片处理 compress, face
|
|
85
|
+
beginUploadFlow: {
|
|
86
|
+
type: Array,
|
|
87
|
+
default: () => []
|
|
88
|
+
},
|
|
89
|
+
// 图片处理 compress, face
|
|
90
|
+
endUploadFlow: {
|
|
91
|
+
type: Array,
|
|
92
|
+
default: () => []
|
|
93
|
+
},
|
|
94
|
+
oss: {
|
|
95
|
+
type: Object,
|
|
96
|
+
default: () => ({
|
|
97
|
+
signatureUrl: ""
|
|
98
|
+
})
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
setup(o, { expose: A, emit: L }) {
|
|
102
|
+
const r = o, R = re(), _ = L;
|
|
103
|
+
x(0), x([]);
|
|
104
|
+
const n = x([]), J = de(
|
|
105
|
+
() => r.isShowTip && (r.fileType || r.fileMaxSize)
|
|
106
|
+
), H = ue("request"), [b, Y] = he("", n, {
|
|
107
|
+
request: H,
|
|
108
|
+
fileType: r.fileType,
|
|
109
|
+
signatureUrl: r.oss.signatureUrl,
|
|
110
|
+
requireMd5: r.md5.requireMd5,
|
|
111
|
+
addFileMd5Url: r.md5.addFileMd5Url,
|
|
112
|
+
queryFileMd5Url: r.md5.queryFileMd5Url,
|
|
113
|
+
beginUploadFlow: r.beginUploadFlow,
|
|
114
|
+
endUploadFlow: r.endUploadFlow
|
|
115
|
+
}), S = x(!1), F = x([]), G = () => {
|
|
116
|
+
S.value = !1;
|
|
117
|
+
};
|
|
118
|
+
function K() {
|
|
119
|
+
$.error(`上传文件数量不能超过 ${r.limit} 个!`);
|
|
120
|
+
}
|
|
121
|
+
function Q() {
|
|
122
|
+
$.error("上传图片失败");
|
|
123
|
+
}
|
|
124
|
+
function W(e, l) {
|
|
125
|
+
let a = "";
|
|
126
|
+
l = l || ",";
|
|
127
|
+
for (let s in e)
|
|
128
|
+
e[s].url !== void 0 && e[s].url.indexOf("blob:") !== 0 && (a += e[s].url + l);
|
|
129
|
+
return a != "" ? a.substr(0, a.length - 1) : "";
|
|
130
|
+
}
|
|
131
|
+
function X(e) {
|
|
132
|
+
console.log("enter"), e.preventDefault();
|
|
133
|
+
}
|
|
134
|
+
function Z(e) {
|
|
135
|
+
console.log("over"), e.preventDefault(), setTimeout(() => {
|
|
136
|
+
e.target.classList.add("over");
|
|
137
|
+
}, 0);
|
|
138
|
+
}
|
|
139
|
+
function ee(e) {
|
|
140
|
+
console.log("drop"), e.preventDefault(), r.onDrop && r.onDrop(e);
|
|
141
|
+
}
|
|
142
|
+
function te(e) {
|
|
143
|
+
r.onBackPool && r.onBackPool(e);
|
|
144
|
+
}
|
|
145
|
+
function oe(e) {
|
|
146
|
+
E(e);
|
|
147
|
+
}
|
|
148
|
+
function le(e) {
|
|
149
|
+
console.log("拖动结束,新顺序:", n.value), D();
|
|
150
|
+
}
|
|
151
|
+
function ie(e) {
|
|
152
|
+
F.value = [], F.value.push({ src: e.url, desc: "" }), S.value = !0;
|
|
153
|
+
}
|
|
154
|
+
function M(e, l) {
|
|
155
|
+
let a = [];
|
|
156
|
+
for (let s = 0; s < e.length; s++) {
|
|
157
|
+
a[s] = [];
|
|
158
|
+
for (let i = 0; i < l[0].length; i++) {
|
|
159
|
+
let g = 0;
|
|
160
|
+
for (let t = 0; t < e[0].length; t++)
|
|
161
|
+
g += e[s][t] * l[t][i];
|
|
162
|
+
a[s][i] = g;
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
return a;
|
|
166
|
+
}
|
|
167
|
+
function T(e, l) {
|
|
168
|
+
let a = e.hd = e.hd || 0, s = e.vd = e.vd || 0, i = e.deg = e.deg || 0, g = e.viewBox, t = e.matrix;
|
|
169
|
+
if (l == "rotateleft") {
|
|
170
|
+
i += 90;
|
|
171
|
+
let d = [
|
|
172
|
+
[Math.cos(90 * (Math.PI / 180)), -Math.sin(90 * (Math.PI / 180))],
|
|
173
|
+
[Math.sin(90 * (Math.PI / 180)), Math.cos(90 * (Math.PI / 180))],
|
|
174
|
+
[0, 0]
|
|
175
|
+
];
|
|
176
|
+
t = M(t, d), e.viewBox = q(e.hd != a, e.vd != s, 90, g);
|
|
177
|
+
} else if (l == "rotateright") {
|
|
178
|
+
i -= 90;
|
|
179
|
+
let d = [
|
|
180
|
+
[Math.cos(-90 * (Math.PI / 180)), -Math.sin(-90 * (Math.PI / 180))],
|
|
181
|
+
[Math.sin(-90 * (Math.PI / 180)), Math.cos(-90 * (Math.PI / 180))],
|
|
182
|
+
[0, 0]
|
|
183
|
+
];
|
|
184
|
+
t = M(t, d), e.viewBox = q(e.hd != a, e.vd != s, -90, g);
|
|
185
|
+
} else l == "fliphorizontal" ? (a = a ? 0 : 1, t = M(t, [
|
|
186
|
+
[-1, 0],
|
|
187
|
+
[0, 1],
|
|
188
|
+
[0, 0]
|
|
189
|
+
])) : l == "flipvertical" && (s = s ? 0 : 1, t = M(t, [
|
|
190
|
+
[1, 0],
|
|
191
|
+
[0, -1],
|
|
192
|
+
[0, 0]
|
|
193
|
+
]));
|
|
194
|
+
e.matrix = t, e.deg = i, e.hd = a, e.vd = s;
|
|
195
|
+
}
|
|
196
|
+
function q(e, l, a, s) {
|
|
197
|
+
let i = JSON.parse(JSON.stringify(s));
|
|
198
|
+
const [g, t, d, w] = s;
|
|
199
|
+
if (e == !0 && (i[0] = i[0] == 0 - d ? 0 : 0 - d), l == !0 && (i[1] = i[1] == 0 - w ? 0 : 0 - w), a) {
|
|
200
|
+
let se = a / 90 % 4;
|
|
201
|
+
for (let I = 0; I < Math.abs(se); I++)
|
|
202
|
+
if (i[2] = w, i[3] = d, a > 0) {
|
|
203
|
+
let P = i[1];
|
|
204
|
+
i[1] = i[0] == 0 - d ? 0 : 0 - d, i[0] = P;
|
|
205
|
+
} else {
|
|
206
|
+
let P = i[1];
|
|
207
|
+
i[1] = i[0], i[0] = P == 0 - w ? 0 : 0 - w;
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
return i;
|
|
211
|
+
}
|
|
212
|
+
const ne = (e) => {
|
|
213
|
+
n.value.push(e);
|
|
214
|
+
}, E = (e) => {
|
|
215
|
+
n.value.indexOf(e) != -1 && n.value.splice(n.value.indexOf(e), 1);
|
|
216
|
+
}, D = () => {
|
|
217
|
+
(n.value.length == 0 || n.value.every((e) => e.status == "success")) && _("update:modelValue", Array.isArray(r.modelValue) ? n.value : W(n.value));
|
|
218
|
+
};
|
|
219
|
+
function ae(e, l, a) {
|
|
220
|
+
l.url = l.response.fileName, D();
|
|
221
|
+
}
|
|
222
|
+
return N(() => r.modelValue, (e) => {
|
|
223
|
+
if (e)
|
|
224
|
+
b.init(e);
|
|
225
|
+
else
|
|
226
|
+
return n.value = [];
|
|
227
|
+
}, { deep: !0, immediate: !0 }), N(() => n.value.length, () => {
|
|
228
|
+
console.log("imageupload filelist changed....."), D();
|
|
229
|
+
}), A({
|
|
230
|
+
pushFile: ne,
|
|
231
|
+
removeFile: E
|
|
232
|
+
}), (e, l) => {
|
|
233
|
+
const a = U("el-icon"), s = U("el-upload"), i = U("sy-svg-icon"), g = U("sy-image-view");
|
|
234
|
+
return c(), f("div", pe, [
|
|
235
|
+
u("div", ye, [
|
|
236
|
+
v(s, ce({
|
|
237
|
+
multiple: o.multipleSelect,
|
|
238
|
+
ref: "imageUpload",
|
|
239
|
+
"show-file-list": !1,
|
|
240
|
+
"file-list": n.value,
|
|
241
|
+
"onUpdate:fileList": l[0] || (l[0] = (t) => n.value = t),
|
|
242
|
+
"http-request": m(b).onHttpRequest,
|
|
243
|
+
"list-type": "picture-card",
|
|
244
|
+
limit: o.limit,
|
|
245
|
+
"on-success": ae,
|
|
246
|
+
"on-change": m(b).onChange,
|
|
247
|
+
"before-upload": m(b).onBeforeUpload,
|
|
248
|
+
"on-error": Q,
|
|
249
|
+
"on-exceed": K,
|
|
250
|
+
class: { hidden: n.value.length >= o.limit, disabled: o.disabled },
|
|
251
|
+
style: "width:" + (n.value.length >= o.limit ? "auto" : o.size.width) + ";height:" + (n.value.length >= o.limit ? "auto" : o.size.height) + ";"
|
|
252
|
+
}, m(R), {
|
|
253
|
+
onDragenter: X,
|
|
254
|
+
onDragover: Z,
|
|
255
|
+
onDrop: ee,
|
|
256
|
+
"auto-upload": !0,
|
|
257
|
+
disabled: o.disabled
|
|
258
|
+
}), {
|
|
259
|
+
default: z(() => [
|
|
260
|
+
u("div", {
|
|
261
|
+
style: O([{ "background-position": "center", "background-repeat": "no-repeat", width: "100%", height: "100%", display: "flex", "justify-content": "center", "align-items": "center" }, o.defaultBg && o.defaultBg != "" ? "background-image:url(" + o.defaultBg + ");" : ""])
|
|
262
|
+
}, [
|
|
263
|
+
!o.defaultBg || o.defaultBg == "" ? (c(), V(a, {
|
|
264
|
+
key: 0,
|
|
265
|
+
class: "avatar-uploader-icon"
|
|
266
|
+
}, {
|
|
267
|
+
default: z(() => [
|
|
268
|
+
v(m(ve))
|
|
269
|
+
]),
|
|
270
|
+
_: 1
|
|
271
|
+
})) : h("", !0)
|
|
272
|
+
], 4)
|
|
273
|
+
]),
|
|
274
|
+
_: 1
|
|
275
|
+
}, 16, ["multiple", "file-list", "http-request", "limit", "on-change", "before-upload", "class", "style", "disabled"]),
|
|
276
|
+
n.value.length > 0 ? (c(), V(m(ge), {
|
|
277
|
+
key: 0,
|
|
278
|
+
class: fe(["flex flex-wrap gap-2", { disabled: o.disabled, "ml-2": n.value.length < o.limit }]),
|
|
279
|
+
modelValue: n.value,
|
|
280
|
+
"onUpdate:modelValue": l[1] || (l[1] = (t) => n.value = t),
|
|
281
|
+
"item-key": "uid",
|
|
282
|
+
disabled: o.disabled,
|
|
283
|
+
animation: "200",
|
|
284
|
+
onEnd: le
|
|
285
|
+
}, {
|
|
286
|
+
item: z(({ element: t }) => [
|
|
287
|
+
u("div", {
|
|
288
|
+
class: "el-upload--picture-card",
|
|
289
|
+
style: O("width:" + o.size.width + ";height:" + o.size.height + ";")
|
|
290
|
+
}, [
|
|
291
|
+
t.status == "ready" || t.status == "uploading" || t.loading ? (c(), f("div", we, [
|
|
292
|
+
v(i, {
|
|
293
|
+
"class-name": "icon-down",
|
|
294
|
+
"icon-class": "down"
|
|
295
|
+
}),
|
|
296
|
+
u("div", xe, [
|
|
297
|
+
t.status == "uploading" ? (c(), f(y, { key: 0 }, [
|
|
298
|
+
p("上传进度" + k(parseInt(t.percentage || 0)) + "%", 1)
|
|
299
|
+
], 64)) : h("", !0),
|
|
300
|
+
t.loading ? (c(), f(y, { key: 1 }, [
|
|
301
|
+
p("加载进度" + k(parseInt(t.loadingPercent || 0)) + "%", 1)
|
|
302
|
+
], 64)) : h("", !0),
|
|
303
|
+
t.message ? (c(), f(y, { key: 2 }, [
|
|
304
|
+
p(k(t.message), 1)
|
|
305
|
+
], 64)) : h("", !0)
|
|
306
|
+
])
|
|
307
|
+
])) : h("", !0),
|
|
308
|
+
t.status == "success" && !t.loading ? (c(), f(y, { key: 1 }, [
|
|
309
|
+
t.loadError ? h("", !0) : (c(), f("div", {
|
|
310
|
+
key: 0,
|
|
311
|
+
onClick: (d) => ie(t),
|
|
312
|
+
class: "w-full h-full relative rounded overflow-hidden file-item"
|
|
313
|
+
}, [
|
|
314
|
+
u("div", be, [
|
|
315
|
+
o.view == "img" ? (c(), f("img", {
|
|
316
|
+
key: 0,
|
|
317
|
+
style: { width: "100%" },
|
|
318
|
+
src: t.objUrl,
|
|
319
|
+
fit: "contain"
|
|
320
|
+
}, null, 8, Me)) : (c(), f("svg", {
|
|
321
|
+
key: 1,
|
|
322
|
+
preserveAspectRatio: "xMidYMid meet",
|
|
323
|
+
width: "100%",
|
|
324
|
+
height: "100%",
|
|
325
|
+
viewBox: t.viewBox.join(" "),
|
|
326
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
327
|
+
"xmlns:xlink": "http://www.w3.org/1999/xlink"
|
|
328
|
+
}, [
|
|
329
|
+
u("g", {
|
|
330
|
+
class: "origin-top-left preserve-3d",
|
|
331
|
+
transform: "matrix(" + t.matrix.join(",") + ")"
|
|
332
|
+
}, [
|
|
333
|
+
u("image", {
|
|
334
|
+
"xlink:href": t.objUrl,
|
|
335
|
+
x: "0",
|
|
336
|
+
y: "0",
|
|
337
|
+
width: t.width,
|
|
338
|
+
height: t.height
|
|
339
|
+
}, null, 8, je)
|
|
340
|
+
], 8, Be)
|
|
341
|
+
], 8, Ue))
|
|
342
|
+
]),
|
|
343
|
+
u("div", Ce, [
|
|
344
|
+
u("div", Se, [
|
|
345
|
+
B(u("div", Fe, [
|
|
346
|
+
v(i, {
|
|
347
|
+
"class-name": "icon-photo",
|
|
348
|
+
"icon-class": "right-arrow",
|
|
349
|
+
onClick: j((d) => te(t), ["stop"])
|
|
350
|
+
}, null, 8, ["onClick"])
|
|
351
|
+
], 512), [
|
|
352
|
+
[C, o.operations.back]
|
|
353
|
+
]),
|
|
354
|
+
B(u("div", De, [
|
|
355
|
+
v(i, {
|
|
356
|
+
"class-name": "icon-photo ",
|
|
357
|
+
"icon-class": "close",
|
|
358
|
+
onClick: j((d) => oe(t), ["stop"])
|
|
359
|
+
}, null, 8, ["onClick"])
|
|
360
|
+
], 512), [
|
|
361
|
+
[C, !o.operations.back]
|
|
362
|
+
])
|
|
363
|
+
]),
|
|
364
|
+
u("div", Pe, [
|
|
365
|
+
B(u("div", Ve, [
|
|
366
|
+
v(i, {
|
|
367
|
+
"class-name": "icon-photo",
|
|
368
|
+
"icon-class": "right-arrow",
|
|
369
|
+
onClick: j((d) => T(t, "rotateleft"), ["stop"])
|
|
370
|
+
}, null, 8, ["onClick"])
|
|
371
|
+
], 512), [
|
|
372
|
+
[C, o.operations.rotateLeft]
|
|
373
|
+
]),
|
|
374
|
+
B(u("div", ze, [
|
|
375
|
+
v(i, {
|
|
376
|
+
"class-name": "icon-photo",
|
|
377
|
+
"icon-class": "right-arrow",
|
|
378
|
+
onClick: j((d) => T(t, "rotateright"), ["stop"])
|
|
379
|
+
}, null, 8, ["onClick"])
|
|
380
|
+
], 512), [
|
|
381
|
+
[C, o.operations.rotateRight]
|
|
382
|
+
])
|
|
383
|
+
])
|
|
384
|
+
])
|
|
385
|
+
], 8, ke)),
|
|
386
|
+
t.loadError ? (c(), f("div", {
|
|
387
|
+
key: 1,
|
|
388
|
+
onClick: (d) => {
|
|
389
|
+
t.loadError = !1, m(Y)(t);
|
|
390
|
+
},
|
|
391
|
+
class: "w-full h-full relative rounded overflow-hidden file-item"
|
|
392
|
+
}, l[2] || (l[2] = [
|
|
393
|
+
u("div", { class: "relative overflow-hidden flex flex-col justify-center items-center w-full h-full select-none outline-none" }, " 加载失败 ", -1)
|
|
394
|
+
]), 8, Te)) : h("", !0)
|
|
395
|
+
], 64)) : h("", !0)
|
|
396
|
+
], 4)
|
|
397
|
+
]),
|
|
398
|
+
_: 1
|
|
399
|
+
}, 8, ["class", "modelValue", "disabled"])) : h("", !0)
|
|
400
|
+
]),
|
|
401
|
+
J.value ? (c(), f("div", qe, [
|
|
402
|
+
l[5] || (l[5] = p(" 请上传 ")),
|
|
403
|
+
o.fileMaxSize ? (c(), f(y, { key: 0 }, [
|
|
404
|
+
l[3] || (l[3] = p(" 大小不超过 ")),
|
|
405
|
+
u("b", Ee, k(o.fileMaxSize) + "MB", 1)
|
|
406
|
+
], 64)) : h("", !0),
|
|
407
|
+
o.fileType ? (c(), f(y, { key: 1 }, [
|
|
408
|
+
l[4] || (l[4] = p(" 格式为 ")),
|
|
409
|
+
u("b", Ie, k(o.fileType.join("/")), 1)
|
|
410
|
+
], 64)) : h("", !0),
|
|
411
|
+
l[6] || (l[6] = p(" 的文件 "))
|
|
412
|
+
])) : h("", !0),
|
|
413
|
+
S.value ? (c(), V(g, {
|
|
414
|
+
key: 1,
|
|
415
|
+
urls: F.value,
|
|
416
|
+
onClose: G
|
|
417
|
+
}, null, 8, ["urls"])) : h("", !0)
|
|
418
|
+
]);
|
|
419
|
+
};
|
|
420
|
+
}
|
|
421
|
+
}, Je = /* @__PURE__ */ me(Ne, [["__scopeId", "data-v-da835bd9"]]);
|
|
422
|
+
export {
|
|
423
|
+
Je as default
|
|
424
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useAttrs as N, ref as c, computed as j, inject as A, watch as U, resolveComponent as m, createElementBlock as f, openBlock as n, createVNode as w, mergeProps as L, unref as o, withCtx as y, createCommentVNode as g, createTextVNode as a, Fragment as b, createElementVNode as p, toDisplayString as M, renderSlot as z, createBlock as O } from "vue";
|
|
2
|
-
import { u as _ } from "./ossHook-
|
|
2
|
+
import { u as _ } from "./ossHook-C1lMAEpk.js";
|
|
3
3
|
const C = { class: "w-full" }, D = { class: "flex justify-center" }, E = {
|
|
4
4
|
key: 0,
|
|
5
5
|
class: "el-upload__tip font-bold"
|
|
@@ -4502,7 +4502,7 @@ function po(e, t) {
|
|
|
4502
4502
|
getFieldInfo: u
|
|
4503
4503
|
};
|
|
4504
4504
|
}
|
|
4505
|
-
const Eo = /* @__PURE__ */ Object.assign({ "./libs/panels/render.jsx": () => import("./render-
|
|
4505
|
+
const Eo = /* @__PURE__ */ Object.assign({ "./libs/panels/render.jsx": () => import("./render-CmPiKm2g.js"), "./libs/panels/settings.vue": () => import("./settings-r8mpSqy2.js"), "./libs/panels/widgets.vue": () => import("./widgets-CV71x9nO.js") }), Er = /* @__PURE__ */ Object.assign({ "./libs/designer.vue": () => import("./designer-BtuTwVoK.js") }), go = /* @__PURE__ */ Object.assign({ "./libs/extensions/file-upload/index.vue": () => import("./index-D-fUOIgT.js"), "./libs/extensions/image-view/index.vue": () => import("./index-DWYaW2hS.js"), "./libs/extensions/picture-upload/index.vue": () => import("./index-C4BK58jU.js"), "./libs/extensions/svg-icon/index.vue": () => import("./index-BFhlK9cb.js"), "./libs/extensions/tooth-selector/index.vue": () => import("./index-BoOIQKIO.js") }), ho = /* @__PURE__ */ Object.assign({ "./libs/condition-editor/index.vue": () => import("./index-DmjTLesN.js") }), vo = (e) => {
|
|
4506
4506
|
for (const [t, n] of Object.entries(Eo)) {
|
|
4507
4507
|
const r = t.slice(t.lastIndexOf("/") + 1, t.lastIndexOf("."));
|
|
4508
4508
|
e.component("sy-" + r, ze(n));
|
package/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.form-widget-container{padding:10px;background:#f1f2f3;overflow-x:hidden;overflow-y:auto}.form-widget-container .el-form.full-height-width{height:100%;padding:10px;background:#fff}.form-widget-container .el-form.full-height-width .form-widget-list{min-height:calc(100vh - 150px);padding:3px}.form-widget-container .svg-icon{width:1.1em;height:1.1em;margin-left:.35em;margin-right:.35em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.form-widget-container .container-wrapper{position:relative;margin-bottom:5px}.form-widget-container .field-wrapper{position:relative}.form-widget-container .el-row.grid-container{padding:2px}.form-widget-container .el-form.widget-form .container-wrapper{position:relative;margin-bottom:5px}.form-widget-container .el-form.widget-form .container-wrapper .container-action{position:absolute;bottom:0;right:-2px;height:28px;line-height:28px;background:var(--el-color-primary);z-index:999;display:flex;align-items:center}.form-widget-container .el-form.widget-form .container-wrapper .container-action i{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.form-widget-container .el-form.widget-form .container-wrapper .container-action .svg-icon{margin-left:.1em;margin-right:.1em}.form-widget-container .el-form.widget-form .container-wrapper .drag-handler{position:absolute;top:-2px;left:-2px;height:22px;line-height:22px;background:rgba(var(--el-color-primary-rgb),.3);z-index:9;display:flex;align-items:center}.form-widget-container .el-form.widget-form .container-wrapper .drag-handler i{font-size:14px;font-style:normal;color:#fff;margin:4px;cursor:move}.form-widget-container .el-form.widget-form .container-wrapper .drag-handler .svg-icon{margin-left:.1em;margin-right:.1em}.form-widget-container .el-form.widget-form .field-wrapper{position:relative}.form-widget-container .el-form.widget-form .field-wrapper .field-action{position:absolute;bottom:0;right:-2px;height:22px;line-height:22px;background:var(--el-color-primary);z-index:9;display:flex;align-items:center}.form-widget-container .el-form.widget-form .field-wrapper .field-action i{font-size:14px;color:#fff;margin:0 3px;cursor:pointer}.form-widget-container .el-form.widget-form .field-wrapper .drag-handler{position:absolute;top:-2px;left:-2px;height:22px;line-height:22px;background:rgba(var(--el-color-primary-rgb),.7);z-index:9;display:flex;align-items:center}.form-widget-container .el-form.widget-form .field-wrapper .drag-handler i{font-size:14px;font-style:normal;color:#fff;margin:4px;cursor:move}.form-widget-container .el-form.widget-form .field-wrapper .drag-handler .svg-icon{margin-left:.1em;margin-right:.1em}.form-widget-container .el-form.widget-form .el-row.grid-container{padding:2px;border:1px dashed rgba(170,170,170,.75)}.form-widget-container .el-form.widget-form .el-row.grid-container .grid-cell{min-height:38px!important;padding:3px 6px;outline:1px dashed var(--el-color-primary-light-3);position:relative}.form-widget-container .el-form.widget-form .el-row.grid-container .grid-cell .grid-col-handler{position:absolute;top:-2px;left:-2px;height:22px;line-height:22px;background:var(--el-color-primary);z-index:9}.form-widget-container .el-form.widget-form .el-row.grid-container .grid-cell .grid-col-handler i{font-size:14px;font-style:normal;color:#fff;margin:4px;cursor:default}.form-widget-container .el-form.widget-form .el-row.grid-container .grid-cell .grid-col-action{position:absolute;bottom:0;right:-2px;height:28px;line-height:28px;background:var(--el-color-primary);z-index:999;display:flex;align-items:center}.form-widget-container .el-form.widget-form .el-row.grid-container .grid-cell .grid-col-action i{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.form-widget-container .el-form.widget-form .el-row.grid-container .grid-cell .grid-col-action .svg-icon{margin-left:.1em;margin-right:.1em}.form-widget-container .el-form.widget-form .el-row.grid-container .grid-cell .form-widget-list{min-height:28px}.form-widget-container .el-form.widget-form .grid-container.selected,.form-widget-container .el-form.widget-form .grid-cell.selected{outline:2px solid var(--el-color-primary)!important}.form-widget-container .el-form.widget-form .el-form-item.selected,.form-widget-container .el-form.widget-form .static-content-item.selected{outline:2px solid var(--el-color-primary)}.form-widget-container .ghost{background:#f56c6c;border:2px solid #F56C6C;outline-width:0;height:3px;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0}.hidden-label .el-form-item__label{width:0!important}.label-center-align .el-form-item__label{display:inline-block;text-align:center;justify-content:center!important}.label-left-align .el-form-item__label{text-align:left;justify-content:start!important}.label-right-align .el-form-item__label{text-align:right;justify-content:end!important}.label-item-center-align .el-form-item__label{text-align:center;justify-content:center!important}.label-item-left-align .el-form-item__label{text-align:left;justify-content:start!important}.label-item-right-align .el-form-item__label{text-align:right;justify-content:end!important}.separate-button .el-checkbox-button .el-checkbox-button__inner{margin-right:5px;border-left-color:var(--el-border-color)}.separate-button .el-checkbox-button.is-checked .el-checkbox-button__inner,.separate-button .el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.separate-button .el-radio-button .el-radio-button__inner{margin-right:5px;border-left:var(--el-border)}.separate-button .el-radio-button.is-checked .el-radio-button__inner,.separate-button .el-radio-button.is-focus .el-radio-button__inner{border-color:var(--el-radio-button-checked-border-color)}.static-content-item h1{font-size:1.57em}.static-content-item h2{font-size:1.25em}.static-content-item h3{font-size:.93em}.condition-item[data-v-6b8340b9]{margin-bottom:4px;display:flex;align-items:center;gap:4px}.panel-container[data-v-ba84caf6]{padding:0 8px}.svg-icon[data-v-ba84caf6]{width:1.1em;height:1.1em;margin-left:.35em;margin-right:.35em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.drag-item[data-v-ba84caf6]{cursor:move}[data-v-02bd2339] .el-tabs__header{margin:0}.widget-collapse .el-collapse-item__content ul[data-v-02bd2339]{padding-left:10px;margin:0;margin-block-start:0;margin-block-end:.25em;padding-inline-start:10px}.widget-collapse .el-collapse-item__content ul .widget-item[data-v-02bd2339]{display:inline-block;height:32px;line-height:32px;width:98px;float:left;margin:2px 6px 6px 0;cursor:move;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#fff;border:1px solid #e8e9eb;border-radius:4px;padding:0 8px}.widget-collapse .el-collapse-item__content ul .widget-item[data-v-02bd2339]:hover{background:#f1f2f3;border-color:#409eff}.widget-collapse .el-collapse-item__content ul .widget-item:hover .color-svg-icon[data-v-02bd2339]{color:#409eff}.custom-operates[data-v-02bd2339]{display:flex;justify-content:space-between;padding:8px 4px}.x-image-viewer[data-v-bf955e52],.x-image-viewer__wrapper[data-v-bf955e52]{position:fixed;top:0;right:0;bottom:0;left:0}.x-image-viewer__btn[data-v-bf955e52]{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none}.x-image-viewer__close[data-v-bf955e52]{top:40px;right:40px}.x-image-viewer__canvas[data-v-bf955e52]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.x-image-viewer__canvas img[data-v-bf955e52]{margin-bottom:0!important}.x-image-viewer__desc[data-v-bf955e52]{left:50%;bottom:90px;padding:0 23px;max-width:calc(100% - 50px);overflow:hidden;font-size:16px;color:#fff;white-space:nowrap;background-color:#60626699;border-radius:22px;transform:translate(-50%);cursor:default}.x-image-viewer__actions[data-v-bf955e52]{left:50%;bottom:30px;padding:0 23px;width:282px;height:44px;background-color:#606266;border-radius:22px;transform:translate(-50%)}.x-image-viewer__actions__inner[data-v-bf955e52]{width:100%;height:100%;font-size:23px;color:#fff;text-align:justify;cursor:default;display:flex;align-items:center;justify-content:space-around}.x-image-viewer__actions__inner i[data-v-bf955e52]{cursor:pointer}.x-image-viewer__close[data-v-bf955e52],.x-image-viewer__next[data-v-bf955e52],.x-image-viewer__prev[data-v-bf955e52]{width:44px;height:44px;background-color:#606266;font-size:24px;color:#fff}.x-image-viewer__prev[data-v-bf955e52]{top:50%;left:40px;transform:translateY(-50%)}.x-image-viewer__next[data-v-bf955e52]{top:50%;right:40px;text-indent:2px;transform:translateY(-50%)}.x-image-viewer__mask[data-v-bf955e52]{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5}.x-image-viewer .opacity-hide[data-v-bf955e52]{opacity:0}.x-image-viewer .opacity-show[data-v-bf955e52]{opacity:1}[data-v-bffbac1a] .hide .el-upload--picture-card{display:none}[data-v-bffbac1a] .disabled .el-upload--picture-card{@apply border-0;}[data-v-bffbac1a] .el-upload--picture-card{background-color:var(--el-fill-color-light);@apply h-full w-full;}.ml-2[data-v-bffbac1a]{margin-left:4px}.component-upload-image[data-v-bffbac1a]{display:flex;flex-direction:column}.over[data-v-bffbac1a]{border-color:var(--el-color-primary)!important}.photo-operations[data-v-bffbac1a]{@apply hidden;}.file-item:hover .photo-operations[data-v-bffbac1a]{display:block}.icon-photo[data-v-bffbac1a]{width:1.5rem;height:1.5rem}.icon-down[data-v-bffbac1a]{width:4rem;height:4rem}.svg-icon[data-v-f0bfb888]{width:1.1em;height:1.1em;margin-left:.35em;margin-right:.35em;vertical-align:-.15em;fill:currentColor;overflow:hidden;display:inline-block}.tooth-wrapper[data-v-76426ce9]{position:relative}.tooth[data-v-76426ce9]{cursor:pointer;outline:none}.tooth[data-v-76426ce9]:hover{stroke:#6b99ff}.symptom-selector[data-v-76426ce9]{position:absolute;background-color:#fff;border-radius:.4rem;padding:4px;box-shadow:0 0 2px 2px #eeeeeebf;width:20rem;z-index:99999}
|
|
1
|
+
.form-widget-container{padding:10px;background:#f1f2f3;overflow-x:hidden;overflow-y:auto}.form-widget-container .el-form.full-height-width{height:100%;padding:10px;background:#fff}.form-widget-container .el-form.full-height-width .form-widget-list{min-height:calc(100vh - 150px);padding:3px}.form-widget-container .svg-icon{width:1.1em;height:1.1em;margin-left:.35em;margin-right:.35em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.form-widget-container .container-wrapper{position:relative;margin-bottom:5px}.form-widget-container .field-wrapper{position:relative}.form-widget-container .el-row.grid-container{padding:2px}.form-widget-container .el-form.widget-form .container-wrapper{position:relative;margin-bottom:5px}.form-widget-container .el-form.widget-form .container-wrapper .container-action{position:absolute;bottom:0;right:-2px;height:28px;line-height:28px;background:var(--el-color-primary);z-index:999;display:flex;align-items:center}.form-widget-container .el-form.widget-form .container-wrapper .container-action i{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.form-widget-container .el-form.widget-form .container-wrapper .container-action .svg-icon{margin-left:.1em;margin-right:.1em}.form-widget-container .el-form.widget-form .container-wrapper .drag-handler{position:absolute;top:-2px;left:-2px;height:22px;line-height:22px;background:rgba(var(--el-color-primary-rgb),.3);z-index:9;display:flex;align-items:center}.form-widget-container .el-form.widget-form .container-wrapper .drag-handler i{font-size:14px;font-style:normal;color:#fff;margin:4px;cursor:move}.form-widget-container .el-form.widget-form .container-wrapper .drag-handler .svg-icon{margin-left:.1em;margin-right:.1em}.form-widget-container .el-form.widget-form .field-wrapper{position:relative}.form-widget-container .el-form.widget-form .field-wrapper .field-action{position:absolute;bottom:0;right:-2px;height:22px;line-height:22px;background:var(--el-color-primary);z-index:9;display:flex;align-items:center}.form-widget-container .el-form.widget-form .field-wrapper .field-action i{font-size:14px;color:#fff;margin:0 3px;cursor:pointer}.form-widget-container .el-form.widget-form .field-wrapper .drag-handler{position:absolute;top:-2px;left:-2px;height:22px;line-height:22px;background:rgba(var(--el-color-primary-rgb),.7);z-index:9;display:flex;align-items:center}.form-widget-container .el-form.widget-form .field-wrapper .drag-handler i{font-size:14px;font-style:normal;color:#fff;margin:4px;cursor:move}.form-widget-container .el-form.widget-form .field-wrapper .drag-handler .svg-icon{margin-left:.1em;margin-right:.1em}.form-widget-container .el-form.widget-form .el-row.grid-container{padding:2px;border:1px dashed rgba(170,170,170,.75)}.form-widget-container .el-form.widget-form .el-row.grid-container .grid-cell{min-height:38px!important;padding:3px 6px;outline:1px dashed var(--el-color-primary-light-3);position:relative}.form-widget-container .el-form.widget-form .el-row.grid-container .grid-cell .grid-col-handler{position:absolute;top:-2px;left:-2px;height:22px;line-height:22px;background:var(--el-color-primary);z-index:9}.form-widget-container .el-form.widget-form .el-row.grid-container .grid-cell .grid-col-handler i{font-size:14px;font-style:normal;color:#fff;margin:4px;cursor:default}.form-widget-container .el-form.widget-form .el-row.grid-container .grid-cell .grid-col-action{position:absolute;bottom:0;right:-2px;height:28px;line-height:28px;background:var(--el-color-primary);z-index:999;display:flex;align-items:center}.form-widget-container .el-form.widget-form .el-row.grid-container .grid-cell .grid-col-action i{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.form-widget-container .el-form.widget-form .el-row.grid-container .grid-cell .grid-col-action .svg-icon{margin-left:.1em;margin-right:.1em}.form-widget-container .el-form.widget-form .el-row.grid-container .grid-cell .form-widget-list{min-height:28px}.form-widget-container .el-form.widget-form .grid-container.selected,.form-widget-container .el-form.widget-form .grid-cell.selected{outline:2px solid var(--el-color-primary)!important}.form-widget-container .el-form.widget-form .el-form-item.selected,.form-widget-container .el-form.widget-form .static-content-item.selected{outline:2px solid var(--el-color-primary)}.form-widget-container .ghost{background:#f56c6c;border:2px solid #F56C6C;outline-width:0;height:3px;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0}.hidden-label .el-form-item__label{width:0!important}.label-center-align .el-form-item__label{display:inline-block;text-align:center;justify-content:center!important}.label-left-align .el-form-item__label{text-align:left;justify-content:start!important}.label-right-align .el-form-item__label{text-align:right;justify-content:end!important}.label-item-center-align .el-form-item__label{text-align:center;justify-content:center!important}.label-item-left-align .el-form-item__label{text-align:left;justify-content:start!important}.label-item-right-align .el-form-item__label{text-align:right;justify-content:end!important}.separate-button .el-checkbox-button .el-checkbox-button__inner{margin-right:5px;border-left-color:var(--el-border-color)}.separate-button .el-checkbox-button.is-checked .el-checkbox-button__inner,.separate-button .el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.separate-button .el-radio-button .el-radio-button__inner{margin-right:5px;border-left:var(--el-border)}.separate-button .el-radio-button.is-checked .el-radio-button__inner,.separate-button .el-radio-button.is-focus .el-radio-button__inner{border-color:var(--el-radio-button-checked-border-color)}.static-content-item h1{font-size:1.57em}.static-content-item h2{font-size:1.25em}.static-content-item h3{font-size:.93em}.condition-item[data-v-6b8340b9]{margin-bottom:4px;display:flex;align-items:center;gap:4px}.panel-container[data-v-ba84caf6]{padding:0 8px}.svg-icon[data-v-ba84caf6]{width:1.1em;height:1.1em;margin-left:.35em;margin-right:.35em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.drag-item[data-v-ba84caf6]{cursor:move}[data-v-02bd2339] .el-tabs__header{margin:0}.widget-collapse .el-collapse-item__content ul[data-v-02bd2339]{padding-left:10px;margin:0;margin-block-start:0;margin-block-end:.25em;padding-inline-start:10px}.widget-collapse .el-collapse-item__content ul .widget-item[data-v-02bd2339]{display:inline-block;height:32px;line-height:32px;width:98px;float:left;margin:2px 6px 6px 0;cursor:move;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#fff;border:1px solid #e8e9eb;border-radius:4px;padding:0 8px}.widget-collapse .el-collapse-item__content ul .widget-item[data-v-02bd2339]:hover{background:#f1f2f3;border-color:#409eff}.widget-collapse .el-collapse-item__content ul .widget-item:hover .color-svg-icon[data-v-02bd2339]{color:#409eff}.custom-operates[data-v-02bd2339]{display:flex;justify-content:space-between;padding:8px 4px}.x-image-viewer[data-v-bf955e52],.x-image-viewer__wrapper[data-v-bf955e52]{position:fixed;top:0;right:0;bottom:0;left:0}.x-image-viewer__btn[data-v-bf955e52]{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none}.x-image-viewer__close[data-v-bf955e52]{top:40px;right:40px}.x-image-viewer__canvas[data-v-bf955e52]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.x-image-viewer__canvas img[data-v-bf955e52]{margin-bottom:0!important}.x-image-viewer__desc[data-v-bf955e52]{left:50%;bottom:90px;padding:0 23px;max-width:calc(100% - 50px);overflow:hidden;font-size:16px;color:#fff;white-space:nowrap;background-color:#60626699;border-radius:22px;transform:translate(-50%);cursor:default}.x-image-viewer__actions[data-v-bf955e52]{left:50%;bottom:30px;padding:0 23px;width:282px;height:44px;background-color:#606266;border-radius:22px;transform:translate(-50%)}.x-image-viewer__actions__inner[data-v-bf955e52]{width:100%;height:100%;font-size:23px;color:#fff;text-align:justify;cursor:default;display:flex;align-items:center;justify-content:space-around}.x-image-viewer__actions__inner i[data-v-bf955e52]{cursor:pointer}.x-image-viewer__close[data-v-bf955e52],.x-image-viewer__next[data-v-bf955e52],.x-image-viewer__prev[data-v-bf955e52]{width:44px;height:44px;background-color:#606266;font-size:24px;color:#fff}.x-image-viewer__prev[data-v-bf955e52]{top:50%;left:40px;transform:translateY(-50%)}.x-image-viewer__next[data-v-bf955e52]{top:50%;right:40px;text-indent:2px;transform:translateY(-50%)}.x-image-viewer__mask[data-v-bf955e52]{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5}.x-image-viewer .opacity-hide[data-v-bf955e52]{opacity:0}.x-image-viewer .opacity-show[data-v-bf955e52]{opacity:1}[data-v-da835bd9] .hide .el-upload--picture-card{display:none}[data-v-da835bd9] .disabled .el-upload--picture-card{@apply border-0;}[data-v-da835bd9] .el-upload--picture-card{background-color:var(--el-fill-color-light);@apply h-full w-full;}.ml-2[data-v-da835bd9]{margin-left:4px}.component-upload-image[data-v-da835bd9]{display:flex;flex-direction:column}.over[data-v-da835bd9]{border-color:var(--el-color-primary)!important}.photo-operations[data-v-da835bd9]{@apply hidden;}.file-item:hover .photo-operations[data-v-da835bd9]{display:block}.icon-photo[data-v-da835bd9]{width:1.5rem;height:1.5rem}.icon-down[data-v-da835bd9]{width:4rem;height:4rem}.svg-icon[data-v-f0bfb888]{width:1.1em;height:1.1em;margin-left:.35em;margin-right:.35em;vertical-align:-.15em;fill:currentColor;overflow:hidden;display:inline-block}.tooth-wrapper[data-v-76426ce9]{position:relative}.tooth[data-v-76426ce9]{cursor:pointer;outline:none}.tooth[data-v-76426ce9]:hover{stroke:#6b99ff}.symptom-selector[data-v-76426ce9]{position:absolute;background-color:#fff;border-radius:.4rem;padding:4px;box-shadow:0 0 2px 2px #eeeeeebf;width:20rem;z-index:99999}
|
package/index.js
CHANGED