tree-upload-vue3 1.1.1 → 1.1.2
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.schema-tree[data-v-
|
|
1
|
+
.schema-tree[data-v-168ea845]{height:100%;position:relative;display:flex;flex-direction:column}.tree-toolbar[data-v-168ea845]{padding:8px;border-bottom:1px solid var(--el-border-color-lighter);display:flex;gap:8px}.custom-tree-node[data-v-168ea845]{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:14px;padding-right:8px}.custom-tree-node .actions[data-v-168ea845]{display:none}.custom-tree-node:hover .actions[data-v-168ea845]{display:inline-flex}.context-menu[data-v-168ea845]{position:fixed;z-index:1000;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color);box-shadow:var(--el-box-shadow-light);border-radius:4px;padding:5px 0;min-width:120px}.context-menu-item[data-v-168ea845]{padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--el-text-color-regular)}.context-menu-item[data-v-168ea845]:hover{background-color:var(--el-fill-color-light);color:var(--el-color-primary)}.node-label[data-v-168ea845]{display:flex;align-items:center}.required-star[data-v-168ea845]{color:var(--el-color-danger);margin-right:4px;font-weight:700}.schema-upload[data-v-322cb598]{width:100%}.schema-table[data-v-e3496cb9]{height:100%;display:flex;flex-direction:column}.table-toolbar[data-v-e3496cb9]{margin-bottom:12px}.pagination-wrapper[data-v-e3496cb9]{margin-top:12px;display:flex;justify-content:flex-end}.schema-template[data-v-ea09f00e]{margin-bottom:12px;background-color:var(--el-fill-color-light);padding:8px 12px;border-radius:4px;border:1px solid var(--el-border-color-light)}.template-container[data-v-ea09f00e]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.label[data-v-ea09f00e]{font-size:13px;color:var(--el-text-color-secondary);white-space:nowrap}.tags-wrapper[data-v-ea09f00e]{display:flex;flex-wrap:wrap;gap:8px}.template-tag[data-v-ea09f00e]{cursor:pointer;border:none;background-color:var(--el-bg-color);transition:all .2s}.template-tag[data-v-ea09f00e]:hover{color:var(--el-color-primary);transform:translateY(-1px);box-shadow:var(--el-box-shadow-lighter)}.tag-content[data-v-ea09f00e]{display:flex;align-items:center;gap:4px}.tpl-name[data-v-ea09f00e]{line-height:1}.preview-content[data-v-6a6a8acf]{height:100%;min-height:500px;display:flex;flex-direction:column}.custom-header[data-v-6a6a8acf]{display:flex;justify-content:space-between;align-items:center;padding-right:0}.header-controls[data-v-6a6a8acf]{display:flex;align-items:center;gap:8px}.tree-upload-container[data-v-1ad270d1]{display:flex;height:100%;border:1px solid var(--el-border-color);background:var(--el-bg-color)}.tree-pane[data-v-1ad270d1]{border-right:1px solid var(--el-border-color);height:100%;overflow-y:auto;padding:10px;box-sizing:border-box;flex-shrink:0}.resize-handle[data-v-1ad270d1]{width:5px;height:100%;cursor:col-resize;background-color:transparent;margin-left:-3px;z-index:10;position:relative;transition:background-color .2s}.resize-handle[data-v-1ad270d1]:hover,.resize-handle[data-v-1ad270d1]:active{background-color:var(--el-color-primary);opacity:.5}.content-pane[data-v-1ad270d1]{flex:1;display:flex;flex-direction:column;padding:16px;overflow:hidden}.top-section[data-v-1ad270d1]{margin-bottom:16px}.table-section[data-v-1ad270d1]{flex:1;overflow:hidden}
|
|
@@ -24,7 +24,7 @@ function ze(e, S) {
|
|
|
24
24
|
const Ne = { class: "schema-tree" }, Te = {
|
|
25
25
|
key: 0,
|
|
26
26
|
class: "tree-toolbar"
|
|
27
|
-
}, Ve = { class: "custom-tree-node" },
|
|
27
|
+
}, Ve = { class: "custom-tree-node" }, Ue = { class: "node-label" }, De = {
|
|
28
28
|
key: 0,
|
|
29
29
|
class: "required-star"
|
|
30
30
|
}, Ie = {
|
|
@@ -43,15 +43,15 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
43
43
|
a = JSON.parse(JSON.stringify(l.schema.dataSource.data));
|
|
44
44
|
else
|
|
45
45
|
return [];
|
|
46
|
-
return l.schema.
|
|
46
|
+
return l.schema.parentIdKey ? ze(a, {
|
|
47
47
|
id: l.schema.nodeKey || "id",
|
|
48
|
-
pId: l.schema.parentIdKey
|
|
48
|
+
pId: l.schema.parentIdKey,
|
|
49
49
|
children: l.schema.childrenKey || "children"
|
|
50
50
|
}) : a;
|
|
51
|
-
}),
|
|
51
|
+
}), D = {
|
|
52
52
|
label: l.schema.labelKey || "label",
|
|
53
53
|
children: l.schema.childrenKey || "children"
|
|
54
|
-
}, M = V(() => l.schema.actions?.filter((a) => a.position === "toolbar") || []), I = V(() => l.schema.actions?.filter((a) => a.position === "node") || []), A = V(() => l.schema.actions?.filter((a) => a.position === "contextMenu") || []),
|
|
54
|
+
}, M = V(() => l.schema.actions?.filter((a) => a.position === "toolbar") || []), I = V(() => l.schema.actions?.filter((a) => a.position === "node") || []), A = V(() => l.schema.actions?.filter((a) => a.position === "contextMenu") || []), U = (a) => {
|
|
55
55
|
n.value = !1, i("node-click", a);
|
|
56
56
|
}, E = (a, h) => {
|
|
57
57
|
A.value.length !== 0 && (a.preventDefault(), n.value = !0, v.value = { x: a.clientX, y: a.clientY }, f.value = h);
|
|
@@ -91,17 +91,17 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
91
91
|
ref: p,
|
|
92
92
|
data: C.value,
|
|
93
93
|
"node-key": e.schema.nodeKey || "id",
|
|
94
|
-
props:
|
|
94
|
+
props: D,
|
|
95
95
|
"default-expand-all": e.schema.ui?.defaultExpandAll,
|
|
96
96
|
"highlight-current": e.schema.ui?.highlightCurrent,
|
|
97
97
|
"expand-on-click-node": !1,
|
|
98
|
-
onNodeClick:
|
|
98
|
+
onNodeClick: U,
|
|
99
99
|
onNodeContextmenu: E
|
|
100
100
|
}, {
|
|
101
101
|
default: m(({ node: w, data: d }) => [
|
|
102
102
|
N("span", Ve, [
|
|
103
|
-
N("span",
|
|
104
|
-
d.required || d.minCount && d.minCount > 0 ? (s(), g("span",
|
|
103
|
+
N("span", Ue, [
|
|
104
|
+
d.required || d.minCount && d.minCount > 0 ? (s(), g("span", De, "*")) : x("", !0),
|
|
105
105
|
j(" " + R(w.label), 1)
|
|
106
106
|
]),
|
|
107
107
|
I.value.length ? (s(), g("span", Ie, [
|
|
@@ -162,7 +162,7 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
162
162
|
for (const [i, p] of S)
|
|
163
163
|
l[i] = p;
|
|
164
164
|
return l;
|
|
165
|
-
}, Ae = /* @__PURE__ */ Y(Me, [["__scopeId", "data-v-
|
|
165
|
+
}, Ae = /* @__PURE__ */ Y(Me, [["__scopeId", "data-v-168ea845"]]), Ee = {
|
|
166
166
|
key: 0,
|
|
167
167
|
class: "schema-upload"
|
|
168
168
|
}, Pe = { class: "el-upload__text" }, Be = { class: "el-upload__tip" }, Re = /* @__PURE__ */ X({
|
|
@@ -206,7 +206,7 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
206
206
|
if (n.value.limit === void 0) return 1 / 0;
|
|
207
207
|
const r = l.fileCount || 0;
|
|
208
208
|
return Math.max(0, n.value.limit - r);
|
|
209
|
-
}), f = V(() => !!(l.disabled || n.value.limit !== void 0 && v.value <= 0)), C = V(() => l.schema.headers || {}),
|
|
209
|
+
}), f = V(() => !!(l.disabled || n.value.limit !== void 0 && v.value <= 0)), C = V(() => l.schema.headers || {}), D = V(() => {
|
|
210
210
|
const r = l.schema.data || {}, t = {};
|
|
211
211
|
for (const a in r) {
|
|
212
212
|
const h = r[a];
|
|
@@ -230,7 +230,7 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
230
230
|
return t && r.size > t ? (H.error(`文件大小不能超过 ${(t / 1024 / 1024).toFixed(1)}MB!`), !1) : (i("upload-before", { file: r, context: p }), !0);
|
|
231
231
|
}, A = () => {
|
|
232
232
|
H.warning(`当前限制选择 ${n.value.limit} 个文件，还能上传 ${v.value} 个`);
|
|
233
|
-
},
|
|
233
|
+
}, U = (r) => {
|
|
234
234
|
i("upload-success", r);
|
|
235
235
|
}, E = (r) => {
|
|
236
236
|
i("upload-error", r);
|
|
@@ -243,7 +243,7 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
243
243
|
action: e.schema.action,
|
|
244
244
|
method: e.schema.method || "post",
|
|
245
245
|
headers: C.value,
|
|
246
|
-
data:
|
|
246
|
+
data: D.value,
|
|
247
247
|
multiple: n.value.multiple,
|
|
248
248
|
drag: n.value.drag,
|
|
249
249
|
accept: n.value.accept,
|
|
@@ -253,7 +253,7 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
253
253
|
"show-file-list": e.schema.ui?.showFileList,
|
|
254
254
|
"before-upload": I,
|
|
255
255
|
"on-exceed": A,
|
|
256
|
-
onSuccess:
|
|
256
|
+
onSuccess: U,
|
|
257
257
|
onError: E
|
|
258
258
|
}, ge({
|
|
259
259
|
default: m(() => [
|
|
@@ -306,9 +306,9 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
306
306
|
},
|
|
307
307
|
emits: ["action", "refresh", "delete-before", "delete-after"],
|
|
308
308
|
setup(e, { emit: S }) {
|
|
309
|
-
const l = e, i = S, p = se("schemaContext", {}), n = $(!1), v = $(1), f = $(l.schema.ui?.pagination?.pageSize || 20), C = $(0),
|
|
309
|
+
const l = e, i = S, p = se("schemaContext", {}), n = $(!1), v = $(1), f = $(l.schema.ui?.pagination?.pageSize || 20), C = $(0), D = $([]), M = V(() => {
|
|
310
310
|
let t = [];
|
|
311
|
-
return l.files ? t = l.files : l.schema.dataSource.type === "static" ? t = l.schema.dataSource.data : t =
|
|
311
|
+
return l.files ? t = l.files : l.schema.dataSource.type === "static" ? t = l.schema.dataSource.data : t = D.value, (l.schema.dataSource.type === "static" || l.files) && (C.value = t.length), t;
|
|
312
312
|
}), I = (t, a) => {
|
|
313
313
|
if (!a) return t;
|
|
314
314
|
if (a === "fileSize") {
|
|
@@ -318,7 +318,7 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
318
318
|
return t;
|
|
319
319
|
}, A = (t, a) => {
|
|
320
320
|
t.confirm && !confirm(t.confirm.message || "确定吗?") || (t.key === "delete" && i("delete-before", a), i("action", t.key, a), t.key === "delete" && i("delete-after", a));
|
|
321
|
-
},
|
|
321
|
+
}, U = async () => {
|
|
322
322
|
if (l.schema.dataSource.type === "api") {
|
|
323
323
|
n.value = !0;
|
|
324
324
|
try {
|
|
@@ -334,12 +334,12 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
334
334
|
}
|
|
335
335
|
}
|
|
336
336
|
}, E = (t) => {
|
|
337
|
-
f.value = t,
|
|
337
|
+
f.value = t, U();
|
|
338
338
|
}, r = (t) => {
|
|
339
|
-
v.value = t,
|
|
339
|
+
v.value = t, U();
|
|
340
340
|
};
|
|
341
341
|
return ae(() => p.variables?.currentNode, (t) => {
|
|
342
|
-
t && l.schema.dataSource.type === "api" &&
|
|
342
|
+
t && l.schema.dataSource.type === "api" && U();
|
|
343
343
|
}, { deep: !0 }), (t, a) => {
|
|
344
344
|
const h = y("el-icon"), F = y("el-button"), P = y("el-table-column"), O = y("el-table"), L = y("el-pagination"), w = _e("loading");
|
|
345
345
|
return s(), g("div", qe, [
|
|
@@ -490,12 +490,12 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
490
490
|
return ae(() => l.schema.fullscreen, (f) => {
|
|
491
491
|
f !== void 0 && (p.value = f);
|
|
492
492
|
}, { immediate: !0 }), (f, C) => {
|
|
493
|
-
const
|
|
493
|
+
const D = y("el-icon"), M = y("el-button"), I = y("el-dialog"), A = y("el-drawer");
|
|
494
494
|
return n.value ? (s(), g("div", et, [
|
|
495
495
|
e.schema.mode === "dialog" ? (s(), b(I, {
|
|
496
496
|
key: 0,
|
|
497
497
|
modelValue: n.value,
|
|
498
|
-
"onUpdate:modelValue": C[0] || (C[0] = (
|
|
498
|
+
"onUpdate:modelValue": C[0] || (C[0] = (U) => n.value = U),
|
|
499
499
|
width: e.schema.width,
|
|
500
500
|
fullscreen: p.value || e.schema.fullscreen,
|
|
501
501
|
draggable: "",
|
|
@@ -504,7 +504,7 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
504
504
|
class: "preview-dialog",
|
|
505
505
|
"show-close": !1
|
|
506
506
|
}, {
|
|
507
|
-
header: m(({ close:
|
|
507
|
+
header: m(({ close: U, titleId: E, titleClass: r }) => [
|
|
508
508
|
N("div", tt, [
|
|
509
509
|
N("span", {
|
|
510
510
|
id: E,
|
|
@@ -516,7 +516,7 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
516
516
|
onClick: v
|
|
517
517
|
}, {
|
|
518
518
|
default: m(() => [
|
|
519
|
-
k(
|
|
519
|
+
k(D, null, {
|
|
520
520
|
default: m(() => [
|
|
521
521
|
(s(), b(G(p.value ? "CopyDocument" : "FullScreen")))
|
|
522
522
|
]),
|
|
@@ -527,10 +527,10 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
527
527
|
}),
|
|
528
528
|
k(M, {
|
|
529
529
|
link: "",
|
|
530
|
-
onClick:
|
|
530
|
+
onClick: U
|
|
531
531
|
}, {
|
|
532
532
|
default: m(() => [
|
|
533
|
-
k(
|
|
533
|
+
k(D, null, {
|
|
534
534
|
default: m(() => [
|
|
535
535
|
k(Z(we))
|
|
536
536
|
]),
|
|
@@ -556,7 +556,7 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
556
556
|
}, 8, ["modelValue", "width", "fullscreen"])) : (s(), b(A, {
|
|
557
557
|
key: 1,
|
|
558
558
|
modelValue: n.value,
|
|
559
|
-
"onUpdate:modelValue": C[1] || (C[1] = (
|
|
559
|
+
"onUpdate:modelValue": C[1] || (C[1] = (U) => n.value = U),
|
|
560
560
|
title: e.schema.dialogTitle || "预览",
|
|
561
561
|
size: e.schema.width,
|
|
562
562
|
"destroy-on-close": "",
|
|
@@ -594,7 +594,7 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
594
594
|
"delete-after"
|
|
595
595
|
],
|
|
596
596
|
setup(e, { expose: S, emit: l }) {
|
|
597
|
-
const i = e, p = l, n = $(null), v = $([]), f = $(!1), C = $(null),
|
|
597
|
+
const i = e, p = l, n = $(null), v = $([]), f = $(!1), C = $(null), D = $(!1), M = $("addRoot"), I = le({ label: "" }), A = $(), U = $(null), E = le({
|
|
598
598
|
variables: {
|
|
599
599
|
...i.schema.context?.variables,
|
|
600
600
|
currentNode: void 0,
|
|
@@ -662,14 +662,14 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
662
662
|
u(z) && n.value?.id === c.id && (n.value = null);
|
|
663
663
|
return;
|
|
664
664
|
}
|
|
665
|
-
(o === "addRoot" || o === "addChild" || o === "addSibling" || o === "edit") && (M.value = o,
|
|
665
|
+
(o === "addRoot" || o === "addChild" || o === "addSibling" || o === "edit") && (M.value = o, U.value = c, I.label = o === "edit" && c ? c.label : "", D.value = !0, Ce(() => {
|
|
666
666
|
A.value?.clearValidate();
|
|
667
667
|
}));
|
|
668
668
|
}, ce = () => {
|
|
669
669
|
A.value?.validate((o) => {
|
|
670
670
|
if (!o || i.schema.tree.dataSource.type !== "static")
|
|
671
671
|
return;
|
|
672
|
-
const c = i.schema.tree.dataSource.data, z = I.label, u = M.value, _ =
|
|
672
|
+
const c = i.schema.tree.dataSource.data, z = I.label, u = M.value, _ = U.value;
|
|
673
673
|
if (u === "addRoot")
|
|
674
674
|
c.push({ id: String(Date.now()), label: z, children: [] });
|
|
675
675
|
else if (u === "addChild")
|
|
@@ -687,7 +687,7 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
687
687
|
q(c);
|
|
688
688
|
}
|
|
689
689
|
} else u === "edit" && _ && (_.label = z);
|
|
690
|
-
|
|
690
|
+
D.value = !1;
|
|
691
691
|
});
|
|
692
692
|
}, re = (o) => {
|
|
693
693
|
if (console.log("上传成功:", o), p("upload-success", o), i.schema.table.dataSource.type === "static" && n.value) {
|
|
@@ -776,8 +776,8 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
776
776
|
file: C.value
|
|
777
777
|
}, null, 8, ["modelValue", "schema", "file"])) : x("", !0),
|
|
778
778
|
k(B, {
|
|
779
|
-
modelValue:
|
|
780
|
-
"onUpdate:modelValue": c[3] || (c[3] = (K) =>
|
|
779
|
+
modelValue: D.value,
|
|
780
|
+
"onUpdate:modelValue": c[3] || (c[3] = (K) => D.value = K),
|
|
781
781
|
title: d.value,
|
|
782
782
|
width: "400px",
|
|
783
783
|
"append-to-body": "",
|
|
@@ -786,7 +786,7 @@ const Ne = { class: "schema-tree" }, Te = {
|
|
|
786
786
|
footer: m(() => [
|
|
787
787
|
N("span", mt, [
|
|
788
788
|
k(q, {
|
|
789
|
-
onClick: c[2] || (c[2] = (K) =>
|
|
789
|
+
onClick: c[2] || (c[2] = (K) => D.value = !1)
|
|
790
790
|
}, {
|
|
791
791
|
default: m(() => [...c[4] || (c[4] = [
|
|
792
792
|
j("取消", -1)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(D,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("@element-plus/icons-vue"),require("file-preview-vue3-ts")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","@element-plus/icons-vue","file-preview-vue3-ts"],e):(D=typeof globalThis<"u"?globalThis:D||self,e(D.TreeUploadVue3={},D.Vue,D.ElementPlus,D.ElementPlusIconsVue,D.FilePreviewVue3Ts))})(this,(function(D,e,L,q,j){"use strict";function P(t,C,n){return C.permissions?C.permissions.default?.[t]!==!1:!0}function K(t,C){if(!t)return t;let n=t;const r=C.variables||{};return r.currentNode&&(n=n.replace(/\$currentNode\.id/g,String(r.currentNode.id)),n=n.replace(/\$currentNode\.label/g,r.currentNode.label)),n}function W(t,C){const{id:n,pId:r,children:f}=C,a=new Map,h=[];for(const p of t)p[f]=p[f]||[],a.set(p[n],p);for(const p of t){const y=p[r];y&&a.has(y)?a.get(y)[f].push(p):h.push(p)}return h}const J={class:"schema-tree"},X={key:0,class:"tree-toolbar"},Y={class:"custom-tree-node"},G={class:"node-label"},H={key:0,class:"required-star"},Q={key:0,class:"actions"},Z=["onClick"],v=e.defineComponent({__name:"SchemaTree",props:{schema:{}},emits:["node-click","action"],setup(t,{emit:C}){const n=t,r=C,f=e.ref(),a=e.ref(!1),h=e.ref({x:0,y:0}),p=e.ref(null),y=e.computed(()=>{let l=[];if(n.schema.dataSource.type==="static")l=JSON.parse(JSON.stringify(n.schema.dataSource.data));else return[];return n.schema.simpleData?W(l,{id:n.schema.nodeKey||"id",pId:n.schema.parentIdKey||"parentId",children:n.schema.childrenKey||"children"}):l}),B={label:n.schema.labelKey||"label",children:n.schema.childrenKey||"children"},w=e.computed(()=>n.schema.actions?.filter(l=>l.position==="toolbar")||[]),N=e.computed(()=>n.schema.actions?.filter(l=>l.position==="node")||[]),S=e.computed(()=>n.schema.actions?.filter(l=>l.position==="contextMenu")||[]),x=l=>{a.value=!1,r("node-click",l)},E=(l,u)=>{S.value.length!==0&&(l.preventDefault(),a.value=!0,h.value={x:l.clientX,y:l.clientY},p.value=u)},s=(l,u)=>{a.value=!1,!(l.confirm&&!confirm(l.confirm.message||"确定吗?"))&&r("action",l.key,u)},o=()=>{a.value=!1};return e.onMounted(()=>{document.addEventListener("click",o)}),e.onUnmounted(()=>{document.removeEventListener("click",o)}),(l,u)=>{const V=e.resolveComponent("el-icon"),$=e.resolveComponent("el-button"),I=e.resolveComponent("el-tooltip"),z=e.resolveComponent("el-tree");return e.openBlock(),e.createElementBlock("div",J,[w.value.length?(e.openBlock(),e.createElementBlock("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,g=>(e.openBlock(),e.createBlock($,{key:g.key,type:"primary",link:"",onClick:m=>s(g,null)},{default:e.withCtx(()=>[g.icon?(e.openBlock(),e.createBlock(V,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.icon)))]),_:2},1024)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(g.label),1)]),_:2},1032,["onClick"]))),128))])):e.createCommentVNode("",!0),e.createVNode(z,{ref_key:"treeRef",ref:f,data:y.value,"node-key":t.schema.nodeKey||"id",props:B,"default-expand-all":t.schema.ui?.defaultExpandAll,"highlight-current":t.schema.ui?.highlightCurrent,"expand-on-click-node":!1,onNodeClick:x,onNodeContextmenu:E},{default:e.withCtx(({node:g,data:m})=>[e.createElementVNode("span",Y,[e.createElementVNode("span",G,[m.required||m.minCount&&m.minCount>0?(e.openBlock(),e.createElementBlock("span",H,"*")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(g.label),1)]),N.value.length?(e.openBlock(),e.createElementBlock("span",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,_=>(e.openBlock(),e.createBlock(I,{key:_.key,content:_.label,placement:"top","show-after":200},{default:e.withCtx(()=>[e.createVNode($,{link:"",type:"primary",onClick:e.withModifiers(R=>s(_,m),["stop"])},{default:e.withCtx(()=>[_.icon?(e.openBlock(),e.createBlock(V,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(_.icon)))]),_:2},1024)):e.createCommentVNode("",!0)]),_:2},1032,["onClick"])]),_:2},1032,["content"]))),128))])):e.createCommentVNode("",!0)])]),_:1},8,["data","node-key","default-expand-all","highlight-current"]),a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"context-menu",style:e.normalizeStyle({left:h.value.x+"px",top:h.value.y+"px"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,g=>(e.openBlock(),e.createElementBlock("div",{key:g.key,class:"context-menu-item",onClick:m=>s(g,p.value)},[g.icon?(e.openBlock(),e.createBlock(V,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.icon)))]),_:2},1024)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(g.label),1)],8,Z))),128))],4)):e.createCommentVNode("",!0)])}}}),M=(t,C)=>{const n=t.__vccOpts||t;for(const[r,f]of C)n[r]=f;return n},ee=M(v,[["__scopeId","data-v-be644ddb"]]),te={key:0,class:"schema-upload"},oe={class:"el-upload__text"},le={class:"el-upload__tip"},ne=M(e.defineComponent({__name:"SchemaUpload",props:{schema:{},disabled:{type:Boolean},fileCount:{}},emits:["upload-success","upload-error","upload-before"],setup(t,{emit:C}){const n=t,r=C,f=e.inject("schemaContext",{}),a=e.computed(()=>{const s=f.variables?.currentNode,o=s?.meta?.upload||{};let l=n.schema.limit;s?.maxCount!==void 0?l=s.maxCount:o.limit!==void 0&&(l=o.limit);let u=o.maxSize;s?.maxSize!==void 0&&(u=s.maxSize);let V=n.schema.accept;s?.accept!==void 0?V=s.accept:o.accept!==void 0&&(V=o.accept);let $=o.minLimit;s?.minCount!==void 0&&($=s.minCount);const I=s?.required||!1,z=n.schema.ui||{},g=o.ui||{},m={...z,...g};return{...n.schema,...o,ui:m,limit:l,maxSize:u,minLimit:$,accept:V,required:I,multiple:o.multiple??n.schema.multiple,drag:o.drag??n.schema.drag,autoUpload:o.autoUpload??n.schema.autoUpload}}),h=e.computed(()=>{if(a.value.limit===void 0)return 1/0;const s=n.fileCount||0;return Math.max(0,a.value.limit-s)}),p=e.computed(()=>!!(n.disabled||a.value.limit!==void 0&&h.value<=0)),y=e.computed(()=>n.schema.headers||{}),B=e.computed(()=>{const s=n.schema.data||{},o={};for(const l in s){const u=s[l];typeof u=="string"?o[l]=K(u,f):o[l]=u}return o}),w=e.computed(()=>{let s=a.value.ui?.tipText||"";const o=[];if(a.value.maxSize){const l=(a.value.maxSize/1024/1024).toFixed(1);o.push(`大小限制 ${l}MB`)}if(a.value.limit){const l=n.fileCount||0;o.push(`数量限制 ${a.value.limit}个 (已上传 ${l})`)}return a.value.minLimit?o.push(`最少 ${a.value.minLimit}个`):a.value.required&&o.push("必填"),a.value.accept&&o.push(`格式 ${a.value.accept}`),o.length?`${s} (${o.join(", ")})`:s}),N=s=>{const o=a.value.maxSize;return o&&s.size>o?(L.ElMessage.error(`文件大小不能超过 ${(o/1024/1024).toFixed(1)}MB!`),!1):(r("upload-before",{file:s,context:f}),!0)},S=()=>{L.ElMessage.warning(`当前限制选择 ${a.value.limit} 个文件，还能上传 ${h.value} 个`)},x=s=>{r("upload-success",s)},E=s=>{r("upload-error",s)};return(s,o)=>{const l=e.resolveComponent("upload-filled"),u=e.resolveComponent("el-icon"),V=e.resolveComponent("el-button"),$=e.resolveComponent("el-upload");return t.schema.enabled?(e.openBlock(),e.createElementBlock("div",te,[e.createVNode($,{class:"upload-demo",action:t.schema.action,method:t.schema.method||"post",headers:y.value,data:B.value,multiple:a.value.multiple,drag:a.value.drag,accept:a.value.accept,limit:h.value,"auto-upload":a.value.autoUpload!==!1,disabled:p.value,"show-file-list":t.schema.ui?.showFileList,"before-upload":N,"on-exceed":S,onSuccess:x,onError:E},e.createSlots({default:e.withCtx(()=>[a.value.drag?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(u,{class:"el-icon--upload"},{default:e.withCtx(()=>[e.createVNode(l)]),_:1}),e.createElementVNode("div",oe,e.toDisplayString(t.schema.ui?.buttonText||"将文件拖到此处，或点击上传"),1)],64)):e.createCommentVNode("",!0)]),_:2},[a.value.drag?void 0:{name:"trigger",fn:e.withCtx(()=>[e.createVNode(V,{type:"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.schema.ui?.buttonText||"点击上传"),1)]),_:1})]),key:"0"},t.schema.ui?.showTip?{name:"tip",fn:e.withCtx(()=>[e.createElementVNode("div",le,e.toDisplayString(w.value),1)]),key:"1"}:void 0]),1032,["action","method","headers","data","multiple","drag","accept","limit","auto-upload","disabled","show-file-list"])])):e.createCommentVNode("",!0)}}}),[["__scopeId","data-v-322cb598"]]),ae={class:"schema-table"},ce={key:0,class:"table-toolbar"},re={key:1,class:"pagination-wrapper"},ie=M(e.defineComponent({__name:"SchemaTable",props:{schema:{},files:{}},emits:["action","refresh","delete-before","delete-after"],setup(t,{emit:C}){const n=t,r=C,f=e.inject("schemaContext",{}),a=e.ref(!1),h=e.ref(1),p=e.ref(n.schema.ui?.pagination?.pageSize||20),y=e.ref(0),B=e.ref([]),w=e.computed(()=>{let o=[];return n.files?o=n.files:n.schema.dataSource.type==="static"?o=n.schema.dataSource.data:o=B.value,(n.schema.dataSource.type==="static"||n.files)&&(y.value=o.length),o}),N=(o,l)=>{if(!l)return o;if(l==="fileSize"){const u=Number(o);return isNaN(u)?o:u<1024?u+" B":u<1024*1024?(u/1024).toFixed(2)+" KB":(u/1024/1024).toFixed(2)+" MB"}return o},S=(o,l)=>{o.confirm&&!confirm(o.confirm.message||"确定吗?")||(o.key==="delete"&&r("delete-before",l),r("action",o.key,l),o.key==="delete"&&r("delete-after",l))},x=async()=>{if(n.schema.dataSource.type==="api"){a.value=!0;try{const o=n.schema.dataSource,l={...o.params};n.schema.ui?.pagination?.enabled&&(l.page=h.value,l.pageSize=p.value);for(const u in l)typeof l[u]=="string"&&(l[u]=K(l[u],f));console.log("Fetching Table Data:",o.url,l),o.url}catch(o){console.error(o)}finally{a.value=!1}}},E=o=>{p.value=o,x()},s=o=>{h.value=o,x()};return e.watch(()=>f.variables?.currentNode,o=>{o&&n.schema.dataSource.type==="api"&&x()},{deep:!0}),(o,l)=>{const u=e.resolveComponent("el-icon"),V=e.resolveComponent("el-button"),$=e.resolveComponent("el-table-column"),I=e.resolveComponent("el-table"),z=e.resolveComponent("el-pagination"),g=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",ae,[t.schema.toolbarActions?.length?(e.openBlock(),e.createElementBlock("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.schema.toolbarActions,m=>(e.openBlock(),e.createBlock(V,{key:m.key,type:m.type||"default",onClick:_=>S(m,null)},{default:e.withCtx(()=>[m.icon?(e.openBlock(),e.createBlock(u,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.icon)))]),_:2},1024)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(m.label),1)]),_:2},1032,["type","onClick"]))),128))])):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createBlock(I,{data:w.value,stripe:t.schema.ui?.stripe,border:t.schema.ui?.border,size:t.schema.ui?.size,style:{width:"100%",height:"100%",flex:"1"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.schema.columns,m=>(e.openBlock(),e.createBlock($,{key:m.prop,prop:m.prop,label:m.label,width:m.width,align:m.align,fixed:m.fixed,sortable:m.sortable},{default:e.withCtx(_=>[e.createTextVNode(e.toDisplayString(N(_.row[m.prop],m.formatter)),1)]),_:2},1032,["prop","label","width","align","fixed","sortable"]))),128)),t.schema.actions?.length?(e.openBlock(),e.createBlock($,{key:0,label:"操作",fixed:"right",width:"200"},{default:e.withCtx(m=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.schema.actions,_=>(e.openBlock(),e.createBlock(V,{key:_.key,type:_.type||"primary",link:"",onClick:R=>S(_,m.row)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_.label),1)]),_:2},1032,["type","onClick"]))),128))]),_:1})):e.createCommentVNode("",!0)]),_:1},8,["data","stripe","border","size"])),[[g,a.value]]),t.schema.ui?.pagination?.enabled&&y.value>0?(e.openBlock(),e.createElementBlock("div",re,[e.createVNode(z,{"current-page":h.value,"onUpdate:currentPage":l[0]||(l[0]=m=>h.value=m),"page-size":p.value,"onUpdate:pageSize":l[1]||(l[1]=m=>p.value=m),"page-sizes":[10,20,50,100],layout:t.schema.ui?.pagination?.layout||"total, sizes, prev, pager, next, jumper",total:y.value,onSizeChange:E,onCurrentChange:s},null,8,["current-page","page-size","layout","total"])])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-e3496cb9"]]),se={class:"schema-template"},de={class:"template-container"},me={class:"tags-wrapper"},pe={class:"tag-content"},fe={class:"tpl-name"},ue=M(e.defineComponent({__name:"SchemaTemplate",props:{templates:{}},setup(t){const C=n=>{window.open(n.url,"_blank")};return(n,r)=>{const f=e.resolveComponent("el-icon"),a=e.resolveComponent("el-tag");return e.openBlock(),e.createElementBlock("div",se,[e.createElementVNode("div",de,[r[0]||(r[0]=e.createElementVNode("span",{class:"label"},"可用模板：",-1)),e.createElementVNode("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.templates,(h,p)=>(e.openBlock(),e.createBlock(a,{key:p,class:"template-tag",type:"primary",effect:"light",onClick:y=>C(h)},{default:e.withCtx(()=>[e.createElementVNode("span",pe,[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(e.unref(q.Download))]),_:1}),e.createElementVNode("span",fe,e.toDisplayString(h.name),1)])]),_:2},1032,["onClick"]))),128))])])])}}}),[["__scopeId","data-v-ea09f00e"]]),he={key:0,class:"schema-preview-container"},ke={class:"custom-header"},Ce=["id"],ye={class:"header-controls"},ge={class:"preview-content"},be={class:"preview-content"},_e=M(e.defineComponent({__name:"SchemaPreview",props:{schema:{},modelValue:{type:Boolean},file:{}},emits:["update:modelValue"],setup(t,{emit:C}){const n=t,r=C,f=e.ref(!1),a=e.computed({get:()=>n.modelValue,set:p=>{r("update:modelValue",p),p||setTimeout(()=>{f.value=!1},300)}}),h=()=>{f.value=!f.value};return e.watch(()=>n.schema.fullscreen,p=>{p!==void 0&&(f.value=p)},{immediate:!0}),(p,y)=>{const B=e.resolveComponent("el-icon"),w=e.resolveComponent("el-button"),N=e.resolveComponent("el-dialog"),S=e.resolveComponent("el-drawer");return a.value?(e.openBlock(),e.createElementBlock("div",he,[t.schema.mode==="dialog"?(e.openBlock(),e.createBlock(N,{key:0,modelValue:a.value,"onUpdate:modelValue":y[0]||(y[0]=x=>a.value=x),width:t.schema.width,fullscreen:f.value||t.schema.fullscreen,draggable:"","destroy-on-close":"","append-to-body":"",class:"preview-dialog","show-close":!1},{header:e.withCtx(({close:x,titleId:E,titleClass:s})=>[e.createElementVNode("div",ke,[e.createElementVNode("span",{id:E,class:e.normalizeClass(s)},e.toDisplayString(t.schema.dialogTitle||"预览"),11,Ce),e.createElementVNode("div",ye,[e.createVNode(w,{link:"",onClick:h},{default:e.withCtx(()=>[e.createVNode(B,null,{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value?"CopyDocument":"FullScreen")))]),_:1})]),_:1}),e.createVNode(w,{link:"",onClick:x},{default:e.withCtx(()=>[e.createVNode(B,null,{default:e.withCtx(()=>[e.createVNode(e.unref(q.Close))]),_:1})]),_:1},8,["onClick"])])])]),default:e.withCtx(()=>[e.createElementVNode("div",ge,[t.file?(e.openBlock(),e.createBlock(e.unref(j),{key:0,url:t.file.url,type:t.file.type,name:t.file.name},null,8,["url","type","name"])):e.createCommentVNode("",!0)])]),_:1},8,["modelValue","width","fullscreen"])):(e.openBlock(),e.createBlock(S,{key:1,modelValue:a.value,"onUpdate:modelValue":y[1]||(y[1]=x=>a.value=x),title:t.schema.dialogTitle||"预览",size:t.schema.width,"destroy-on-close":"","append-to-body":""},{default:e.withCtx(()=>[e.createElementVNode("div",be,[t.file?(e.openBlock(),e.createBlock(e.unref(j),{key:0,url:t.file.url,type:t.file.type,name:t.file.name},null,8,["url","type","name"])):e.createCommentVNode("",!0)])]),_:1},8,["modelValue","title","size"]))])):e.createCommentVNode("",!0)}}}),[["__scopeId","data-v-6a6a8acf"]]),xe={class:"tree-upload-container"},Be={class:"content-pane"},Ne={key:0,class:"top-section"},Ve={class:"table-section"},we={class:"dialog-footer"},O=M(e.defineComponent({__name:"TreeUpload",props:{schema:{},mode:{default:"edit"}},emits:["upload-before","upload-success","upload-error","delete-before","delete-after"],setup(t,{expose:C,emit:n}){const r=t,f=n,a=e.ref(null),h=e.ref([]),p=e.ref(!1),y=e.ref(null),B=e.ref(!1),w=e.ref("addRoot"),N=e.reactive({label:""}),S=e.ref(),x=e.ref(null),E=e.reactive({variables:{...r.schema.context?.variables,currentNode:void 0,currentFile:void 0}});e.provide("schemaContext",E);const s=e.ref(280),o=e.ref(!1),l=e.computed(()=>r.schema.tree.ui?.resizable!==!1),u=e.computed(()=>`${s.value}px`);e.watch(()=>r.schema.tree.ui?.width,c=>{if(typeof c=="number")s.value=c;else if(typeof c=="string"){const i=parseInt(c,10);isNaN(i)||(s.value=i)}},{immediate:!0});const V=c=>{l.value&&(o.value=!0,document.addEventListener("mousemove",$),document.addEventListener("mouseup",I),document.body.style.cursor="col-resize",document.body.style.userSelect="none")},$=c=>{if(!o.value)return;const i=document.querySelector(".tree-upload-container");if(i){const b=i.getBoundingClientRect(),d=c.clientX-b.left;d>=150&&d<=800&&(s.value=d)}},I=()=>{o.value=!1,document.removeEventListener("mousemove",$),document.removeEventListener("mouseup",I),document.body.style.cursor="",document.body.style.userSelect=""},z=e.computed(()=>a.value?.meta?.templates||[]),g=e.computed(()=>a.value?P("upload",r.schema):!1),m=e.computed(()=>{switch(w.value){case"addRoot":return"添加根节点";case"addChild":return"添加子节点";case"addSibling":return"添加本级节点";case"edit":return"编辑节点";default:return"节点操作"}}),_=c=>{if(console.log("Node Selected:",c),a.value=c,E.variables&&(E.variables.currentNode=c),r.schema.table.dataSource.type==="static"){const i=r.schema.table.dataSource.data;h.value=i.filter(b=>b.meta?.nodeId===String(c.id))}},R=(c,i)=>{if(console.log("树动作:",c,i),!P(c,r.schema)){L.ElMessage.error("权限不足");return}if(r.schema.tree.dataSource.type!=="static"){L.ElMessage.warning(`触发动作 ${c} (需要 API 实现)`);return}if(c==="delete"){if(!i||!confirm(`确定删除节点 "${i.label}" 吗?`))return;const b=r.schema.tree.dataSource.data,d=k=>{const U=k.findIndex(T=>T.id===i.id);if(U>-1)return k.splice(U,1),!0;for(const T of k)if(T.children&&d(T.children))return!0;return!1};d(b)&&a.value?.id===i.id&&(a.value=null);return}(c==="addRoot"||c==="addChild"||c==="addSibling"||c==="edit")&&(w.value=c,x.value=i,N.label=c==="edit"&&i?i.label:"",B.value=!0,e.nextTick(()=>{S.value?.clearValidate()}))},Ee=()=>{S.value?.validate(c=>{if(!c||r.schema.tree.dataSource.type!=="static")return;const i=r.schema.tree.dataSource.data,b=N.label,d=w.value,k=x.value;if(d==="addRoot")i.push({id:String(Date.now()),label:b,children:[]});else if(d==="addChild")k&&(k.children||(k.children=[]),k.children.push({id:String(Date.now()),label:b,children:[]}));else if(d==="addSibling"){if(k){const U=T=>{const F=T.findIndex(A=>A.id===k.id);if(F>-1)return T.splice(F+1,0,{id:String(Date.now()),label:b,children:[]}),!0;for(const A of T)if(A.children&&U(A.children))return!0;return!1};U(i)}}else d==="edit"&&k&&(k.label=b);B.value=!1})},$e=c=>{if(console.log("上传成功:",c),f("upload-success",c),r.schema.table.dataSource.type==="static"&&a.value){const i={id:Date.now(),name:"已上传文件.png",size:1024,url:"#",type:"png",meta:{nodeId:String(a.value.id)}};r.schema.table.dataSource.data.push(i),_(a.value)}},Te=(c,i)=>{if(console.log("Table Action:",c,i),E.variables&&(E.variables.currentFile=i),!P(c,r.schema)){L.ElMessage.error("权限不足");return}if(c==="preview")y.value=i,p.value=!0;else if(c==="delete"&&r.schema.table.dataSource.type==="static"){const b=r.schema.table.dataSource.data.findIndex(d=>d.id===i.id);b>-1&&(r.schema.table.dataSource.data.splice(b,1),a.value&&_(a.value))}},De=async()=>{const c=[],i=[],b=d=>{if(d.required||d.minCount&&d.minCount>0||d.maxCount&&d.maxCount>0){let k=0;r.schema.table.dataSource.type==="static"?k=r.schema.table.dataSource.data.filter(T=>String(T.meta?.nodeId)===String(d.id)).length:k=d.meta?.fileCount||0,d.required&&k===0?(c.push(`节点 "${d.label}" 必须上传文件`),i.push(d)):d.minCount&&k<d.minCount?(c.push(`节点 "${d.label}" 至少需要 ${d.minCount} 个文件 (当前: ${k})`),i.push(d)):d.maxCount&&k>d.maxCount&&(c.push(`节点 "${d.label}" 最多允许 ${d.maxCount} 个文件 (当前: ${k})`),i.push(d))}d.children&&d.children.forEach(b)};return r.schema.tree.dataSource.type==="static"?r.schema.tree.dataSource.data.forEach(b):console.warn("API 模式下的树验证需要确保数据已加载或通过 meta 携带统计信息"),c.length>0?Promise.reject({valid:!1,errors:c,failedNodes:i}):Promise.resolve({valid:!0})},ze=c=>f("upload-before",c),Ue=c=>f("upload-error",c),Fe=c=>f("delete-before",c),Ie=c=>f("delete-after",c);return C({validate:De}),(c,i)=>{const b=e.resolveComponent("el-input"),d=e.resolveComponent("el-form-item"),k=e.resolveComponent("el-form"),U=e.resolveComponent("el-button"),T=e.resolveComponent("el-dialog");return e.openBlock(),e.createElementBlock("div",xe,[e.createElementVNode("div",{class:"tree-pane",style:e.normalizeStyle({width:u.value})},[e.createVNode(ee,{schema:t.schema.tree,onNodeClick:_,onAction:R},null,8,["schema"])],4),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"resize-handle",onMousedown:V},null,32)):e.createCommentVNode("",!0),e.createElementVNode("div",Be,[t.mode==="edit"?(e.openBlock(),e.createElementBlock("div",Ne,[z.value&&z.value.length>0?(e.openBlock(),e.createBlock(ue,{key:0,templates:z.value},null,8,["templates"])):e.createCommentVNode("",!0),t.schema.upload?(e.openBlock(),e.createBlock(ne,{key:1,schema:t.schema.upload,disabled:!g.value,"file-count":h.value.length,onUploadBefore:ze,onUploadSuccess:$e,onUploadError:Ue},null,8,["schema","disabled","file-count"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Ve,[e.createVNode(ie,{schema:t.schema.table,files:h.value,onAction:Te,onDeleteBefore:Fe,onDeleteAfter:Ie},null,8,["schema","files"])])]),t.schema.preview?(e.openBlock(),e.createBlock(_e,{key:1,modelValue:p.value,"onUpdate:modelValue":i[0]||(i[0]=F=>p.value=F),schema:t.schema.preview,file:y.value},null,8,["modelValue","schema","file"])):e.createCommentVNode("",!0),e.createVNode(T,{modelValue:B.value,"onUpdate:modelValue":i[3]||(i[3]=F=>B.value=F),title:m.value,width:"400px","append-to-body":"","destroy-on-close":""},{footer:e.withCtx(()=>[e.createElementVNode("span",we,[e.createVNode(U,{onClick:i[2]||(i[2]=F=>B.value=!1)},{default:e.withCtx(()=>[...i[4]||(i[4]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(U,{type:"primary",onClick:Ee},{default:e.withCtx(()=>[...i[5]||(i[5]=[e.createTextVNode("确定",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(k,{model:N,ref_key:"nodeFormRef",ref:S,"label-width":"80px"},{default:e.withCtx(()=>[e.createVNode(d,{label:"节点名称",prop:"label",rules:[{required:!0,message:"请输入节点名称",trigger:"blur"}]},{default:e.withCtx(()=>[e.createVNode(b,{modelValue:N.label,"onUpdate:modelValue":i[1]||(i[1]=F=>N.label=F),placeholder:"请输入节点名称"},null,8,["modelValue"])]),_:1})]),_:1},8,["model"])]),_:1},8,["modelValue","title"])])}}}),[["__scopeId","data-v-1ad270d1"]]),Se={install(t){t.component("TreeUpload",O)}};D.TreeUpload=O,D.default=Se,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
1
|
+
(function(D,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("@element-plus/icons-vue"),require("file-preview-vue3-ts")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","@element-plus/icons-vue","file-preview-vue3-ts"],e):(D=typeof globalThis<"u"?globalThis:D||self,e(D.TreeUploadVue3={},D.Vue,D.ElementPlus,D.ElementPlusIconsVue,D.FilePreviewVue3Ts))})(this,(function(D,e,L,q,K){"use strict";function P(t,y,n){return y.permissions?y.permissions.default?.[t]!==!1:!0}function j(t,y){if(!t)return t;let n=t;const r=y.variables||{};return r.currentNode&&(n=n.replace(/\$currentNode\.id/g,String(r.currentNode.id)),n=n.replace(/\$currentNode\.label/g,r.currentNode.label)),n}function W(t,y){const{id:n,pId:r,children:f}=y,a=new Map,h=[];for(const p of t)p[f]=p[f]||[],a.set(p[n],p);for(const p of t){const C=p[r];C&&a.has(C)?a.get(C)[f].push(p):h.push(p)}return h}const J={class:"schema-tree"},X={key:0,class:"tree-toolbar"},Y={class:"custom-tree-node"},G={class:"node-label"},H={key:0,class:"required-star"},Q={key:0,class:"actions"},Z=["onClick"],v=e.defineComponent({__name:"SchemaTree",props:{schema:{}},emits:["node-click","action"],setup(t,{emit:y}){const n=t,r=y,f=e.ref(),a=e.ref(!1),h=e.ref({x:0,y:0}),p=e.ref(null),C=e.computed(()=>{let l=[];if(n.schema.dataSource.type==="static")l=JSON.parse(JSON.stringify(n.schema.dataSource.data));else return[];return n.schema.parentIdKey?W(l,{id:n.schema.nodeKey||"id",pId:n.schema.parentIdKey,children:n.schema.childrenKey||"children"}):l}),B={label:n.schema.labelKey||"label",children:n.schema.childrenKey||"children"},w=e.computed(()=>n.schema.actions?.filter(l=>l.position==="toolbar")||[]),N=e.computed(()=>n.schema.actions?.filter(l=>l.position==="node")||[]),S=e.computed(()=>n.schema.actions?.filter(l=>l.position==="contextMenu")||[]),x=l=>{a.value=!1,r("node-click",l)},E=(l,u)=>{S.value.length!==0&&(l.preventDefault(),a.value=!0,h.value={x:l.clientX,y:l.clientY},p.value=u)},s=(l,u)=>{a.value=!1,!(l.confirm&&!confirm(l.confirm.message||"确定吗?"))&&r("action",l.key,u)},o=()=>{a.value=!1};return e.onMounted(()=>{document.addEventListener("click",o)}),e.onUnmounted(()=>{document.removeEventListener("click",o)}),(l,u)=>{const V=e.resolveComponent("el-icon"),$=e.resolveComponent("el-button"),I=e.resolveComponent("el-tooltip"),z=e.resolveComponent("el-tree");return e.openBlock(),e.createElementBlock("div",J,[w.value.length?(e.openBlock(),e.createElementBlock("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,g=>(e.openBlock(),e.createBlock($,{key:g.key,type:"primary",link:"",onClick:m=>s(g,null)},{default:e.withCtx(()=>[g.icon?(e.openBlock(),e.createBlock(V,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.icon)))]),_:2},1024)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(g.label),1)]),_:2},1032,["onClick"]))),128))])):e.createCommentVNode("",!0),e.createVNode(z,{ref_key:"treeRef",ref:f,data:C.value,"node-key":t.schema.nodeKey||"id",props:B,"default-expand-all":t.schema.ui?.defaultExpandAll,"highlight-current":t.schema.ui?.highlightCurrent,"expand-on-click-node":!1,onNodeClick:x,onNodeContextmenu:E},{default:e.withCtx(({node:g,data:m})=>[e.createElementVNode("span",Y,[e.createElementVNode("span",G,[m.required||m.minCount&&m.minCount>0?(e.openBlock(),e.createElementBlock("span",H,"*")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(g.label),1)]),N.value.length?(e.openBlock(),e.createElementBlock("span",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,_=>(e.openBlock(),e.createBlock(I,{key:_.key,content:_.label,placement:"top","show-after":200},{default:e.withCtx(()=>[e.createVNode($,{link:"",type:"primary",onClick:e.withModifiers(R=>s(_,m),["stop"])},{default:e.withCtx(()=>[_.icon?(e.openBlock(),e.createBlock(V,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(_.icon)))]),_:2},1024)):e.createCommentVNode("",!0)]),_:2},1032,["onClick"])]),_:2},1032,["content"]))),128))])):e.createCommentVNode("",!0)])]),_:1},8,["data","node-key","default-expand-all","highlight-current"]),a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"context-menu",style:e.normalizeStyle({left:h.value.x+"px",top:h.value.y+"px"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,g=>(e.openBlock(),e.createElementBlock("div",{key:g.key,class:"context-menu-item",onClick:m=>s(g,p.value)},[g.icon?(e.openBlock(),e.createBlock(V,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.icon)))]),_:2},1024)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(g.label),1)],8,Z))),128))],4)):e.createCommentVNode("",!0)])}}}),M=(t,y)=>{const n=t.__vccOpts||t;for(const[r,f]of y)n[r]=f;return n},ee=M(v,[["__scopeId","data-v-168ea845"]]),te={key:0,class:"schema-upload"},oe={class:"el-upload__text"},le={class:"el-upload__tip"},ne=M(e.defineComponent({__name:"SchemaUpload",props:{schema:{},disabled:{type:Boolean},fileCount:{}},emits:["upload-success","upload-error","upload-before"],setup(t,{emit:y}){const n=t,r=y,f=e.inject("schemaContext",{}),a=e.computed(()=>{const s=f.variables?.currentNode,o=s?.meta?.upload||{};let l=n.schema.limit;s?.maxCount!==void 0?l=s.maxCount:o.limit!==void 0&&(l=o.limit);let u=o.maxSize;s?.maxSize!==void 0&&(u=s.maxSize);let V=n.schema.accept;s?.accept!==void 0?V=s.accept:o.accept!==void 0&&(V=o.accept);let $=o.minLimit;s?.minCount!==void 0&&($=s.minCount);const I=s?.required||!1,z=n.schema.ui||{},g=o.ui||{},m={...z,...g};return{...n.schema,...o,ui:m,limit:l,maxSize:u,minLimit:$,accept:V,required:I,multiple:o.multiple??n.schema.multiple,drag:o.drag??n.schema.drag,autoUpload:o.autoUpload??n.schema.autoUpload}}),h=e.computed(()=>{if(a.value.limit===void 0)return 1/0;const s=n.fileCount||0;return Math.max(0,a.value.limit-s)}),p=e.computed(()=>!!(n.disabled||a.value.limit!==void 0&&h.value<=0)),C=e.computed(()=>n.schema.headers||{}),B=e.computed(()=>{const s=n.schema.data||{},o={};for(const l in s){const u=s[l];typeof u=="string"?o[l]=j(u,f):o[l]=u}return o}),w=e.computed(()=>{let s=a.value.ui?.tipText||"";const o=[];if(a.value.maxSize){const l=(a.value.maxSize/1024/1024).toFixed(1);o.push(`大小限制 ${l}MB`)}if(a.value.limit){const l=n.fileCount||0;o.push(`数量限制 ${a.value.limit}个 (已上传 ${l})`)}return a.value.minLimit?o.push(`最少 ${a.value.minLimit}个`):a.value.required&&o.push("必填"),a.value.accept&&o.push(`格式 ${a.value.accept}`),o.length?`${s} (${o.join(", ")})`:s}),N=s=>{const o=a.value.maxSize;return o&&s.size>o?(L.ElMessage.error(`文件大小不能超过 ${(o/1024/1024).toFixed(1)}MB!`),!1):(r("upload-before",{file:s,context:f}),!0)},S=()=>{L.ElMessage.warning(`当前限制选择 ${a.value.limit} 个文件，还能上传 ${h.value} 个`)},x=s=>{r("upload-success",s)},E=s=>{r("upload-error",s)};return(s,o)=>{const l=e.resolveComponent("upload-filled"),u=e.resolveComponent("el-icon"),V=e.resolveComponent("el-button"),$=e.resolveComponent("el-upload");return t.schema.enabled?(e.openBlock(),e.createElementBlock("div",te,[e.createVNode($,{class:"upload-demo",action:t.schema.action,method:t.schema.method||"post",headers:C.value,data:B.value,multiple:a.value.multiple,drag:a.value.drag,accept:a.value.accept,limit:h.value,"auto-upload":a.value.autoUpload!==!1,disabled:p.value,"show-file-list":t.schema.ui?.showFileList,"before-upload":N,"on-exceed":S,onSuccess:x,onError:E},e.createSlots({default:e.withCtx(()=>[a.value.drag?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(u,{class:"el-icon--upload"},{default:e.withCtx(()=>[e.createVNode(l)]),_:1}),e.createElementVNode("div",oe,e.toDisplayString(t.schema.ui?.buttonText||"将文件拖到此处，或点击上传"),1)],64)):e.createCommentVNode("",!0)]),_:2},[a.value.drag?void 0:{name:"trigger",fn:e.withCtx(()=>[e.createVNode(V,{type:"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.schema.ui?.buttonText||"点击上传"),1)]),_:1})]),key:"0"},t.schema.ui?.showTip?{name:"tip",fn:e.withCtx(()=>[e.createElementVNode("div",le,e.toDisplayString(w.value),1)]),key:"1"}:void 0]),1032,["action","method","headers","data","multiple","drag","accept","limit","auto-upload","disabled","show-file-list"])])):e.createCommentVNode("",!0)}}}),[["__scopeId","data-v-322cb598"]]),ae={class:"schema-table"},ce={key:0,class:"table-toolbar"},re={key:1,class:"pagination-wrapper"},ie=M(e.defineComponent({__name:"SchemaTable",props:{schema:{},files:{}},emits:["action","refresh","delete-before","delete-after"],setup(t,{emit:y}){const n=t,r=y,f=e.inject("schemaContext",{}),a=e.ref(!1),h=e.ref(1),p=e.ref(n.schema.ui?.pagination?.pageSize||20),C=e.ref(0),B=e.ref([]),w=e.computed(()=>{let o=[];return n.files?o=n.files:n.schema.dataSource.type==="static"?o=n.schema.dataSource.data:o=B.value,(n.schema.dataSource.type==="static"||n.files)&&(C.value=o.length),o}),N=(o,l)=>{if(!l)return o;if(l==="fileSize"){const u=Number(o);return isNaN(u)?o:u<1024?u+" B":u<1024*1024?(u/1024).toFixed(2)+" KB":(u/1024/1024).toFixed(2)+" MB"}return o},S=(o,l)=>{o.confirm&&!confirm(o.confirm.message||"确定吗?")||(o.key==="delete"&&r("delete-before",l),r("action",o.key,l),o.key==="delete"&&r("delete-after",l))},x=async()=>{if(n.schema.dataSource.type==="api"){a.value=!0;try{const o=n.schema.dataSource,l={...o.params};n.schema.ui?.pagination?.enabled&&(l.page=h.value,l.pageSize=p.value);for(const u in l)typeof l[u]=="string"&&(l[u]=j(l[u],f));console.log("Fetching Table Data:",o.url,l),o.url}catch(o){console.error(o)}finally{a.value=!1}}},E=o=>{p.value=o,x()},s=o=>{h.value=o,x()};return e.watch(()=>f.variables?.currentNode,o=>{o&&n.schema.dataSource.type==="api"&&x()},{deep:!0}),(o,l)=>{const u=e.resolveComponent("el-icon"),V=e.resolveComponent("el-button"),$=e.resolveComponent("el-table-column"),I=e.resolveComponent("el-table"),z=e.resolveComponent("el-pagination"),g=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",ae,[t.schema.toolbarActions?.length?(e.openBlock(),e.createElementBlock("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.schema.toolbarActions,m=>(e.openBlock(),e.createBlock(V,{key:m.key,type:m.type||"default",onClick:_=>S(m,null)},{default:e.withCtx(()=>[m.icon?(e.openBlock(),e.createBlock(u,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.icon)))]),_:2},1024)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(m.label),1)]),_:2},1032,["type","onClick"]))),128))])):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createBlock(I,{data:w.value,stripe:t.schema.ui?.stripe,border:t.schema.ui?.border,size:t.schema.ui?.size,style:{width:"100%",height:"100%",flex:"1"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.schema.columns,m=>(e.openBlock(),e.createBlock($,{key:m.prop,prop:m.prop,label:m.label,width:m.width,align:m.align,fixed:m.fixed,sortable:m.sortable},{default:e.withCtx(_=>[e.createTextVNode(e.toDisplayString(N(_.row[m.prop],m.formatter)),1)]),_:2},1032,["prop","label","width","align","fixed","sortable"]))),128)),t.schema.actions?.length?(e.openBlock(),e.createBlock($,{key:0,label:"操作",fixed:"right",width:"200"},{default:e.withCtx(m=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.schema.actions,_=>(e.openBlock(),e.createBlock(V,{key:_.key,type:_.type||"primary",link:"",onClick:R=>S(_,m.row)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_.label),1)]),_:2},1032,["type","onClick"]))),128))]),_:1})):e.createCommentVNode("",!0)]),_:1},8,["data","stripe","border","size"])),[[g,a.value]]),t.schema.ui?.pagination?.enabled&&C.value>0?(e.openBlock(),e.createElementBlock("div",re,[e.createVNode(z,{"current-page":h.value,"onUpdate:currentPage":l[0]||(l[0]=m=>h.value=m),"page-size":p.value,"onUpdate:pageSize":l[1]||(l[1]=m=>p.value=m),"page-sizes":[10,20,50,100],layout:t.schema.ui?.pagination?.layout||"total, sizes, prev, pager, next, jumper",total:C.value,onSizeChange:E,onCurrentChange:s},null,8,["current-page","page-size","layout","total"])])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-e3496cb9"]]),se={class:"schema-template"},de={class:"template-container"},me={class:"tags-wrapper"},pe={class:"tag-content"},fe={class:"tpl-name"},ue=M(e.defineComponent({__name:"SchemaTemplate",props:{templates:{}},setup(t){const y=n=>{window.open(n.url,"_blank")};return(n,r)=>{const f=e.resolveComponent("el-icon"),a=e.resolveComponent("el-tag");return e.openBlock(),e.createElementBlock("div",se,[e.createElementVNode("div",de,[r[0]||(r[0]=e.createElementVNode("span",{class:"label"},"可用模板：",-1)),e.createElementVNode("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.templates,(h,p)=>(e.openBlock(),e.createBlock(a,{key:p,class:"template-tag",type:"primary",effect:"light",onClick:C=>y(h)},{default:e.withCtx(()=>[e.createElementVNode("span",pe,[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(e.unref(q.Download))]),_:1}),e.createElementVNode("span",fe,e.toDisplayString(h.name),1)])]),_:2},1032,["onClick"]))),128))])])])}}}),[["__scopeId","data-v-ea09f00e"]]),he={key:0,class:"schema-preview-container"},ke={class:"custom-header"},ye=["id"],Ce={class:"header-controls"},ge={class:"preview-content"},be={class:"preview-content"},_e=M(e.defineComponent({__name:"SchemaPreview",props:{schema:{},modelValue:{type:Boolean},file:{}},emits:["update:modelValue"],setup(t,{emit:y}){const n=t,r=y,f=e.ref(!1),a=e.computed({get:()=>n.modelValue,set:p=>{r("update:modelValue",p),p||setTimeout(()=>{f.value=!1},300)}}),h=()=>{f.value=!f.value};return e.watch(()=>n.schema.fullscreen,p=>{p!==void 0&&(f.value=p)},{immediate:!0}),(p,C)=>{const B=e.resolveComponent("el-icon"),w=e.resolveComponent("el-button"),N=e.resolveComponent("el-dialog"),S=e.resolveComponent("el-drawer");return a.value?(e.openBlock(),e.createElementBlock("div",he,[t.schema.mode==="dialog"?(e.openBlock(),e.createBlock(N,{key:0,modelValue:a.value,"onUpdate:modelValue":C[0]||(C[0]=x=>a.value=x),width:t.schema.width,fullscreen:f.value||t.schema.fullscreen,draggable:"","destroy-on-close":"","append-to-body":"",class:"preview-dialog","show-close":!1},{header:e.withCtx(({close:x,titleId:E,titleClass:s})=>[e.createElementVNode("div",ke,[e.createElementVNode("span",{id:E,class:e.normalizeClass(s)},e.toDisplayString(t.schema.dialogTitle||"预览"),11,ye),e.createElementVNode("div",Ce,[e.createVNode(w,{link:"",onClick:h},{default:e.withCtx(()=>[e.createVNode(B,null,{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value?"CopyDocument":"FullScreen")))]),_:1})]),_:1}),e.createVNode(w,{link:"",onClick:x},{default:e.withCtx(()=>[e.createVNode(B,null,{default:e.withCtx(()=>[e.createVNode(e.unref(q.Close))]),_:1})]),_:1},8,["onClick"])])])]),default:e.withCtx(()=>[e.createElementVNode("div",ge,[t.file?(e.openBlock(),e.createBlock(e.unref(K),{key:0,url:t.file.url,type:t.file.type,name:t.file.name},null,8,["url","type","name"])):e.createCommentVNode("",!0)])]),_:1},8,["modelValue","width","fullscreen"])):(e.openBlock(),e.createBlock(S,{key:1,modelValue:a.value,"onUpdate:modelValue":C[1]||(C[1]=x=>a.value=x),title:t.schema.dialogTitle||"预览",size:t.schema.width,"destroy-on-close":"","append-to-body":""},{default:e.withCtx(()=>[e.createElementVNode("div",be,[t.file?(e.openBlock(),e.createBlock(e.unref(K),{key:0,url:t.file.url,type:t.file.type,name:t.file.name},null,8,["url","type","name"])):e.createCommentVNode("",!0)])]),_:1},8,["modelValue","title","size"]))])):e.createCommentVNode("",!0)}}}),[["__scopeId","data-v-6a6a8acf"]]),xe={class:"tree-upload-container"},Be={class:"content-pane"},Ne={key:0,class:"top-section"},Ve={class:"table-section"},we={class:"dialog-footer"},O=M(e.defineComponent({__name:"TreeUpload",props:{schema:{},mode:{default:"edit"}},emits:["upload-before","upload-success","upload-error","delete-before","delete-after"],setup(t,{expose:y,emit:n}){const r=t,f=n,a=e.ref(null),h=e.ref([]),p=e.ref(!1),C=e.ref(null),B=e.ref(!1),w=e.ref("addRoot"),N=e.reactive({label:""}),S=e.ref(),x=e.ref(null),E=e.reactive({variables:{...r.schema.context?.variables,currentNode:void 0,currentFile:void 0}});e.provide("schemaContext",E);const s=e.ref(280),o=e.ref(!1),l=e.computed(()=>r.schema.tree.ui?.resizable!==!1),u=e.computed(()=>`${s.value}px`);e.watch(()=>r.schema.tree.ui?.width,c=>{if(typeof c=="number")s.value=c;else if(typeof c=="string"){const i=parseInt(c,10);isNaN(i)||(s.value=i)}},{immediate:!0});const V=c=>{l.value&&(o.value=!0,document.addEventListener("mousemove",$),document.addEventListener("mouseup",I),document.body.style.cursor="col-resize",document.body.style.userSelect="none")},$=c=>{if(!o.value)return;const i=document.querySelector(".tree-upload-container");if(i){const b=i.getBoundingClientRect(),d=c.clientX-b.left;d>=150&&d<=800&&(s.value=d)}},I=()=>{o.value=!1,document.removeEventListener("mousemove",$),document.removeEventListener("mouseup",I),document.body.style.cursor="",document.body.style.userSelect=""},z=e.computed(()=>a.value?.meta?.templates||[]),g=e.computed(()=>a.value?P("upload",r.schema):!1),m=e.computed(()=>{switch(w.value){case"addRoot":return"添加根节点";case"addChild":return"添加子节点";case"addSibling":return"添加本级节点";case"edit":return"编辑节点";default:return"节点操作"}}),_=c=>{if(console.log("Node Selected:",c),a.value=c,E.variables&&(E.variables.currentNode=c),r.schema.table.dataSource.type==="static"){const i=r.schema.table.dataSource.data;h.value=i.filter(b=>b.meta?.nodeId===String(c.id))}},R=(c,i)=>{if(console.log("树动作:",c,i),!P(c,r.schema)){L.ElMessage.error("权限不足");return}if(r.schema.tree.dataSource.type!=="static"){L.ElMessage.warning(`触发动作 ${c} (需要 API 实现)`);return}if(c==="delete"){if(!i||!confirm(`确定删除节点 "${i.label}" 吗?`))return;const b=r.schema.tree.dataSource.data,d=k=>{const U=k.findIndex(T=>T.id===i.id);if(U>-1)return k.splice(U,1),!0;for(const T of k)if(T.children&&d(T.children))return!0;return!1};d(b)&&a.value?.id===i.id&&(a.value=null);return}(c==="addRoot"||c==="addChild"||c==="addSibling"||c==="edit")&&(w.value=c,x.value=i,N.label=c==="edit"&&i?i.label:"",B.value=!0,e.nextTick(()=>{S.value?.clearValidate()}))},Ee=()=>{S.value?.validate(c=>{if(!c||r.schema.tree.dataSource.type!=="static")return;const i=r.schema.tree.dataSource.data,b=N.label,d=w.value,k=x.value;if(d==="addRoot")i.push({id:String(Date.now()),label:b,children:[]});else if(d==="addChild")k&&(k.children||(k.children=[]),k.children.push({id:String(Date.now()),label:b,children:[]}));else if(d==="addSibling"){if(k){const U=T=>{const F=T.findIndex(A=>A.id===k.id);if(F>-1)return T.splice(F+1,0,{id:String(Date.now()),label:b,children:[]}),!0;for(const A of T)if(A.children&&U(A.children))return!0;return!1};U(i)}}else d==="edit"&&k&&(k.label=b);B.value=!1})},$e=c=>{if(console.log("上传成功:",c),f("upload-success",c),r.schema.table.dataSource.type==="static"&&a.value){const i={id:Date.now(),name:"已上传文件.png",size:1024,url:"#",type:"png",meta:{nodeId:String(a.value.id)}};r.schema.table.dataSource.data.push(i),_(a.value)}},Te=(c,i)=>{if(console.log("Table Action:",c,i),E.variables&&(E.variables.currentFile=i),!P(c,r.schema)){L.ElMessage.error("权限不足");return}if(c==="preview")C.value=i,p.value=!0;else if(c==="delete"&&r.schema.table.dataSource.type==="static"){const b=r.schema.table.dataSource.data.findIndex(d=>d.id===i.id);b>-1&&(r.schema.table.dataSource.data.splice(b,1),a.value&&_(a.value))}},De=async()=>{const c=[],i=[],b=d=>{if(d.required||d.minCount&&d.minCount>0||d.maxCount&&d.maxCount>0){let k=0;r.schema.table.dataSource.type==="static"?k=r.schema.table.dataSource.data.filter(T=>String(T.meta?.nodeId)===String(d.id)).length:k=d.meta?.fileCount||0,d.required&&k===0?(c.push(`节点 "${d.label}" 必须上传文件`),i.push(d)):d.minCount&&k<d.minCount?(c.push(`节点 "${d.label}" 至少需要 ${d.minCount} 个文件 (当前: ${k})`),i.push(d)):d.maxCount&&k>d.maxCount&&(c.push(`节点 "${d.label}" 最多允许 ${d.maxCount} 个文件 (当前: ${k})`),i.push(d))}d.children&&d.children.forEach(b)};return r.schema.tree.dataSource.type==="static"?r.schema.tree.dataSource.data.forEach(b):console.warn("API 模式下的树验证需要确保数据已加载或通过 meta 携带统计信息"),c.length>0?Promise.reject({valid:!1,errors:c,failedNodes:i}):Promise.resolve({valid:!0})},ze=c=>f("upload-before",c),Ue=c=>f("upload-error",c),Fe=c=>f("delete-before",c),Ie=c=>f("delete-after",c);return y({validate:De}),(c,i)=>{const b=e.resolveComponent("el-input"),d=e.resolveComponent("el-form-item"),k=e.resolveComponent("el-form"),U=e.resolveComponent("el-button"),T=e.resolveComponent("el-dialog");return e.openBlock(),e.createElementBlock("div",xe,[e.createElementVNode("div",{class:"tree-pane",style:e.normalizeStyle({width:u.value})},[e.createVNode(ee,{schema:t.schema.tree,onNodeClick:_,onAction:R},null,8,["schema"])],4),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"resize-handle",onMousedown:V},null,32)):e.createCommentVNode("",!0),e.createElementVNode("div",Be,[t.mode==="edit"?(e.openBlock(),e.createElementBlock("div",Ne,[z.value&&z.value.length>0?(e.openBlock(),e.createBlock(ue,{key:0,templates:z.value},null,8,["templates"])):e.createCommentVNode("",!0),t.schema.upload?(e.openBlock(),e.createBlock(ne,{key:1,schema:t.schema.upload,disabled:!g.value,"file-count":h.value.length,onUploadBefore:ze,onUploadSuccess:$e,onUploadError:Ue},null,8,["schema","disabled","file-count"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Ve,[e.createVNode(ie,{schema:t.schema.table,files:h.value,onAction:Te,onDeleteBefore:Fe,onDeleteAfter:Ie},null,8,["schema","files"])])]),t.schema.preview?(e.openBlock(),e.createBlock(_e,{key:1,modelValue:p.value,"onUpdate:modelValue":i[0]||(i[0]=F=>p.value=F),schema:t.schema.preview,file:C.value},null,8,["modelValue","schema","file"])):e.createCommentVNode("",!0),e.createVNode(T,{modelValue:B.value,"onUpdate:modelValue":i[3]||(i[3]=F=>B.value=F),title:m.value,width:"400px","append-to-body":"","destroy-on-close":""},{footer:e.withCtx(()=>[e.createElementVNode("span",we,[e.createVNode(U,{onClick:i[2]||(i[2]=F=>B.value=!1)},{default:e.withCtx(()=>[...i[4]||(i[4]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(U,{type:"primary",onClick:Ee},{default:e.withCtx(()=>[...i[5]||(i[5]=[e.createTextVNode("确定",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(k,{model:N,ref_key:"nodeFormRef",ref:S,"label-width":"80px"},{default:e.withCtx(()=>[e.createVNode(d,{label:"节点名称",prop:"label",rules:[{required:!0,message:"请输入节点名称",trigger:"blur"}]},{default:e.withCtx(()=>[e.createVNode(b,{modelValue:N.label,"onUpdate:modelValue":i[1]||(i[1]=F=>N.label=F),placeholder:"请输入节点名称"},null,8,["modelValue"])]),_:1})]),_:1},8,["model"])]),_:1},8,["modelValue","title"])])}}}),[["__scopeId","data-v-1ad270d1"]]),Se={install(t){t.component("TreeUpload",O)}};D.TreeUpload=O,D.default=Se,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
package/dist/types/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tree-upload-vue3",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.2",
|
|
4
4
|
"description": "基于 Vue 3 + Element Plus 实现的树形文件管理与上传组件。",
|
|
5
5
|
"main": "dist/tree-upload-vue3.umd.js",
|
|
6
6
|
"module": "dist/tree-upload-vue3.es.js",
|
|
@@ -29,7 +29,8 @@
|
|
|
29
29
|
"dev": "vite",
|
|
30
30
|
"build": "vue-tsc --noEmit && vite build",
|
|
31
31
|
"preview": "vite preview",
|
|
32
|
-
"prepublishOnly": "npm run build"
|
|
32
|
+
"prepublishOnly": "npm run build",
|
|
33
|
+
"release": "npm version patch && npm publish"
|
|
33
34
|
},
|
|
34
35
|
"peerDependencies": {
|
|
35
36
|
"element-plus": "^2.0.0",
|