sy-form-designer 1.0.51 → 1.0.52
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-DSWBS81X.js → designer-C_bJfFMh.js} +1 -1
- package/{index-KKRmAbFf.js → index-BZJ5XSlR.js} +1 -1
- package/{index-CDLmRhCQ.js → index-C2B5pQX5.js} +112 -106
- package/{index-B8Nw_06z.js → index-CJHA71Og.js} +1 -1
- package/{index-CmT4m7do.js → index-H7hJuW8u.js} +1 -1
- package/index.css +1 -1
- package/index.js +1 -1
- package/index.umd.cjs +1 -1
- package/{ossHook-DkzdDU5y.js → ossHook-C47Hnvnt.js} +1 -1
- package/package.json +1 -1
- package/{render-BlJUFFn9.js → render-9ofPMlvx.js} +2 -2
- package/{settings-Dcc-2Qp-.js → settings-tWhOaVm4.js} +1 -1
- package/{widgets-DMHGE2lN.js → widgets-DpTPhRWQ.js} +1 -1
|
@@ -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-tWhOaVm4.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 { useAttrs as N, ref as c, computed as j, inject as L, watch as M, resolveComponent as m, createElementBlock as f, openBlock as u, createVNode as U, mergeProps as z, unref as o, withCtx as y, createCommentVNode as g, createTextVNode as d, Fragment as b, createElementVNode as p, toDisplayString as h, renderSlot as A, createBlock as O } from "vue";
|
|
2
|
-
import { u as _ } from "./ossHook-
|
|
2
|
+
import { u as _ } from "./ossHook-C47Hnvnt.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"
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { useAttrs as
|
|
2
|
-
import { u as he } from "./ossHook-
|
|
3
|
-
import { p as ge } from "./index-
|
|
1
|
+
import { useAttrs as se, ref as x, computed as re, inject as de, watch as I, resolveComponent as U, createElementBlock as c, openBlock as r, createElementVNode as f, createCommentVNode as h, createBlock as E, createVNode as v, mergeProps as ue, unref as y, withCtx as N, normalizeStyle as O, normalizeClass as ce, Fragment as m, renderList as fe, createTextVNode as p, toDisplayString as k, withDirectives as B, withModifiers as j, vShow as C } from "vue";
|
|
2
|
+
import { u as he } from "./ossHook-C47Hnvnt.js";
|
|
3
|
+
import { p as ge } from "./index-H7hJuW8u.js";
|
|
4
4
|
import { _ as ve } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
|
-
import { E as L } from "./index-
|
|
5
|
+
import { E as L } from "./index-CJHA71Og.js";
|
|
6
6
|
const me = { class: "component-upload-image" }, pe = { style: { display: "flex", width: "100%" } }, ye = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "relative rounded overflow-hidden flex justify-center items-center",
|
|
9
9
|
style: { width: "120px", height: "96px", "margin-top": "8px" }
|
|
10
|
-
}, we = { class: "absolute" }, xe = ["onClick"], ke = { class: "relative overflow-hidden flex flex-col justify-center items-center w-full h-full select-none outline-none" }, Me = ["src"], be = ["viewBox"],
|
|
10
|
+
}, we = { class: "absolute" }, xe = ["onClick"], ke = { class: "relative overflow-hidden flex flex-col justify-center items-center w-full h-full select-none outline-none" }, Me = ["src"], be = ["viewBox"], Ue = ["transform"], Be = ["xlink:href", "width", "height"], je = { class: "photo-operations" }, Ce = { class: "absolute top-0 right-0 w-full flex justify-end gap-1" }, Se = { class: "opacity-[0.7] hover:opacity-[1] rounded-1/2" }, Fe = { class: "opacity-[0.7] hover:opacity-[1] rounded-1/2" }, Pe = { class: "absolute bottom-0 w-full flex justify-center gap-1" }, De = { class: "opacity-[0.7] hover:opacity-[1] rounded-1/2" }, ze = { class: "opacity-[0.7] hover:opacity-[1] rounded-1/2" }, Te = ["onClick"], Ve = {
|
|
11
11
|
key: 0,
|
|
12
12
|
class: "el-upload__tip"
|
|
13
13
|
}, qe = { style: { color: "#f56c6c" } }, Ie = { style: { color: "#f56c6c" } }, Ee = {
|
|
@@ -40,12 +40,12 @@ const me = { class: "component-upload-image" }, pe = { style: { display: "flex",
|
|
|
40
40
|
},
|
|
41
41
|
// 拖入回调
|
|
42
42
|
onDrop: {
|
|
43
|
-
default: (
|
|
43
|
+
default: (o) => {
|
|
44
44
|
}
|
|
45
45
|
},
|
|
46
46
|
// 拖入回调
|
|
47
47
|
onBackPool: {
|
|
48
|
-
default: (
|
|
48
|
+
default: (o) => {
|
|
49
49
|
}
|
|
50
50
|
},
|
|
51
51
|
// 默认背景图
|
|
@@ -85,6 +85,11 @@ const me = { class: "component-upload-image" }, pe = { style: { display: "flex",
|
|
|
85
85
|
type: Array,
|
|
86
86
|
default: () => []
|
|
87
87
|
},
|
|
88
|
+
// 图片处理 compress, face
|
|
89
|
+
endUploadFlow: {
|
|
90
|
+
type: Array,
|
|
91
|
+
default: () => []
|
|
92
|
+
},
|
|
88
93
|
oss: {
|
|
89
94
|
type: Object,
|
|
90
95
|
default: () => ({
|
|
@@ -92,24 +97,25 @@ const me = { class: "component-upload-image" }, pe = { style: { display: "flex",
|
|
|
92
97
|
})
|
|
93
98
|
}
|
|
94
99
|
},
|
|
95
|
-
setup(
|
|
96
|
-
const
|
|
100
|
+
setup(o, { expose: $, emit: A }) {
|
|
101
|
+
const d = o, _ = se(), R = A;
|
|
97
102
|
x(0), x([]);
|
|
98
|
-
const
|
|
99
|
-
() =>
|
|
100
|
-
), H = de("request"), [M, Y] = he("",
|
|
103
|
+
const s = x([]), J = re(
|
|
104
|
+
() => d.isShowTip && (d.fileType || d.fileMaxSize)
|
|
105
|
+
), H = de("request"), [M, Y] = he("", s, {
|
|
101
106
|
request: H,
|
|
102
|
-
fileType:
|
|
103
|
-
signatureUrl:
|
|
104
|
-
requireMd5:
|
|
105
|
-
addFileMd5Url:
|
|
106
|
-
queryFileMd5Url:
|
|
107
|
-
beginUploadFlow:
|
|
108
|
-
|
|
107
|
+
fileType: d.fileType,
|
|
108
|
+
signatureUrl: d.oss.signatureUrl,
|
|
109
|
+
requireMd5: d.md5.requireMd5,
|
|
110
|
+
addFileMd5Url: d.md5.addFileMd5Url,
|
|
111
|
+
queryFileMd5Url: d.md5.queryFileMd5Url,
|
|
112
|
+
beginUploadFlow: d.beginUploadFlow,
|
|
113
|
+
endUploadFlow: d.endUploadFlow
|
|
114
|
+
}), S = x(!1), F = x([]), G = () => {
|
|
109
115
|
S.value = !1;
|
|
110
116
|
};
|
|
111
117
|
function K() {
|
|
112
|
-
L.error(`上传文件数量不能超过 ${
|
|
118
|
+
L.error(`上传文件数量不能超过 ${d.limit} 个!`);
|
|
113
119
|
}
|
|
114
120
|
function Q() {
|
|
115
121
|
L.error("上传图片失败");
|
|
@@ -117,8 +123,8 @@ const me = { class: "component-upload-image" }, pe = { style: { display: "flex",
|
|
|
117
123
|
function W(e, l) {
|
|
118
124
|
let n = "";
|
|
119
125
|
l = l || ",";
|
|
120
|
-
for (let
|
|
121
|
-
e[
|
|
126
|
+
for (let a in e)
|
|
127
|
+
e[a].url !== void 0 && e[a].url.indexOf("blob:") !== 0 && (n += e[a].url + l);
|
|
122
128
|
return n != "" ? n.substr(0, n.length - 1) : "";
|
|
123
129
|
}
|
|
124
130
|
function X(e) {
|
|
@@ -130,127 +136,127 @@ const me = { class: "component-upload-image" }, pe = { style: { display: "flex",
|
|
|
130
136
|
}, 0);
|
|
131
137
|
}
|
|
132
138
|
function ee(e) {
|
|
133
|
-
console.log("drop"), e.preventDefault(),
|
|
139
|
+
console.log("drop"), e.preventDefault(), d.onDrop && d.onDrop(e);
|
|
134
140
|
}
|
|
135
141
|
function te(e) {
|
|
136
|
-
|
|
142
|
+
d.onBackPool && d.onBackPool(e);
|
|
137
143
|
}
|
|
138
|
-
function
|
|
144
|
+
function oe(e) {
|
|
139
145
|
T(e);
|
|
140
146
|
}
|
|
141
|
-
function
|
|
142
|
-
|
|
147
|
+
function ie(e) {
|
|
148
|
+
F.value = [], F.value.push({ src: e.url, desc: "" }), S.value = !0;
|
|
143
149
|
}
|
|
144
150
|
function b(e, l) {
|
|
145
151
|
let n = [];
|
|
146
|
-
for (let
|
|
147
|
-
n[
|
|
148
|
-
for (let
|
|
152
|
+
for (let a = 0; a < e.length; a++) {
|
|
153
|
+
n[a] = [];
|
|
154
|
+
for (let i = 0; i < l[0].length; i++) {
|
|
149
155
|
let g = 0;
|
|
150
156
|
for (let t = 0; t < e[0].length; t++)
|
|
151
|
-
g += e[
|
|
152
|
-
n[
|
|
157
|
+
g += e[a][t] * l[t][i];
|
|
158
|
+
n[a][i] = g;
|
|
153
159
|
}
|
|
154
160
|
}
|
|
155
161
|
return n;
|
|
156
162
|
}
|
|
157
|
-
function
|
|
158
|
-
let n = e.hd = e.hd || 0,
|
|
163
|
+
function D(e, l) {
|
|
164
|
+
let n = e.hd = e.hd || 0, a = e.vd = e.vd || 0, i = e.deg = e.deg || 0, g = e.viewBox, t = e.matrix;
|
|
159
165
|
if (l == "rotateleft") {
|
|
160
|
-
|
|
161
|
-
let
|
|
166
|
+
i += 90;
|
|
167
|
+
let u = [
|
|
162
168
|
[Math.cos(90 * (Math.PI / 180)), -Math.sin(90 * (Math.PI / 180))],
|
|
163
169
|
[Math.sin(90 * (Math.PI / 180)), Math.cos(90 * (Math.PI / 180))],
|
|
164
170
|
[0, 0]
|
|
165
171
|
];
|
|
166
|
-
t = b(t,
|
|
172
|
+
t = b(t, u), e.viewBox = z(e.hd != n, e.vd != a, 90, g);
|
|
167
173
|
} else if (l == "rotateright") {
|
|
168
|
-
|
|
169
|
-
let
|
|
174
|
+
i -= 90;
|
|
175
|
+
let u = [
|
|
170
176
|
[Math.cos(-90 * (Math.PI / 180)), -Math.sin(-90 * (Math.PI / 180))],
|
|
171
177
|
[Math.sin(-90 * (Math.PI / 180)), Math.cos(-90 * (Math.PI / 180))],
|
|
172
178
|
[0, 0]
|
|
173
179
|
];
|
|
174
|
-
t = b(t,
|
|
180
|
+
t = b(t, u), e.viewBox = z(e.hd != n, e.vd != a, -90, g);
|
|
175
181
|
} else l == "fliphorizontal" ? (n = n ? 0 : 1, t = b(t, [
|
|
176
182
|
[-1, 0],
|
|
177
183
|
[0, 1],
|
|
178
184
|
[0, 0]
|
|
179
|
-
])) : l == "flipvertical" && (
|
|
185
|
+
])) : l == "flipvertical" && (a = a ? 0 : 1, t = b(t, [
|
|
180
186
|
[1, 0],
|
|
181
187
|
[0, -1],
|
|
182
188
|
[0, 0]
|
|
183
189
|
]));
|
|
184
|
-
e.matrix = t, e.deg =
|
|
190
|
+
e.matrix = t, e.deg = i, e.hd = n, e.vd = a;
|
|
185
191
|
}
|
|
186
|
-
function z(e, l, n,
|
|
187
|
-
let
|
|
188
|
-
const [g, t,
|
|
189
|
-
if (e == !0 && (
|
|
190
|
-
let
|
|
191
|
-
for (let q = 0; q < Math.abs(
|
|
192
|
-
if (
|
|
193
|
-
let
|
|
194
|
-
|
|
192
|
+
function z(e, l, n, a) {
|
|
193
|
+
let i = JSON.parse(JSON.stringify(a));
|
|
194
|
+
const [g, t, u, w] = a;
|
|
195
|
+
if (e == !0 && (i[0] = i[0] == 0 - u ? 0 : 0 - u), l == !0 && (i[1] = i[1] == 0 - w ? 0 : 0 - w), n) {
|
|
196
|
+
let ae = n / 90 % 4;
|
|
197
|
+
for (let q = 0; q < Math.abs(ae); q++)
|
|
198
|
+
if (i[2] = w, i[3] = u, n > 0) {
|
|
199
|
+
let P = i[1];
|
|
200
|
+
i[1] = i[0] == 0 - u ? 0 : 0 - u, i[0] = P;
|
|
195
201
|
} else {
|
|
196
|
-
let
|
|
197
|
-
|
|
202
|
+
let P = i[1];
|
|
203
|
+
i[1] = i[0], i[0] = P == 0 - w ? 0 : 0 - w;
|
|
198
204
|
}
|
|
199
205
|
}
|
|
200
|
-
return
|
|
206
|
+
return i;
|
|
201
207
|
}
|
|
202
208
|
const le = (e) => {
|
|
203
|
-
|
|
209
|
+
s.value.push(e);
|
|
204
210
|
}, T = (e) => {
|
|
205
|
-
|
|
211
|
+
s.value.indexOf(e) != -1 && s.value.splice(s.value.indexOf(e), 1);
|
|
206
212
|
}, V = () => {
|
|
207
|
-
(
|
|
213
|
+
(s.value.length == 0 || s.value.every((e) => e.status == "success")) && R("update:modelValue", Array.isArray(d.modelValue) ? s.value : W(s.value));
|
|
208
214
|
};
|
|
209
215
|
function ne(e, l, n) {
|
|
210
216
|
l.url = l.response.fileName, V();
|
|
211
217
|
}
|
|
212
|
-
return I(() =>
|
|
218
|
+
return I(() => d.modelValue, (e) => {
|
|
213
219
|
if (e)
|
|
214
220
|
M.init(e);
|
|
215
221
|
else
|
|
216
|
-
return
|
|
217
|
-
}, { deep: !0, immediate: !0 }), I(() =>
|
|
222
|
+
return s.value = [];
|
|
223
|
+
}, { deep: !0, immediate: !0 }), I(() => s.value.length, () => {
|
|
218
224
|
console.log("imageupload filelist changed....."), V();
|
|
219
225
|
}), $({
|
|
220
226
|
pushFile: le,
|
|
221
227
|
removeFile: T
|
|
222
228
|
}), (e, l) => {
|
|
223
|
-
const n =
|
|
229
|
+
const n = U("el-icon"), a = U("el-upload"), i = U("sy-svg-icon"), g = U("sy-image-view");
|
|
224
230
|
return r(), c("div", me, [
|
|
225
231
|
f("div", pe, [
|
|
226
|
-
v(
|
|
227
|
-
multiple:
|
|
232
|
+
v(a, ue({
|
|
233
|
+
multiple: o.multipleSelect,
|
|
228
234
|
ref: "imageUpload",
|
|
229
235
|
"show-file-list": !1,
|
|
230
|
-
"file-list":
|
|
231
|
-
"onUpdate:fileList": l[0] || (l[0] = (t) =>
|
|
236
|
+
"file-list": s.value,
|
|
237
|
+
"onUpdate:fileList": l[0] || (l[0] = (t) => s.value = t),
|
|
232
238
|
"http-request": y(M).onHttpRequest,
|
|
233
239
|
"list-type": "picture-card",
|
|
234
|
-
limit:
|
|
240
|
+
limit: o.limit,
|
|
235
241
|
"on-success": ne,
|
|
236
242
|
"on-change": y(M).onChange,
|
|
237
243
|
"before-upload": y(M).onBeforeUpload,
|
|
238
244
|
"on-error": Q,
|
|
239
245
|
"on-exceed": K,
|
|
240
|
-
class: { hidden:
|
|
241
|
-
style: "width:" + (
|
|
242
|
-
}, y(
|
|
246
|
+
class: { hidden: s.value.length >= o.limit, disabled: o.disabled },
|
|
247
|
+
style: "width:" + (s.value.length >= o.limit ? "auto" : o.size.width) + ";height:" + (s.value.length >= o.limit ? "auto" : o.size.height) + ";"
|
|
248
|
+
}, y(_), {
|
|
243
249
|
onDragenter: X,
|
|
244
250
|
onDragover: Z,
|
|
245
251
|
onDrop: ee,
|
|
246
252
|
"auto-upload": !0,
|
|
247
|
-
disabled:
|
|
253
|
+
disabled: o.disabled
|
|
248
254
|
}), {
|
|
249
255
|
default: N(() => [
|
|
250
256
|
f("div", {
|
|
251
|
-
style: O([{ "background-position": "center", "background-repeat": "no-repeat", width: "100%", height: "100%", display: "flex", "justify-content": "center", "align-items": "center" },
|
|
257
|
+
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 + ");" : ""])
|
|
252
258
|
}, [
|
|
253
|
-
!
|
|
259
|
+
!o.defaultBg || o.defaultBg == "" ? (r(), E(n, {
|
|
254
260
|
key: 0,
|
|
255
261
|
class: "avatar-uploader-icon"
|
|
256
262
|
}, {
|
|
@@ -263,17 +269,17 @@ const me = { class: "component-upload-image" }, pe = { style: { display: "flex",
|
|
|
263
269
|
]),
|
|
264
270
|
_: 1
|
|
265
271
|
}, 16, ["multiple", "file-list", "http-request", "limit", "on-change", "before-upload", "class", "style", "disabled"]),
|
|
266
|
-
|
|
272
|
+
s.value.length > 0 ? (r(), c("div", {
|
|
267
273
|
key: 0,
|
|
268
|
-
class: ce(["flex flex-wrap gap-2", { disabled:
|
|
274
|
+
class: ce(["flex flex-wrap gap-2", { disabled: o.disabled, "ml-2": s.value.length < o.limit }])
|
|
269
275
|
}, [
|
|
270
|
-
(r(!0), c(m, null, fe(
|
|
276
|
+
(r(!0), c(m, null, fe(s.value, (t) => (r(), c("div", {
|
|
271
277
|
key: t.uid,
|
|
272
278
|
class: "el-upload--picture-card",
|
|
273
|
-
style: O("width:" +
|
|
279
|
+
style: O("width:" + o.size.width + ";height:" + o.size.height + ";")
|
|
274
280
|
}, [
|
|
275
281
|
t.status == "ready" || t.status == "uploading" || t.loading ? (r(), c("div", ye, [
|
|
276
|
-
v(
|
|
282
|
+
v(i, {
|
|
277
283
|
"class-name": "icon-down",
|
|
278
284
|
"icon-class": "down"
|
|
279
285
|
}),
|
|
@@ -292,11 +298,11 @@ const me = { class: "component-upload-image" }, pe = { style: { display: "flex",
|
|
|
292
298
|
t.status == "success" && !t.loading ? (r(), c(m, { key: 1 }, [
|
|
293
299
|
t.loadError ? h("", !0) : (r(), c("div", {
|
|
294
300
|
key: 0,
|
|
295
|
-
onClick: (
|
|
301
|
+
onClick: (u) => ie(t),
|
|
296
302
|
class: "w-full h-full relative rounded overflow-hidden file-item"
|
|
297
303
|
}, [
|
|
298
304
|
f("div", ke, [
|
|
299
|
-
|
|
305
|
+
o.view == "img" ? (r(), c("img", {
|
|
300
306
|
key: 0,
|
|
301
307
|
style: { width: "100%" },
|
|
302
308
|
src: t.objUrl,
|
|
@@ -320,56 +326,56 @@ const me = { class: "component-upload-image" }, pe = { style: { display: "flex",
|
|
|
320
326
|
y: "0",
|
|
321
327
|
width: t.width,
|
|
322
328
|
height: t.height
|
|
323
|
-
}, null, 8,
|
|
324
|
-
], 8,
|
|
329
|
+
}, null, 8, Be)
|
|
330
|
+
], 8, Ue)
|
|
325
331
|
], 8, be))
|
|
326
332
|
]),
|
|
327
333
|
f("div", je, [
|
|
328
334
|
f("div", Ce, [
|
|
329
|
-
|
|
330
|
-
v(
|
|
335
|
+
B(f("div", Se, [
|
|
336
|
+
v(i, {
|
|
331
337
|
"class-name": "icon-photo",
|
|
332
338
|
"icon-class": "right-arrow",
|
|
333
|
-
onClick: j((
|
|
339
|
+
onClick: j((u) => te(t), ["stop"])
|
|
334
340
|
}, null, 8, ["onClick"])
|
|
335
341
|
], 512), [
|
|
336
|
-
[C,
|
|
342
|
+
[C, o.operations.back]
|
|
337
343
|
]),
|
|
338
|
-
|
|
339
|
-
v(
|
|
344
|
+
B(f("div", Fe, [
|
|
345
|
+
v(i, {
|
|
340
346
|
"class-name": "icon-photo ",
|
|
341
347
|
"icon-class": "close",
|
|
342
|
-
onClick: j((
|
|
348
|
+
onClick: j((u) => oe(t), ["stop"])
|
|
343
349
|
}, null, 8, ["onClick"])
|
|
344
350
|
], 512), [
|
|
345
|
-
[C, !
|
|
351
|
+
[C, !o.operations.back]
|
|
346
352
|
])
|
|
347
353
|
]),
|
|
348
|
-
f("div",
|
|
349
|
-
|
|
350
|
-
v(
|
|
354
|
+
f("div", Pe, [
|
|
355
|
+
B(f("div", De, [
|
|
356
|
+
v(i, {
|
|
351
357
|
"class-name": "icon-photo",
|
|
352
358
|
"icon-class": "right-arrow",
|
|
353
|
-
onClick: j((
|
|
359
|
+
onClick: j((u) => D(t, "rotateleft"), ["stop"])
|
|
354
360
|
}, null, 8, ["onClick"])
|
|
355
361
|
], 512), [
|
|
356
|
-
[C,
|
|
362
|
+
[C, o.operations.rotateLeft]
|
|
357
363
|
]),
|
|
358
|
-
|
|
359
|
-
v(
|
|
364
|
+
B(f("div", ze, [
|
|
365
|
+
v(i, {
|
|
360
366
|
"class-name": "icon-photo",
|
|
361
367
|
"icon-class": "right-arrow",
|
|
362
|
-
onClick: j((
|
|
368
|
+
onClick: j((u) => D(t, "rotateright"), ["stop"])
|
|
363
369
|
}, null, 8, ["onClick"])
|
|
364
370
|
], 512), [
|
|
365
|
-
[C,
|
|
371
|
+
[C, o.operations.rotateRight]
|
|
366
372
|
])
|
|
367
373
|
])
|
|
368
374
|
])
|
|
369
375
|
], 8, xe)),
|
|
370
376
|
t.loadError ? (r(), c("div", {
|
|
371
377
|
key: 1,
|
|
372
|
-
onClick: (
|
|
378
|
+
onClick: (u) => {
|
|
373
379
|
t.loadError = !1, y(Y)(t);
|
|
374
380
|
},
|
|
375
381
|
class: "w-full h-full relative rounded overflow-hidden file-item"
|
|
@@ -382,25 +388,25 @@ const me = { class: "component-upload-image" }, pe = { style: { display: "flex",
|
|
|
382
388
|
]),
|
|
383
389
|
J.value ? (r(), c("div", Ve, [
|
|
384
390
|
l[4] || (l[4] = p(" 请上传 ")),
|
|
385
|
-
|
|
391
|
+
o.fileMaxSize ? (r(), c(m, { key: 0 }, [
|
|
386
392
|
l[2] || (l[2] = p(" 大小不超过 ")),
|
|
387
|
-
f("b", qe, k(
|
|
393
|
+
f("b", qe, k(o.fileMaxSize) + "MB", 1)
|
|
388
394
|
], 64)) : h("", !0),
|
|
389
|
-
|
|
395
|
+
o.fileType ? (r(), c(m, { key: 1 }, [
|
|
390
396
|
l[3] || (l[3] = p(" 格式为 ")),
|
|
391
|
-
f("b", Ie, k(
|
|
397
|
+
f("b", Ie, k(o.fileType.join("/")), 1)
|
|
392
398
|
], 64)) : h("", !0),
|
|
393
399
|
l[5] || (l[5] = p(" 的文件 "))
|
|
394
400
|
])) : h("", !0),
|
|
395
401
|
S.value ? (r(), E(g, {
|
|
396
402
|
key: 1,
|
|
397
|
-
urls:
|
|
403
|
+
urls: F.value,
|
|
398
404
|
onClose: G
|
|
399
405
|
}, null, 8, ["urls"])) : h("", !0)
|
|
400
406
|
]);
|
|
401
407
|
};
|
|
402
408
|
}
|
|
403
|
-
},
|
|
409
|
+
}, _e = /* @__PURE__ */ ve(Ee, [["__scopeId", "data-v-bffbac1a"]]);
|
|
404
410
|
export {
|
|
405
|
-
|
|
411
|
+
_e as default
|
|
406
412
|
};
|
|
@@ -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-H7hJuW8u.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;
|
|
@@ -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-9ofPMlvx.js"), "./libs/panels/settings.vue": () => import("./settings-tWhOaVm4.js"), "./libs/panels/widgets.vue": () => import("./widgets-DpTPhRWQ.js") }), Er = /* @__PURE__ */ Object.assign({ "./libs/designer.vue": () => import("./designer-C_bJfFMh.js") }), go = /* @__PURE__ */ Object.assign({ "./libs/extensions/file-upload/index.vue": () => import("./index-BZJ5XSlR.js"), "./libs/extensions/image-view/index.vue": () => import("./index-DWYaW2hS.js"), "./libs/extensions/picture-upload/index.vue": () => import("./index-C2B5pQX5.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-bcf7ad59] .hide .el-upload--picture-card{display:none}[data-v-bcf7ad59] .disabled .el-upload--picture-card{@apply border-0;}[data-v-bcf7ad59] .el-upload--picture-card{background-color:var(--el-fill-color-light);@apply h-full w-full;}.ml-2[data-v-bcf7ad59]{margin-left:4px}.component-upload-image[data-v-bcf7ad59]{display:flex;flex-direction:column}.over[data-v-bcf7ad59]{border-color:var(--el-color-primary)!important}.photo-operations[data-v-bcf7ad59]{@apply hidden;}.file-item:hover .photo-operations[data-v-bcf7ad59]{display:block}.icon-photo[data-v-bcf7ad59]{width:1.5rem;height:1.5rem}.icon-down[data-v-bcf7ad59]{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-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}
|
package/index.js
CHANGED