tree-upload-vue3 1.0.1 → 1.1.0

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.
Files changed (4) hide show
  1. package/dist/tree-upload-vue3.css +1 -1
  2. package/dist/tree-upload-vue3.es.js +191 -191
  3. package/dist/tree-upload-vue3.umd.js +1 -1
  4. package/package.json +3 -2
package/dist/tree-upload-vue3.css CHANGED
@@ -1 +1 @@
1
- .schema-tree[data-v-d6ea2358]{height:100%;position:relative;display:flex;flex-direction:column}.tree-toolbar[data-v-d6ea2358]{padding:8px;border-bottom:1px solid #f0f2f5;display:flex;gap:8px}.custom-tree-node[data-v-d6ea2358]{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:14px;padding-right:8px}.custom-tree-node .actions[data-v-d6ea2358]{display:none}.custom-tree-node:hover .actions[data-v-d6ea2358]{display:inline-flex}.context-menu[data-v-d6ea2358]{position:fixed;z-index:1000;background:#fff;border:1px solid #dcdfe6;box-shadow:0 2px 12px #0000001a;border-radius:4px;padding:5px 0;min-width:120px}.context-menu-item[data-v-d6ea2358]{padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;color:#606266}.context-menu-item[data-v-d6ea2358]:hover{background-color:#f5f7fa;color:#409eff}.node-label[data-v-d6ea2358]{display:flex;align-items:center}.required-star[data-v-d6ea2358]{color:#f56c6c;margin-right:4px;font-weight:700}.schema-upload[data-v-51c2dd4e]{width:100%}.schema-table[data-v-ccad80b3]{height:100%;display:flex;flex-direction:column}.table-toolbar[data-v-ccad80b3]{margin-bottom:12px}.pagination-wrapper[data-v-ccad80b3]{margin-top:12px;display:flex;justify-content:flex-end}.schema-template[data-v-5468ee4e]{margin-bottom:12px;background-color:#f4f4f5;padding:8px 12px;border-radius:4px;border:1px solid #e9e9eb}.template-container[data-v-5468ee4e]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.label[data-v-5468ee4e]{font-size:13px;color:#909399;white-space:nowrap}.tags-wrapper[data-v-5468ee4e]{display:flex;flex-wrap:wrap;gap:8px}.template-tag[data-v-5468ee4e]{cursor:pointer;border:none;background-color:#fff;transition:all .2s}.template-tag[data-v-5468ee4e]:hover{color:#409eff;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.tag-content[data-v-5468ee4e]{display:flex;align-items:center;gap:4px}.tpl-name[data-v-5468ee4e]{line-height:1}.preview-content[data-v-caf5bb4b]{height:100%;min-height:500px;display:flex;flex-direction:column}.custom-header[data-v-caf5bb4b]{display:flex;justify-content:space-between;align-items:center;padding-right:0}.header-controls[data-v-caf5bb4b]{display:flex;align-items:center;gap:8px}.tree-upload-container[data-v-cd1cb21c]{display:flex;height:100%;border:1px solid #dcdfe6;background:#fff}.tree-pane[data-v-cd1cb21c]{border-right:1px solid #dcdfe6;height:100%;overflow-y:auto;padding:10px;box-sizing:border-box;flex-shrink:0}.resize-handle[data-v-cd1cb21c]{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-cd1cb21c]:hover,.resize-handle[data-v-cd1cb21c]:active{background-color:#409eff;opacity:.5}.content-pane[data-v-cd1cb21c]{flex:1;display:flex;flex-direction:column;padding:16px;overflow:hidden}.top-section[data-v-cd1cb21c]{margin-bottom:16px}.table-section[data-v-cd1cb21c]{flex:1;overflow:hidden}
1
+ .schema-tree[data-v-55bc0bc1]{height:100%;position:relative;display:flex;flex-direction:column}.tree-toolbar[data-v-55bc0bc1]{padding:8px;border-bottom:1px solid var(--el-border-color-lighter);display:flex;gap:8px}.custom-tree-node[data-v-55bc0bc1]{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:14px;padding-right:8px}.custom-tree-node .actions[data-v-55bc0bc1]{display:none}.custom-tree-node:hover .actions[data-v-55bc0bc1]{display:inline-flex}.context-menu[data-v-55bc0bc1]{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-55bc0bc1]{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-55bc0bc1]:hover{background-color:var(--el-fill-color-light);color:var(--el-color-primary)}.node-label[data-v-55bc0bc1]{display:flex;align-items:center}.required-star[data-v-55bc0bc1]{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}
package/dist/tree-upload-vue3.es.js CHANGED
@@ -1,32 +1,32 @@
1
- import { defineComponent as Y, ref as S, computed as T, onMounted as ve, onUnmounted as be, resolveComponent as v, createElementBlock as b, openBlock as i, createCommentVNode as x, createVNode as _, Fragment as X, renderList as O, createBlock as h, withCtx as m, createTextVNode as K, resolveDynamicComponent as H, toDisplayString as R, createElementVNode as z, withModifiers as ye, normalizeStyle as oe, inject as ie, createSlots as ge, watch as te, resolveDirective as _e, withDirectives as ke, unref as Q, normalizeClass as xe, reactive as le, provide as Se, nextTick as Ce } from "vue";
2
- import { ElMessage as ae } from "element-plus";
1
+ import { defineComponent as Y, ref as S, computed as T, onMounted as ve, onUnmounted as be, resolveComponent as v, createElementBlock as b, openBlock as i, createCommentVNode as x, createVNode as _, Fragment as X, renderList as O, createBlock as h, withCtx as m, createTextVNode as K, resolveDynamicComponent as H, toDisplayString as R, createElementVNode as z, withModifiers as ye, normalizeStyle as oe, inject as ie, createSlots as ge, watch as ae, resolveDirective as _e, withDirectives as ke, unref as Z, normalizeClass as xe, reactive as le, provide as Se, nextTick as Ce } from "vue";
2
+ import { ElMessage as J } from "element-plus";
3
3
  import { Download as $e, Close as we } from "@element-plus/icons-vue";
4
4
  import ne from "file-preview-vue3-ts";
5
5
  const ze = { class: "schema-tree" }, Ne = {
6
6
  key: 0,
7
7
  class: "tree-toolbar"
8
- }, Te = { class: "custom-tree-node" }, De = { class: "node-label" }, Ue = {
8
+ }, Te = { class: "custom-tree-node" }, Ve = { class: "node-label" }, Ue = {
9
9
  key: 0,
10
10
  class: "required-star"
11
- }, Ve = {
11
+ }, De = {
12
12
  key: 0,
13
13
  class: "actions"
14
- }, Ae = ["onClick"], Fe = /* @__PURE__ */ Y({
14
+ }, Fe = ["onClick"], Ie = /* @__PURE__ */ Y({
15
15
  __name: "SchemaTree",
16
16
  props: {
17
17
  schema: {}
18
18
  },
19
19
  emits: ["node-click", "action"],
20
20
  setup(t, { emit: $ }) {
21
- const a = t, s = $, p = S(), n = S(!1), k = S({ x: 0, y: 0 }), y = S(null), D = T(() => a.schema.dataSource.type === "static" ? a.schema.dataSource.data : []), V = {
22
- label: a.schema.labelKey || "label",
23
- children: a.schema.childrenKey || "children"
24
- }, I = T(() => a.schema.actions?.filter((l) => l.position === "toolbar") || []), A = T(() => a.schema.actions?.filter((l) => l.position === "node") || []), P = T(() => a.schema.actions?.filter((l) => l.position === "contextMenu") || []), U = (l) => {
25
- n.value = !1, s("node-click", l);
26
- }, M = (l, f) => {
27
- P.value.length !== 0 && (l.preventDefault(), n.value = !0, k.value = { x: l.clientX, y: l.clientY }, y.value = f);
28
- }, r = (l, f) => {
29
- n.value = !1, !(l.confirm && !confirm(l.confirm.message || "Are you sure?")) && s("action", l.key, f);
21
+ const l = t, s = $, p = S(), n = S(!1), k = S({ x: 0, y: 0 }), y = S(null), V = T(() => l.schema.dataSource.type === "static" ? l.schema.dataSource.data : []), D = {
22
+ label: l.schema.labelKey || "label",
23
+ children: l.schema.childrenKey || "children"
24
+ }, A = T(() => l.schema.actions?.filter((a) => a.position === "toolbar") || []), F = T(() => l.schema.actions?.filter((a) => a.position === "node") || []), M = T(() => l.schema.actions?.filter((a) => a.position === "contextMenu") || []), U = (a) => {
25
+ n.value = !1, s("node-click", a);
26
+ }, E = (a, f) => {
27
+ M.value.length !== 0 && (a.preventDefault(), n.value = !0, k.value = { x: a.clientX, y: a.clientY }, y.value = f);
28
+ }, r = (a, f) => {
29
+ n.value = !1, !(a.confirm && !confirm(a.confirm.message || "确定吗?")) && s("action", a.key, f);
30
30
  }, e = () => {
31
31
  n.value = !1;
32
32
  };
@@ -34,18 +34,18 @@ const ze = { class: "schema-tree" }, Ne = {
34
34
  document.addEventListener("click", e);
35
35
  }), be(() => {
36
36
  document.removeEventListener("click", e);
37
- }), (l, f) => {
38
- const F = v("el-icon"), E = v("el-button"), W = v("el-tooltip"), L = v("el-tree");
37
+ }), (a, f) => {
38
+ const I = v("el-icon"), P = v("el-button"), W = v("el-tooltip"), L = v("el-tree");
39
39
  return i(), b("div", ze, [
40
- I.value.length ? (i(), b("div", Ne, [
41
- (i(!0), b(X, null, O(I.value, (C) => (i(), h(E, {
40
+ A.value.length ? (i(), b("div", Ne, [
41
+ (i(!0), b(X, null, O(A.value, (C) => (i(), h(P, {
42
42
  key: C.key,
43
43
  type: "primary",
44
44
  link: "",
45
45
  onClick: (d) => r(C, null)
46
46
  }, {
47
47
  default: m(() => [
48
- C.icon ? (i(), h(F, { key: 0 }, {
48
+ C.icon ? (i(), h(I, { key: 0 }, {
49
49
  default: m(() => [
50
50
  (i(), h(H(C.icon)))
51
51
  ]),
@@ -59,36 +59,36 @@ const ze = { class: "schema-tree" }, Ne = {
59
59
  _(L, {
60
60
  ref_key: "treeRef",
61
61
  ref: p,
62
- data: D.value,
62
+ data: V.value,
63
63
  "node-key": t.schema.nodeKey || "id",
64
- props: V,
64
+ props: D,
65
65
  "default-expand-all": t.schema.ui?.defaultExpandAll,
66
66
  "highlight-current": t.schema.ui?.highlightCurrent,
67
67
  "expand-on-click-node": !1,
68
68
  onNodeClick: U,
69
- onNodeContextmenu: M
69
+ onNodeContextmenu: E
70
70
  }, {
71
71
  default: m(({ node: C, data: d }) => [
72
72
  z("span", Te, [
73
- z("span", De, [
73
+ z("span", Ve, [
74
74
  d.required || d.minCount && d.minCount > 0 ? (i(), b("span", Ue, "*")) : x("", !0),
75
75
  K(" " + R(C.label), 1)
76
76
  ]),
77
- A.value.length ? (i(), b("span", Ve, [
78
- (i(!0), b(X, null, O(A.value, (N) => (i(), h(W, {
77
+ F.value.length ? (i(), b("span", De, [
78
+ (i(!0), b(X, null, O(F.value, (N) => (i(), h(W, {
79
79
  key: N.key,
80
80
  content: N.label,
81
81
  placement: "top",
82
82
  "show-after": 200
83
83
  }, {
84
84
  default: m(() => [
85
- _(E, {
85
+ _(P, {
86
86
  link: "",
87
87
  type: "primary",
88
- onClick: ye((Z) => r(N, d), ["stop"])
88
+ onClick: ye((ee) => r(N, d), ["stop"])
89
89
  }, {
90
90
  default: m(() => [
91
- N.icon ? (i(), h(F, { key: 0 }, {
91
+ N.icon ? (i(), h(I, { key: 0 }, {
92
92
  default: m(() => [
93
93
  (i(), h(H(N.icon)))
94
94
  ]),
@@ -110,42 +110,42 @@ const ze = { class: "schema-tree" }, Ne = {
110
110
  class: "context-menu",
111
111
  style: oe({ left: k.value.x + "px", top: k.value.y + "px" })
112
112
  }, [
113
- (i(!0), b(X, null, O(P.value, (C) => (i(), b("div", {
113
+ (i(!0), b(X, null, O(M.value, (C) => (i(), b("div", {
114
114
  key: C.key,
115
115
  class: "context-menu-item",
116
116
  onClick: (d) => r(C, y.value)
117
117
  }, [
118
- C.icon ? (i(), h(F, { key: 0 }, {
118
+ C.icon ? (i(), h(I, { key: 0 }, {
119
119
  default: m(() => [
120
120
  (i(), h(H(C.icon)))
121
121
  ]),
122
122
  _: 2
123
123
  }, 1024)) : x("", !0),
124
124
  K(" " + R(C.label), 1)
125
- ], 8, Ae))), 128))
125
+ ], 8, Fe))), 128))
126
126
  ], 4)) : x("", !0)
127
127
  ]);
128
128
  };
129
129
  }
130
130
  }), G = (t, $) => {
131
- const a = t.__vccOpts || t;
131
+ const l = t.__vccOpts || t;
132
132
  for (const [s, p] of $)
133
- a[s] = p;
134
- return a;
135
- }, Ie = /* @__PURE__ */ G(Fe, [["__scopeId", "data-v-d6ea2358"]]);
136
- function ee(t, $, a) {
133
+ l[s] = p;
134
+ return l;
135
+ }, Ae = /* @__PURE__ */ G(Ie, [["__scopeId", "data-v-55bc0bc1"]]);
136
+ function te(t, $, l) {
137
137
  return $.permissions ? $.permissions.default?.[t] !== !1 : !0;
138
138
  }
139
139
  function se(t, $) {
140
140
  if (!t) return t;
141
- let a = t;
141
+ let l = t;
142
142
  const s = $.variables || {};
143
- return s.currentNode && (a = a.replace(/\$currentNode\.id/g, String(s.currentNode.id)), a = a.replace(/\$currentNode\.label/g, s.currentNode.label)), a;
143
+ return s.currentNode && (l = l.replace(/\$currentNode\.id/g, String(s.currentNode.id)), l = l.replace(/\$currentNode\.label/g, s.currentNode.label)), l;
144
144
  }
145
- const Pe = {
145
+ const Me = {
146
146
  key: 0,
147
147
  class: "schema-upload"
148
- }, Me = { class: "el-upload__text" }, Ee = { class: "el-upload__tip" }, Be = /* @__PURE__ */ Y({
148
+ }, Ee = { class: "el-upload__text" }, Pe = { class: "el-upload__tip" }, Be = /* @__PURE__ */ Y({
149
149
  __name: "SchemaUpload",
150
150
  props: {
151
151
  schema: {},
@@ -154,76 +154,76 @@ const Pe = {
154
154
  },
155
155
  emits: ["upload-success", "upload-error", "upload-before"],
156
156
  setup(t, { emit: $ }) {
157
- const a = t, s = $, p = ie("schemaContext", {}), n = T(() => {
157
+ const l = t, s = $, p = ie("schemaContext", {}), n = T(() => {
158
158
  const r = p.variables?.currentNode, e = r?.meta?.upload || {};
159
- let l = a.schema.limit;
160
- r?.maxCount !== void 0 ? l = r.maxCount : e.limit !== void 0 && (l = e.limit);
159
+ let a = l.schema.limit;
160
+ r?.maxCount !== void 0 ? a = r.maxCount : e.limit !== void 0 && (a = e.limit);
161
161
  let f = e.maxSize;
162
162
  r?.maxSize !== void 0 && (f = r.maxSize);
163
- let F = a.schema.accept;
164
- r?.accept !== void 0 ? F = r.accept : e.accept !== void 0 && (F = e.accept);
165
- let E = e.minLimit;
166
- r?.minCount !== void 0 && (E = r.minCount);
167
- const W = r?.required || !1, L = a.schema.ui || {}, C = e.ui || {}, d = { ...L, ...C };
163
+ let I = l.schema.accept;
164
+ r?.accept !== void 0 ? I = r.accept : e.accept !== void 0 && (I = e.accept);
165
+ let P = e.minLimit;
166
+ r?.minCount !== void 0 && (P = r.minCount);
167
+ const W = r?.required || !1, L = l.schema.ui || {}, C = e.ui || {}, d = { ...L, ...C };
168
168
  return {
169
- ...a.schema,
169
+ ...l.schema,
170
170
  ...e,
171
- // Override with node-level config
171
+ // 使用节点级配置覆盖
172
172
  ui: d,
173
- // Explicitly handle fields that might be in meta
174
- limit: l,
173
+ // 显式处理可能在 meta 中的字段
174
+ limit: a,
175
175
  maxSize: f,
176
- // Custom field: bytes
177
- minLimit: E,
178
- // Custom field
179
- accept: F,
176
+ // 自定义字段: 字节
177
+ minLimit: P,
178
+ // 自定义字段
179
+ accept: I,
180
180
  required: W,
181
- multiple: e.multiple ?? a.schema.multiple,
182
- drag: e.drag ?? a.schema.drag,
183
- autoUpload: e.autoUpload ?? a.schema.autoUpload
181
+ multiple: e.multiple ?? l.schema.multiple,
182
+ drag: e.drag ?? l.schema.drag,
183
+ autoUpload: e.autoUpload ?? l.schema.autoUpload
184
184
  };
185
185
  }), k = T(() => {
186
186
  if (n.value.limit === void 0) return 1 / 0;
187
- const r = a.fileCount || 0;
187
+ const r = l.fileCount || 0;
188
188
  return Math.max(0, n.value.limit - r);
189
- }), y = T(() => !!(a.disabled || n.value.limit !== void 0 && k.value <= 0)), D = T(() => a.schema.headers || {}), V = T(() => {
190
- const r = a.schema.data || {}, e = {};
191
- for (const l in r) {
192
- const f = r[l];
193
- typeof f == "string" ? e[l] = se(f, p) : e[l] = f;
189
+ }), y = T(() => !!(l.disabled || n.value.limit !== void 0 && k.value <= 0)), V = T(() => l.schema.headers || {}), D = T(() => {
190
+ const r = l.schema.data || {}, e = {};
191
+ for (const a in r) {
192
+ const f = r[a];
193
+ typeof f == "string" ? e[a] = se(f, p) : e[a] = f;
194
194
  }
195
195
  return e;
196
- }), I = T(() => {
196
+ }), A = T(() => {
197
197
  let r = n.value.ui?.tipText || "";
198
198
  const e = [];
199
199
  if (n.value.maxSize) {
200
- const l = (n.value.maxSize / 1024 / 1024).toFixed(1);
201
- e.push(`大小限制 ${l}MB`);
200
+ const a = (n.value.maxSize / 1024 / 1024).toFixed(1);
201
+ e.push(`大小限制 ${a}MB`);
202
202
  }
203
203
  if (n.value.limit) {
204
- const l = a.fileCount || 0;
205
- e.push(`数量限制 ${n.value.limit}个 (已上传 ${l})`);
204
+ const a = l.fileCount || 0;
205
+ e.push(`数量限制 ${n.value.limit}个 (已上传 ${a})`);
206
206
  }
207
207
  return n.value.minLimit ? e.push(`最少 ${n.value.minLimit}个`) : n.value.required && e.push("必填"), n.value.accept && e.push(`格式 ${n.value.accept}`), e.length ? `${r} (${e.join(", ")})` : r;
208
- }), A = (r) => {
208
+ }), F = (r) => {
209
209
  const e = n.value.maxSize;
210
- return e && r.size > e ? (ae.error(`文件大小不能超过 ${(e / 1024 / 1024).toFixed(1)}MB!`), !1) : (s("upload-before", { file: r, context: p }), !0);
211
- }, P = () => {
212
- ae.warning(`当前限制选择 ${n.value.limit} 个文件，还能上传 ${k.value} 个`);
210
+ return e && r.size > e ? (J.error(`文件大小不能超过 ${(e / 1024 / 1024).toFixed(1)}MB!`), !1) : (s("upload-before", { file: r, context: p }), !0);
211
+ }, M = () => {
212
+ J.warning(`当前限制选择 ${n.value.limit} 个文件，还能上传 ${k.value} 个`);
213
213
  }, U = (r) => {
214
214
  s("upload-success", r);
215
- }, M = (r) => {
215
+ }, E = (r) => {
216
216
  s("upload-error", r);
217
217
  };
218
218
  return (r, e) => {
219
- const l = v("upload-filled"), f = v("el-icon"), F = v("el-button"), E = v("el-upload");
220
- return t.schema.enabled ? (i(), b("div", Pe, [
221
- _(E, {
219
+ const a = v("upload-filled"), f = v("el-icon"), I = v("el-button"), P = v("el-upload");
220
+ return t.schema.enabled ? (i(), b("div", Me, [
221
+ _(P, {
222
222
  class: "upload-demo",
223
223
  action: t.schema.action,
224
224
  method: t.schema.method || "post",
225
- headers: D.value,
226
- data: V.value,
225
+ headers: V.value,
226
+ data: D.value,
227
227
  multiple: n.value.multiple,
228
228
  drag: n.value.drag,
229
229
  accept: n.value.accept,
@@ -231,20 +231,20 @@ const Pe = {
231
231
  "auto-upload": n.value.autoUpload !== !1,
232
232
  disabled: y.value,
233
233
  "show-file-list": t.schema.ui?.showFileList,
234
- "before-upload": A,
235
- "on-exceed": P,
234
+ "before-upload": F,
235
+ "on-exceed": M,
236
236
  onSuccess: U,
237
- onError: M
237
+ onError: E
238
238
  }, ge({
239
239
  default: m(() => [
240
240
  n.value.drag ? (i(), b(X, { key: 0 }, [
241
241
  _(f, { class: "el-icon--upload" }, {
242
242
  default: m(() => [
243
- _(l)
243
+ _(a)
244
244
  ]),
245
245
  _: 1
246
246
  }),
247
- z("div", Me, R(t.schema.ui?.buttonText || "Drop file here or click to upload"), 1)
247
+ z("div", Ee, R(t.schema.ui?.buttonText || "将文件拖到此处，或点击上传"), 1)
248
248
  ], 64)) : x("", !0)
249
249
  ]),
250
250
  _: 2
@@ -252,9 +252,9 @@ const Pe = {
252
252
  n.value.drag ? void 0 : {
253
253
  name: "trigger",
254
254
  fn: m(() => [
255
- _(F, { type: "primary" }, {
255
+ _(I, { type: "primary" }, {
256
256
  default: m(() => [
257
- K(R(t.schema.ui?.buttonText || "Click to upload"), 1)
257
+ K(R(t.schema.ui?.buttonText || "点击上传"), 1)
258
258
  ]),
259
259
  _: 1
260
260
  })
@@ -264,7 +264,7 @@ const Pe = {
264
264
  t.schema.ui?.showTip ? {
265
265
  name: "tip",
266
266
  fn: m(() => [
267
- z("div", Ee, R(I.value), 1)
267
+ z("div", Pe, R(A.value), 1)
268
268
  ]),
269
269
  key: "1"
270
270
  } : void 0
@@ -272,7 +272,7 @@ const Pe = {
272
272
  ])) : x("", !0);
273
273
  };
274
274
  }
275
- }), Re = /* @__PURE__ */ G(Be, [["__scopeId", "data-v-51c2dd4e"]]), Le = { class: "schema-table" }, qe = {
275
+ }), Re = /* @__PURE__ */ G(Be, [["__scopeId", "data-v-322cb598"]]), Le = { class: "schema-table" }, qe = {
276
276
  key: 0,
277
277
  class: "table-toolbar"
278
278
  }, je = {
@@ -286,48 +286,48 @@ const Pe = {
286
286
  },
287
287
  emits: ["action", "refresh", "delete-before", "delete-after"],
288
288
  setup(t, { emit: $ }) {
289
- const a = t, s = $, p = ie("schemaContext", {}), n = S(!1), k = S(1), y = S(a.schema.ui?.pagination?.pageSize || 20), D = S(0), V = S([]), I = T(() => {
289
+ const l = t, s = $, p = ie("schemaContext", {}), n = S(!1), k = S(1), y = S(l.schema.ui?.pagination?.pageSize || 20), V = S(0), D = S([]), A = T(() => {
290
290
  let e = [];
291
- return a.files ? e = a.files : a.schema.dataSource.type === "static" ? e = a.schema.dataSource.data : e = V.value, (a.schema.dataSource.type === "static" || a.files) && (D.value = e.length), e;
292
- }), A = (e, l) => {
293
- if (!l) return e;
294
- if (l === "fileSize") {
291
+ return l.files ? e = l.files : l.schema.dataSource.type === "static" ? e = l.schema.dataSource.data : e = D.value, (l.schema.dataSource.type === "static" || l.files) && (V.value = e.length), e;
292
+ }), F = (e, a) => {
293
+ if (!a) return e;
294
+ if (a === "fileSize") {
295
295
  const f = Number(e);
296
296
  return isNaN(f) ? e : f < 1024 ? f + " B" : f < 1024 * 1024 ? (f / 1024).toFixed(2) + " KB" : (f / 1024 / 1024).toFixed(2) + " MB";
297
297
  }
298
298
  return e;
299
- }, P = (e, l) => {
300
- e.confirm && !confirm(e.confirm.message || "Are you sure?") || (e.key === "delete" && s("delete-before", l), s("action", e.key, l), e.key === "delete" && s("delete-after", l));
299
+ }, M = (e, a) => {
300
+ e.confirm && !confirm(e.confirm.message || "确定吗?") || (e.key === "delete" && s("delete-before", a), s("action", e.key, a), e.key === "delete" && s("delete-after", a));
301
301
  }, U = async () => {
302
- if (a.schema.dataSource.type === "api") {
302
+ if (l.schema.dataSource.type === "api") {
303
303
  n.value = !0;
304
304
  try {
305
- const e = a.schema.dataSource, l = { ...e.params };
306
- a.schema.ui?.pagination?.enabled && (l.page = k.value, l.pageSize = y.value);
307
- for (const f in l)
308
- typeof l[f] == "string" && (l[f] = se(l[f], p));
309
- console.log("Fetching Table Data:", e.url, l), e.url;
305
+ const e = l.schema.dataSource, a = { ...e.params };
306
+ l.schema.ui?.pagination?.enabled && (a.page = k.value, a.pageSize = y.value);
307
+ for (const f in a)
308
+ typeof a[f] == "string" && (a[f] = se(a[f], p));
309
+ console.log("Fetching Table Data:", e.url, a), e.url;
310
310
  } catch (e) {
311
311
  console.error(e);
312
312
  } finally {
313
313
  n.value = !1;
314
314
  }
315
315
  }
316
- }, M = (e) => {
316
+ }, E = (e) => {
317
317
  y.value = e, U();
318
318
  }, r = (e) => {
319
319
  k.value = e, U();
320
320
  };
321
- return te(() => p.variables?.currentNode, (e) => {
322
- e && a.schema.dataSource.type === "api" && U();
323
- }, { deep: !0 }), (e, l) => {
324
- const f = v("el-icon"), F = v("el-button"), E = v("el-table-column"), W = v("el-table"), L = v("el-pagination"), C = _e("loading");
321
+ return ae(() => p.variables?.currentNode, (e) => {
322
+ e && l.schema.dataSource.type === "api" && U();
323
+ }, { deep: !0 }), (e, a) => {
324
+ const f = v("el-icon"), I = v("el-button"), P = v("el-table-column"), W = v("el-table"), L = v("el-pagination"), C = _e("loading");
325
325
  return i(), b("div", Le, [
326
326
  t.schema.toolbarActions?.length ? (i(), b("div", qe, [
327
- (i(!0), b(X, null, O(t.schema.toolbarActions, (d) => (i(), h(F, {
327
+ (i(!0), b(X, null, O(t.schema.toolbarActions, (d) => (i(), h(I, {
328
328
  key: d.key,
329
329
  type: d.type || "default",
330
- onClick: (N) => P(d, null)
330
+ onClick: (N) => M(d, null)
331
331
  }, {
332
332
  default: m(() => [
333
333
  d.icon ? (i(), h(f, { key: 0 }, {
@@ -342,14 +342,14 @@ const Pe = {
342
342
  }, 1032, ["type", "onClick"]))), 128))
343
343
  ])) : x("", !0),
344
344
  ke((i(), h(W, {
345
- data: I.value,
345
+ data: A.value,
346
346
  stripe: t.schema.ui?.stripe,
347
347
  border: t.schema.ui?.border,
348
348
  size: t.schema.ui?.size,
349
349
  style: { width: "100%", height: "100%", flex: "1" }
350
350
  }, {
351
351
  default: m(() => [
352
- (i(!0), b(X, null, O(t.schema.columns, (d) => (i(), h(E, {
352
+ (i(!0), b(X, null, O(t.schema.columns, (d) => (i(), h(P, {
353
353
  key: d.prop,
354
354
  prop: d.prop,
355
355
  label: d.label,
@@ -359,22 +359,22 @@ const Pe = {
359
359
  sortable: d.sortable
360
360
  }, {
361
361
  default: m((N) => [
362
- K(R(A(N.row[d.prop], d.formatter)), 1)
362
+ K(R(F(N.row[d.prop], d.formatter)), 1)
363
363
  ]),
364
364
  _: 2
365
365
  }, 1032, ["prop", "label", "width", "align", "fixed", "sortable"]))), 128)),
366
- t.schema.actions?.length ? (i(), h(E, {
366
+ t.schema.actions?.length ? (i(), h(P, {
367
367
  key: 0,
368
368
  label: "操作",
369
369
  fixed: "right",
370
370
  width: "200"
371
371
  }, {
372
372
  default: m((d) => [
373
- (i(!0), b(X, null, O(t.schema.actions, (N) => (i(), h(F, {
373
+ (i(!0), b(X, null, O(t.schema.actions, (N) => (i(), h(I, {
374
374
  key: N.key,
375
375
  type: N.type || "primary",
376
376
  link: "",
377
- onClick: (Z) => P(N, d.row)
377
+ onClick: (ee) => M(N, d.row)
378
378
  }, {
379
379
  default: m(() => [
380
380
  K(R(N.label), 1)
@@ -389,32 +389,32 @@ const Pe = {
389
389
  }, 8, ["data", "stripe", "border", "size"])), [
390
390
  [C, n.value]
391
391
  ]),
392
- t.schema.ui?.pagination?.enabled && D.value > 0 ? (i(), b("div", je, [
392
+ t.schema.ui?.pagination?.enabled && V.value > 0 ? (i(), b("div", je, [
393
393
  _(L, {
394
394
  "current-page": k.value,
395
- "onUpdate:currentPage": l[0] || (l[0] = (d) => k.value = d),
395
+ "onUpdate:currentPage": a[0] || (a[0] = (d) => k.value = d),
396
396
  "page-size": y.value,
397
- "onUpdate:pageSize": l[1] || (l[1] = (d) => y.value = d),
397
+ "onUpdate:pageSize": a[1] || (a[1] = (d) => y.value = d),
398
398
  "page-sizes": [10, 20, 50, 100],
399
399
  layout: t.schema.ui?.pagination?.layout || "total, sizes, prev, pager, next, jumper",
400
- total: D.value,
401
- onSizeChange: M,
400
+ total: V.value,
401
+ onSizeChange: E,
402
402
  onCurrentChange: r
403
403
  }, null, 8, ["current-page", "page-size", "layout", "total"])
404
404
  ])) : x("", !0)
405
405
  ]);
406
406
  };
407
407
  }
408
- }), We = /* @__PURE__ */ G(Ke, [["__scopeId", "data-v-ccad80b3"]]), Xe = { class: "schema-template" }, Oe = { class: "template-container" }, Ye = { class: "tags-wrapper" }, Ge = { class: "tag-content" }, He = { class: "tpl-name" }, Je = /* @__PURE__ */ Y({
408
+ }), We = /* @__PURE__ */ G(Ke, [["__scopeId", "data-v-e3496cb9"]]), Xe = { class: "schema-template" }, Oe = { class: "template-container" }, Ye = { class: "tags-wrapper" }, Ge = { class: "tag-content" }, He = { class: "tpl-name" }, Je = /* @__PURE__ */ Y({
409
409
  __name: "SchemaTemplate",
410
410
  props: {
411
411
  templates: {}
412
412
  },
413
413
  setup(t) {
414
- const $ = (a) => {
415
- window.open(a.url, "_blank");
414
+ const $ = (l) => {
415
+ window.open(l.url, "_blank");
416
416
  };
417
- return (a, s) => {
417
+ return (l, s) => {
418
418
  const p = v("el-icon"), n = v("el-tag");
419
419
  return i(), b("div", Xe, [
420
420
  z("div", Oe, [
@@ -425,13 +425,13 @@ const Pe = {
425
425
  class: "template-tag",
426
426
  type: "primary",
427
427
  effect: "light",
428
- onClick: (D) => $(k)
428
+ onClick: (V) => $(k)
429
429
  }, {
430
430
  default: m(() => [
431
431
  z("span", Ge, [
432
432
  _(p, null, {
433
433
  default: m(() => [
434
- _(Q($e))
434
+ _(Z($e))
435
435
  ]),
436
436
  _: 1
437
437
  }),
@@ -445,10 +445,10 @@ const Pe = {
445
445
  ]);
446
446
  };
447
447
  }
448
- }), Qe = /* @__PURE__ */ G(Je, [["__scopeId", "data-v-5468ee4e"]]), Ze = {
448
+ }), Qe = /* @__PURE__ */ G(Je, [["__scopeId", "data-v-ea09f00e"]]), Ze = {
449
449
  key: 0,
450
450
  class: "schema-preview-container"
451
- }, et = { class: "custom-header" }, tt = ["id"], lt = { class: "header-controls" }, at = { class: "preview-content" }, nt = { class: "preview-content" }, ot = /* @__PURE__ */ Y({
451
+ }, et = { class: "custom-header" }, tt = ["id"], at = { class: "header-controls" }, lt = { class: "preview-content" }, nt = { class: "preview-content" }, ot = /* @__PURE__ */ Y({
452
452
  __name: "SchemaPreview",
453
453
  props: {
454
454
  schema: {},
@@ -457,8 +457,8 @@ const Pe = {
457
457
  },
458
458
  emits: ["update:modelValue"],
459
459
  setup(t, { emit: $ }) {
460
- const a = t, s = $, p = S(!1), n = T({
461
- get: () => a.modelValue,
460
+ const l = t, s = $, p = S(!1), n = T({
461
+ get: () => l.modelValue,
462
462
  set: (y) => {
463
463
  s("update:modelValue", y), y || setTimeout(() => {
464
464
  p.value = !1;
@@ -467,15 +467,15 @@ const Pe = {
467
467
  }), k = () => {
468
468
  p.value = !p.value;
469
469
  };
470
- return te(() => a.schema.fullscreen, (y) => {
470
+ return ae(() => l.schema.fullscreen, (y) => {
471
471
  y !== void 0 && (p.value = y);
472
- }, { immediate: !0 }), (y, D) => {
473
- const V = v("el-icon"), I = v("el-button"), A = v("el-dialog"), P = v("el-drawer");
472
+ }, { immediate: !0 }), (y, V) => {
473
+ const D = v("el-icon"), A = v("el-button"), F = v("el-dialog"), M = v("el-drawer");
474
474
  return n.value ? (i(), b("div", Ze, [
475
- t.schema.mode === "dialog" ? (i(), h(A, {
475
+ t.schema.mode === "dialog" ? (i(), h(F, {
476
476
  key: 0,
477
477
  modelValue: n.value,
478
- "onUpdate:modelValue": D[0] || (D[0] = (U) => n.value = U),
478
+ "onUpdate:modelValue": V[0] || (V[0] = (U) => n.value = U),
479
479
  width: t.schema.width,
480
480
  fullscreen: p.value || t.schema.fullscreen,
481
481
  draggable: "",
@@ -484,19 +484,19 @@ const Pe = {
484
484
  class: "preview-dialog",
485
485
  "show-close": !1
486
486
  }, {
487
- header: m(({ close: U, titleId: M, titleClass: r }) => [
487
+ header: m(({ close: U, titleId: E, titleClass: r }) => [
488
488
  z("div", et, [
489
489
  z("span", {
490
- id: M,
490
+ id: E,
491
491
  class: xe(r)
492
492
  }, R(t.schema.dialogTitle || "预览"), 11, tt),
493
- z("div", lt, [
494
- _(I, {
493
+ z("div", at, [
494
+ _(A, {
495
495
  link: "",
496
496
  onClick: k
497
497
  }, {
498
498
  default: m(() => [
499
- _(V, null, {
499
+ _(D, null, {
500
500
  default: m(() => [
501
501
  (i(), h(H(p.value ? "CopyDocument" : "FullScreen")))
502
502
  ]),
@@ -505,14 +505,14 @@ const Pe = {
505
505
  ]),
506
506
  _: 1
507
507
  }),
508
- _(I, {
508
+ _(A, {
509
509
  link: "",
510
510
  onClick: U
511
511
  }, {
512
512
  default: m(() => [
513
- _(V, null, {
513
+ _(D, null, {
514
514
  default: m(() => [
515
- _(Q(we))
515
+ _(Z(we))
516
516
  ]),
517
517
  _: 1
518
518
  })
@@ -523,8 +523,8 @@ const Pe = {
523
523
  ])
524
524
  ]),
525
525
  default: m(() => [
526
- z("div", at, [
527
- t.file ? (i(), h(Q(ne), {
526
+ z("div", lt, [
527
+ t.file ? (i(), h(Z(ne), {
528
528
  key: 0,
529
529
  url: t.file.url,
530
530
  type: t.file.type,
@@ -533,10 +533,10 @@ const Pe = {
533
533
  ])
534
534
  ]),
535
535
  _: 1
536
- }, 8, ["modelValue", "width", "fullscreen"])) : (i(), h(P, {
536
+ }, 8, ["modelValue", "width", "fullscreen"])) : (i(), h(M, {
537
537
  key: 1,
538
538
  modelValue: n.value,
539
- "onUpdate:modelValue": D[1] || (D[1] = (U) => n.value = U),
539
+ "onUpdate:modelValue": V[1] || (V[1] = (U) => n.value = U),
540
540
  title: t.schema.dialogTitle || "预览",
541
541
  size: t.schema.width,
542
542
  "destroy-on-close": "",
@@ -544,7 +544,7 @@ const Pe = {
544
544
  }, {
545
545
  default: m(() => [
546
546
  z("div", nt, [
547
- t.file ? (i(), h(Q(ne), {
547
+ t.file ? (i(), h(Z(ne), {
548
548
  key: 0,
549
549
  url: t.file.url,
550
550
  type: t.file.type,
@@ -557,7 +557,7 @@ const Pe = {
557
557
  ])) : x("", !0);
558
558
  };
559
559
  }
560
- }), it = /* @__PURE__ */ G(ot, [["__scopeId", "data-v-caf5bb4b"]]), st = { class: "tree-upload-container" }, ct = { class: "content-pane" }, rt = {
560
+ }), it = /* @__PURE__ */ G(ot, [["__scopeId", "data-v-6a6a8acf"]]), st = { class: "tree-upload-container" }, ct = { class: "content-pane" }, rt = {
561
561
  key: 0,
562
562
  class: "top-section"
563
563
  }, ut = { class: "table-section" }, dt = { class: "dialog-footer" }, mt = /* @__PURE__ */ Y({
@@ -573,17 +573,17 @@ const Pe = {
573
573
  "delete-before",
574
574
  "delete-after"
575
575
  ],
576
- setup(t, { expose: $, emit: a }) {
577
- const s = t, p = a, n = S(null), k = S([]), y = S(!1), D = S(null), V = S(!1), I = S("addRoot"), A = le({ label: "" }), P = S(), U = S(null), M = le({
576
+ setup(t, { expose: $, emit: l }) {
577
+ const s = t, p = l, n = S(null), k = S([]), y = S(!1), V = S(null), D = S(!1), A = S("addRoot"), F = le({ label: "" }), M = S(), U = S(null), E = le({
578
578
  variables: {
579
579
  ...s.schema.context?.variables,
580
580
  currentNode: void 0,
581
581
  currentFile: void 0
582
582
  }
583
583
  });
584
- Se("schemaContext", M);
585
- const r = S(280), e = S(!1), l = T(() => s.schema.tree.ui?.resizable !== !1), f = T(() => `${r.value}px`);
586
- te(() => s.schema.tree.ui?.width, (o) => {
584
+ Se("schemaContext", E);
585
+ const r = S(280), e = S(!1), a = T(() => s.schema.tree.ui?.resizable !== !1), f = T(() => `${r.value}px`);
586
+ ae(() => s.schema.tree.ui?.width, (o) => {
587
587
  if (typeof o == "number")
588
588
  r.value = o;
589
589
  else if (typeof o == "string") {
@@ -591,9 +591,9 @@ const Pe = {
591
591
  isNaN(c) || (r.value = c);
592
592
  }
593
593
  }, { immediate: !0 });
594
- const F = (o) => {
595
- l.value && (e.value = !0, document.addEventListener("mousemove", E), document.addEventListener("mouseup", W), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none");
596
- }, E = (o) => {
594
+ const I = (o) => {
595
+ a.value && (e.value = !0, document.addEventListener("mousemove", P), document.addEventListener("mouseup", W), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none");
596
+ }, P = (o) => {
597
597
  if (!e.value) return;
598
598
  const c = document.querySelector(".tree-upload-container");
599
599
  if (c) {
@@ -601,9 +601,9 @@ const Pe = {
601
601
  u >= 150 && u <= 800 && (r.value = u);
602
602
  }
603
603
  }, W = () => {
604
- e.value = !1, document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", W), document.body.style.cursor = "", document.body.style.userSelect = "";
605
- }, L = T(() => n.value?.meta?.templates || []), C = T(() => n.value ? ee("upload", s.schema) : !1), d = T(() => {
606
- switch (I.value) {
604
+ e.value = !1, document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", W), document.body.style.cursor = "", document.body.style.userSelect = "";
605
+ }, L = T(() => n.value?.meta?.templates || []), C = T(() => n.value ? te("upload", s.schema) : !1), d = T(() => {
606
+ switch (A.value) {
607
607
  case "addRoot":
608
608
  return "添加根节点";
609
609
  case "addChild":
@@ -616,17 +616,17 @@ const Pe = {
616
616
  return "节点操作";
617
617
  }
618
618
  }), N = (o) => {
619
- if (console.log("Node Selected:", o), n.value = o, M.variables && (M.variables.currentNode = o), s.schema.table.dataSource.type === "static") {
619
+ if (console.log("Node Selected:", o), n.value = o, E.variables && (E.variables.currentNode = o), s.schema.table.dataSource.type === "static") {
620
620
  const c = s.schema.table.dataSource.data;
621
621
  k.value = c.filter((w) => w.meta?.nodeId === String(o.id));
622
622
  }
623
- }, Z = (o, c) => {
624
- if (console.log("Tree Action:", o, c), !ee(o, s.schema)) {
625
- alert("Permission Denied");
623
+ }, ee = (o, c) => {
624
+ if (console.log("树动作:", o, c), !te(o, s.schema)) {
625
+ J.error("权限不足");
626
626
  return;
627
627
  }
628
628
  if (s.schema.tree.dataSource.type !== "static") {
629
- alert(`Action ${o} triggered (API implementation required)`);
629
+ J.warning(`触发动作 ${o} (需要 API 实现)`);
630
630
  return;
631
631
  }
632
632
  if (o === "delete") {
@@ -642,14 +642,14 @@ const Pe = {
642
642
  u(w) && n.value?.id === c.id && (n.value = null);
643
643
  return;
644
644
  }
645
- (o === "addRoot" || o === "addChild" || o === "addSibling" || o === "edit") && (I.value = o, U.value = c, A.label = o === "edit" && c ? c.label : "", V.value = !0, Ce(() => {
646
- P.value?.clearValidate();
645
+ (o === "addRoot" || o === "addChild" || o === "addSibling" || o === "edit") && (A.value = o, U.value = c, F.label = o === "edit" && c ? c.label : "", D.value = !0, Ce(() => {
646
+ M.value?.clearValidate();
647
647
  }));
648
648
  }, ce = () => {
649
- P.value?.validate((o) => {
649
+ M.value?.validate((o) => {
650
650
  if (!o || s.schema.tree.dataSource.type !== "static")
651
651
  return;
652
- const c = s.schema.tree.dataSource.data, w = A.label, u = I.value, g = U.value;
652
+ const c = s.schema.tree.dataSource.data, w = F.label, u = A.value, g = U.value;
653
653
  if (u === "addRoot")
654
654
  c.push({ id: String(Date.now()), label: w, children: [] });
655
655
  else if (u === "addChild")
@@ -657,23 +657,23 @@ const Pe = {
657
657
  else if (u === "addSibling") {
658
658
  if (g) {
659
659
  const q = (B) => {
660
- const j = B.findIndex((J) => J.id === g.id);
660
+ const j = B.findIndex((Q) => Q.id === g.id);
661
661
  if (j > -1)
662
662
  return B.splice(j + 1, 0, { id: String(Date.now()), label: w, children: [] }), !0;
663
- for (const J of B)
664
- if (J.children && q(J.children)) return !0;
663
+ for (const Q of B)
664
+ if (Q.children && q(Q.children)) return !0;
665
665
  return !1;
666
666
  };
667
667
  q(c);
668
668
  }
669
669
  } else u === "edit" && g && (g.label = w);
670
- V.value = !1;
670
+ D.value = !1;
671
671
  });
672
672
  }, re = (o) => {
673
- if (console.log("Upload Success:", o), p("upload-success", o), s.schema.table.dataSource.type === "static" && n.value) {
673
+ if (console.log("上传成功:", o), p("upload-success", o), s.schema.table.dataSource.type === "static" && n.value) {
674
674
  const c = {
675
675
  id: Date.now(),
676
- name: "Uploaded File.png",
676
+ name: "已上传文件.png",
677
677
  size: 1024,
678
678
  url: "#",
679
679
  type: "png",
@@ -682,12 +682,12 @@ const Pe = {
682
682
  s.schema.table.dataSource.data.push(c), N(n.value);
683
683
  }
684
684
  }, ue = (o, c) => {
685
- if (console.log("Table Action:", o, c), M.variables && (M.variables.currentFile = c), !ee(o, s.schema)) {
686
- alert("Permission Denied");
685
+ if (console.log("Table Action:", o, c), E.variables && (E.variables.currentFile = c), !te(o, s.schema)) {
686
+ J.error("权限不足");
687
687
  return;
688
688
  }
689
689
  if (o === "preview")
690
- D.value = c, y.value = !0;
690
+ V.value = c, y.value = !0;
691
691
  else if (o === "delete" && s.schema.table.dataSource.type === "static") {
692
692
  const w = s.schema.table.dataSource.data.findIndex((u) => u.id === c.id);
693
693
  w > -1 && (s.schema.table.dataSource.data.splice(w, 1), n.value && N(n.value));
@@ -711,16 +711,16 @@ const Pe = {
711
711
  class: "tree-pane",
712
712
  style: oe({ width: f.value })
713
713
  }, [
714
- _(Ie, {
714
+ _(Ae, {
715
715
  schema: t.schema.tree,
716
716
  onNodeClick: N,
717
- onAction: Z
717
+ onAction: ee
718
718
  }, null, 8, ["schema"])
719
719
  ], 4),
720
- l.value ? (i(), b("div", {
720
+ a.value ? (i(), b("div", {
721
721
  key: 0,
722
722
  class: "resize-handle",
723
- onMousedown: F
723
+ onMousedown: I
724
724
  }, null, 32)) : x("", !0),
725
725
  z("div", ct, [
726
726
  t.mode === "edit" ? (i(), b("div", rt, [
@@ -753,11 +753,11 @@ const Pe = {
753
753
  modelValue: y.value,
754
754
  "onUpdate:modelValue": c[0] || (c[0] = (j) => y.value = j),
755
755
  schema: t.schema.preview,
756
- file: D.value
756
+ file: V.value
757
757
  }, null, 8, ["modelValue", "schema", "file"])) : x("", !0),
758
758
  _(B, {
759
- modelValue: V.value,
760
- "onUpdate:modelValue": c[3] || (c[3] = (j) => V.value = j),
759
+ modelValue: D.value,
760
+ "onUpdate:modelValue": c[3] || (c[3] = (j) => D.value = j),
761
761
  title: d.value,
762
762
  width: "400px",
763
763
  "append-to-body": "",
@@ -766,7 +766,7 @@ const Pe = {
766
766
  footer: m(() => [
767
767
  z("span", dt, [
768
768
  _(q, {
769
- onClick: c[2] || (c[2] = (j) => V.value = !1)
769
+ onClick: c[2] || (c[2] = (j) => D.value = !1)
770
770
  }, {
771
771
  default: m(() => [...c[4] || (c[4] = [
772
772
  K("取消", -1)
@@ -786,9 +786,9 @@ const Pe = {
786
786
  ]),
787
787
  default: m(() => [
788
788
  _(g, {
789
- model: A,
789
+ model: F,
790
790
  ref_key: "nodeFormRef",
791
- ref: P,
791
+ ref: M,
792
792
  "label-width": "80px"
793
793
  }, {
794
794
  default: m(() => [
@@ -799,8 +799,8 @@ const Pe = {
799
799
  }, {
800
800
  default: m(() => [
801
801
  _(w, {
802
- modelValue: A.label,
803
- "onUpdate:modelValue": c[1] || (c[1] = (j) => A.label = j),
802
+ modelValue: F.label,
803
+ "onUpdate:modelValue": c[1] || (c[1] = (j) => F.label = j),
804
804
  placeholder: "请输入节点名称"
805
805
  }, null, 8, ["modelValue"])
806
806
  ]),
@@ -815,7 +815,7 @@ const Pe = {
815
815
  ]);
816
816
  };
817
817
  }
818
- }), ft = /* @__PURE__ */ G(mt, [["__scopeId", "data-v-cd1cb21c"]]), yt = {
818
+ }), ft = /* @__PURE__ */ G(mt, [["__scopeId", "data-v-1ad270d1"]]), yt = {
819
819
  install(t) {
820
820
  t.component("TreeUpload", ft);
821
821
  }
package/dist/tree-upload-vue3.umd.js CHANGED
@@ -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,q,R,j){"use strict";const O={class:"schema-tree"},X={key:0,class:"tree-toolbar"},Y={class:"custom-tree-node"},G={class:"node-label"},H={key:0,class:"required-star"},J={key:0,class:"actions"},Q=["onClick"],Z=e.defineComponent({__name:"SchemaTree",props:{schema:{}},emits:["node-click","action"],setup(o,{emit:y}){const n=o,r=y,u=e.ref(),a=e.ref(!1),k=e.ref({x:0,y:0}),f=e.ref(null),_=e.computed(()=>n.schema.dataSource.type==="static"?n.schema.dataSource.data:[]),B={label:n.schema.labelKey||"label",children:n.schema.childrenKey||"children"},w=e.computed(()=>n.schema.actions?.filter(l=>l.position==="toolbar")||[]),V=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)},$=(l,p)=>{S.value.length!==0&&(l.preventDefault(),a.value=!0,k.value={x:l.clientX,y:l.clientY},f.value=p)},s=(l,p)=>{a.value=!1,!(l.confirm&&!confirm(l.confirm.message||"Are you sure?"))&&r("action",l.key,p)},t=()=>{a.value=!1};return e.onMounted(()=>{document.addEventListener("click",t)}),e.onUnmounted(()=>{document.removeEventListener("click",t)}),(l,p)=>{const N=e.resolveComponent("el-icon"),E=e.resolveComponent("el-button"),A=e.resolveComponent("el-tooltip"),z=e.resolveComponent("el-tree");return e.openBlock(),e.createElementBlock("div",O,[w.value.length?(e.openBlock(),e.createElementBlock("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,C=>(e.openBlock(),e.createBlock(E,{key:C.key,type:"primary",link:"",onClick:m=>s(C,null)},{default:e.withCtx(()=>[C.icon?(e.openBlock(),e.createBlock(N,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.icon)))]),_:2},1024)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(C.label),1)]),_:2},1032,["onClick"]))),128))])):e.createCommentVNode("",!0),e.createVNode(z,{ref_key:"treeRef",ref:u,data:_.value,"node-key":o.schema.nodeKey||"id",props:B,"default-expand-all":o.schema.ui?.defaultExpandAll,"highlight-current":o.schema.ui?.highlightCurrent,"expand-on-click-node":!1,onNodeClick:x,onNodeContextmenu:$},{default:e.withCtx(({node:C,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(C.label),1)]),V.value.length?(e.openBlock(),e.createElementBlock("span",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,b=>(e.openBlock(),e.createBlock(A,{key:b.key,content:b.label,placement:"top","show-after":200},{default:e.withCtx(()=>[e.createVNode(E,{link:"",type:"primary",onClick:e.withModifiers(P=>s(b,m),["stop"])},{default:e.withCtx(()=>[b.icon?(e.openBlock(),e.createBlock(N,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b.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:k.value.x+"px",top:k.value.y+"px"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,C=>(e.openBlock(),e.createElementBlock("div",{key:C.key,class:"context-menu-item",onClick:m=>s(C,f.value)},[C.icon?(e.openBlock(),e.createBlock(N,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.icon)))]),_:2},1024)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(C.label),1)],8,Q))),128))],4)):e.createCommentVNode("",!0)])}}}),I=(o,y)=>{const n=o.__vccOpts||o;for(const[r,u]of y)n[r]=u;return n},v=I(Z,[["__scopeId","data-v-d6ea2358"]]);function L(o,y,n){return y.permissions?y.permissions.default?.[o]!==!1:!0}function K(o,y){if(!o)return o;let n=o;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}const ee={key:0,class:"schema-upload"},te={class:"el-upload__text"},oe={class:"el-upload__tip"},le=I(e.defineComponent({__name:"SchemaUpload",props:{schema:{},disabled:{type:Boolean},fileCount:{}},emits:["upload-success","upload-error","upload-before"],setup(o,{emit:y}){const n=o,r=y,u=e.inject("schemaContext",{}),a=e.computed(()=>{const s=u.variables?.currentNode,t=s?.meta?.upload||{};let l=n.schema.limit;s?.maxCount!==void 0?l=s.maxCount:t.limit!==void 0&&(l=t.limit);let p=t.maxSize;s?.maxSize!==void 0&&(p=s.maxSize);let N=n.schema.accept;s?.accept!==void 0?N=s.accept:t.accept!==void 0&&(N=t.accept);let E=t.minLimit;s?.minCount!==void 0&&(E=s.minCount);const A=s?.required||!1,z=n.schema.ui||{},C=t.ui||{},m={...z,...C};return{...n.schema,...t,ui:m,limit:l,maxSize:p,minLimit:E,accept:N,required:A,multiple:t.multiple??n.schema.multiple,drag:t.drag??n.schema.drag,autoUpload:t.autoUpload??n.schema.autoUpload}}),k=e.computed(()=>{if(a.value.limit===void 0)return 1/0;const s=n.fileCount||0;return Math.max(0,a.value.limit-s)}),f=e.computed(()=>!!(n.disabled||a.value.limit!==void 0&&k.value<=0)),_=e.computed(()=>n.schema.headers||{}),B=e.computed(()=>{const s=n.schema.data||{},t={};for(const l in s){const p=s[l];typeof p=="string"?t[l]=K(p,u):t[l]=p}return t}),w=e.computed(()=>{let s=a.value.ui?.tipText||"";const t=[];if(a.value.maxSize){const l=(a.value.maxSize/1024/1024).toFixed(1);t.push(`大小限制 ${l}MB`)}if(a.value.limit){const l=n.fileCount||0;t.push(`数量限制 ${a.value.limit}个 (已上传 ${l})`)}return a.value.minLimit?t.push(`最少 ${a.value.minLimit}个`):a.value.required&&t.push("必填"),a.value.accept&&t.push(`格式 ${a.value.accept}`),t.length?`${s} (${t.join(", ")})`:s}),V=s=>{const t=a.value.maxSize;return t&&s.size>t?(q.ElMessage.error(`文件大小不能超过 ${(t/1024/1024).toFixed(1)}MB!`),!1):(r("upload-before",{file:s,context:u}),!0)},S=()=>{q.ElMessage.warning(`当前限制选择 ${a.value.limit} 个文件，还能上传 ${k.value} 个`)},x=s=>{r("upload-success",s)},$=s=>{r("upload-error",s)};return(s,t)=>{const l=e.resolveComponent("upload-filled"),p=e.resolveComponent("el-icon"),N=e.resolveComponent("el-button"),E=e.resolveComponent("el-upload");return o.schema.enabled?(e.openBlock(),e.createElementBlock("div",ee,[e.createVNode(E,{class:"upload-demo",action:o.schema.action,method:o.schema.method||"post",headers:_.value,data:B.value,multiple:a.value.multiple,drag:a.value.drag,accept:a.value.accept,limit:k.value,"auto-upload":a.value.autoUpload!==!1,disabled:f.value,"show-file-list":o.schema.ui?.showFileList,"before-upload":V,"on-exceed":S,onSuccess:x,onError:$},e.createSlots({default:e.withCtx(()=>[a.value.drag?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(p,{class:"el-icon--upload"},{default:e.withCtx(()=>[e.createVNode(l)]),_:1}),e.createElementVNode("div",te,e.toDisplayString(o.schema.ui?.buttonText||"Drop file here or click to upload"),1)],64)):e.createCommentVNode("",!0)]),_:2},[a.value.drag?void 0:{name:"trigger",fn:e.withCtx(()=>[e.createVNode(N,{type:"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.schema.ui?.buttonText||"Click to upload"),1)]),_:1})]),key:"0"},o.schema.ui?.showTip?{name:"tip",fn:e.withCtx(()=>[e.createElementVNode("div",oe,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-51c2dd4e"]]),ne={class:"schema-table"},ae={key:0,class:"table-toolbar"},ce={key:1,class:"pagination-wrapper"},re=I(e.defineComponent({__name:"SchemaTable",props:{schema:{},files:{}},emits:["action","refresh","delete-before","delete-after"],setup(o,{emit:y}){const n=o,r=y,u=e.inject("schemaContext",{}),a=e.ref(!1),k=e.ref(1),f=e.ref(n.schema.ui?.pagination?.pageSize||20),_=e.ref(0),B=e.ref([]),w=e.computed(()=>{let t=[];return n.files?t=n.files:n.schema.dataSource.type==="static"?t=n.schema.dataSource.data:t=B.value,(n.schema.dataSource.type==="static"||n.files)&&(_.value=t.length),t}),V=(t,l)=>{if(!l)return t;if(l==="fileSize"){const p=Number(t);return isNaN(p)?t:p<1024?p+" B":p<1024*1024?(p/1024).toFixed(2)+" KB":(p/1024/1024).toFixed(2)+" MB"}return t},S=(t,l)=>{t.confirm&&!confirm(t.confirm.message||"Are you sure?")||(t.key==="delete"&&r("delete-before",l),r("action",t.key,l),t.key==="delete"&&r("delete-after",l))},x=async()=>{if(n.schema.dataSource.type==="api"){a.value=!0;try{const t=n.schema.dataSource,l={...t.params};n.schema.ui?.pagination?.enabled&&(l.page=k.value,l.pageSize=f.value);for(const p in l)typeof l[p]=="string"&&(l[p]=K(l[p],u));console.log("Fetching Table Data:",t.url,l),t.url}catch(t){console.error(t)}finally{a.value=!1}}},$=t=>{f.value=t,x()},s=t=>{k.value=t,x()};return e.watch(()=>u.variables?.currentNode,t=>{t&&n.schema.dataSource.type==="api"&&x()},{deep:!0}),(t,l)=>{const p=e.resolveComponent("el-icon"),N=e.resolveComponent("el-button"),E=e.resolveComponent("el-table-column"),A=e.resolveComponent("el-table"),z=e.resolveComponent("el-pagination"),C=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",ne,[o.schema.toolbarActions?.length?(e.openBlock(),e.createElementBlock("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.schema.toolbarActions,m=>(e.openBlock(),e.createBlock(N,{key:m.key,type:m.type||"default",onClick:b=>S(m,null)},{default:e.withCtx(()=>[m.icon?(e.openBlock(),e.createBlock(p,{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(A,{data:w.value,stripe:o.schema.ui?.stripe,border:o.schema.ui?.border,size:o.schema.ui?.size,style:{width:"100%",height:"100%",flex:"1"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.schema.columns,m=>(e.openBlock(),e.createBlock(E,{key:m.prop,prop:m.prop,label:m.label,width:m.width,align:m.align,fixed:m.fixed,sortable:m.sortable},{default:e.withCtx(b=>[e.createTextVNode(e.toDisplayString(V(b.row[m.prop],m.formatter)),1)]),_:2},1032,["prop","label","width","align","fixed","sortable"]))),128)),o.schema.actions?.length?(e.openBlock(),e.createBlock(E,{key:0,label:"操作",fixed:"right",width:"200"},{default:e.withCtx(m=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.schema.actions,b=>(e.openBlock(),e.createBlock(N,{key:b.key,type:b.type||"primary",link:"",onClick:P=>S(b,m.row)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(b.label),1)]),_:2},1032,["type","onClick"]))),128))]),_:1})):e.createCommentVNode("",!0)]),_:1},8,["data","stripe","border","size"])),[[C,a.value]]),o.schema.ui?.pagination?.enabled&&_.value>0?(e.openBlock(),e.createElementBlock("div",ce,[e.createVNode(z,{"current-page":k.value,"onUpdate:currentPage":l[0]||(l[0]=m=>k.value=m),"page-size":f.value,"onUpdate:pageSize":l[1]||(l[1]=m=>f.value=m),"page-sizes":[10,20,50,100],layout:o.schema.ui?.pagination?.layout||"total, sizes, prev, pager, next, jumper",total:_.value,onSizeChange:$,onCurrentChange:s},null,8,["current-page","page-size","layout","total"])])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-ccad80b3"]]),ie={class:"schema-template"},se={class:"template-container"},de={class:"tags-wrapper"},me={class:"tag-content"},pe={class:"tpl-name"},ue=I(e.defineComponent({__name:"SchemaTemplate",props:{templates:{}},setup(o){const y=n=>{window.open(n.url,"_blank")};return(n,r)=>{const u=e.resolveComponent("el-icon"),a=e.resolveComponent("el-tag");return e.openBlock(),e.createElementBlock("div",ie,[e.createElementVNode("div",se,[r[0]||(r[0]=e.createElementVNode("span",{class:"label"},"可用模板：",-1)),e.createElementVNode("div",de,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.templates,(k,f)=>(e.openBlock(),e.createBlock(a,{key:f,class:"template-tag",type:"primary",effect:"light",onClick:_=>y(k)},{default:e.withCtx(()=>[e.createElementVNode("span",me,[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(e.unref(R.Download))]),_:1}),e.createElementVNode("span",pe,e.toDisplayString(k.name),1)])]),_:2},1032,["onClick"]))),128))])])])}}}),[["__scopeId","data-v-5468ee4e"]]),fe={key:0,class:"schema-preview-container"},he={class:"custom-header"},ke=["id"],Ce={class:"header-controls"},ye={class:"preview-content"},ge={class:"preview-content"},be=I(e.defineComponent({__name:"SchemaPreview",props:{schema:{},modelValue:{type:Boolean},file:{}},emits:["update:modelValue"],setup(o,{emit:y}){const n=o,r=y,u=e.ref(!1),a=e.computed({get:()=>n.modelValue,set:f=>{r("update:modelValue",f),f||setTimeout(()=>{u.value=!1},300)}}),k=()=>{u.value=!u.value};return e.watch(()=>n.schema.fullscreen,f=>{f!==void 0&&(u.value=f)},{immediate:!0}),(f,_)=>{const B=e.resolveComponent("el-icon"),w=e.resolveComponent("el-button"),V=e.resolveComponent("el-dialog"),S=e.resolveComponent("el-drawer");return a.value?(e.openBlock(),e.createElementBlock("div",fe,[o.schema.mode==="dialog"?(e.openBlock(),e.createBlock(V,{key:0,modelValue:a.value,"onUpdate:modelValue":_[0]||(_[0]=x=>a.value=x),width:o.schema.width,fullscreen:u.value||o.schema.fullscreen,draggable:"","destroy-on-close":"","append-to-body":"",class:"preview-dialog","show-close":!1},{header:e.withCtx(({close:x,titleId:$,titleClass:s})=>[e.createElementVNode("div",he,[e.createElementVNode("span",{id:$,class:e.normalizeClass(s)},e.toDisplayString(o.schema.dialogTitle||"预览"),11,ke),e.createElementVNode("div",Ce,[e.createVNode(w,{link:"",onClick:k},{default:e.withCtx(()=>[e.createVNode(B,null,{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.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(R.Close))]),_:1})]),_:1},8,["onClick"])])])]),default:e.withCtx(()=>[e.createElementVNode("div",ye,[o.file?(e.openBlock(),e.createBlock(e.unref(j),{key:0,url:o.file.url,type:o.file.type,name:o.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":_[1]||(_[1]=x=>a.value=x),title:o.schema.dialogTitle||"预览",size:o.schema.width,"destroy-on-close":"","append-to-body":""},{default:e.withCtx(()=>[e.createElementVNode("div",ge,[o.file?(e.openBlock(),e.createBlock(e.unref(j),{key:0,url:o.file.url,type:o.file.type,name:o.file.name},null,8,["url","type","name"])):e.createCommentVNode("",!0)])]),_:1},8,["modelValue","title","size"]))])):e.createCommentVNode("",!0)}}}),[["__scopeId","data-v-caf5bb4b"]]),_e={class:"tree-upload-container"},xe={class:"content-pane"},Be={key:0,class:"top-section"},Ve={class:"table-section"},Ne={class:"dialog-footer"},W=I(e.defineComponent({__name:"TreeUpload",props:{schema:{},mode:{default:"edit"}},emits:["upload-before","upload-success","upload-error","delete-before","delete-after"],setup(o,{expose:y,emit:n}){const r=o,u=n,a=e.ref(null),k=e.ref([]),f=e.ref(!1),_=e.ref(null),B=e.ref(!1),w=e.ref("addRoot"),V=e.reactive({label:""}),S=e.ref(),x=e.ref(null),$=e.reactive({variables:{...r.schema.context?.variables,currentNode:void 0,currentFile:void 0}});e.provide("schemaContext",$);const s=e.ref(280),t=e.ref(!1),l=e.computed(()=>r.schema.tree.ui?.resizable!==!1),p=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 N=c=>{l.value&&(t.value=!0,document.addEventListener("mousemove",E),document.addEventListener("mouseup",A),document.body.style.cursor="col-resize",document.body.style.userSelect="none")},E=c=>{if(!t.value)return;const i=document.querySelector(".tree-upload-container");if(i){const g=i.getBoundingClientRect(),d=c.clientX-g.left;d>=150&&d<=800&&(s.value=d)}},A=()=>{t.value=!1,document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",A),document.body.style.cursor="",document.body.style.userSelect=""},z=e.computed(()=>a.value?.meta?.templates||[]),C=e.computed(()=>a.value?L("upload",r.schema):!1),m=e.computed(()=>{switch(w.value){case"addRoot":return"添加根节点";case"addChild":return"添加子节点";case"addSibling":return"添加本级节点";case"edit":return"编辑节点";default:return"节点操作"}}),b=c=>{if(console.log("Node Selected:",c),a.value=c,$.variables&&($.variables.currentNode=c),r.schema.table.dataSource.type==="static"){const i=r.schema.table.dataSource.data;k.value=i.filter(g=>g.meta?.nodeId===String(c.id))}},P=(c,i)=>{if(console.log("Tree Action:",c,i),!L(c,r.schema)){alert("Permission Denied");return}if(r.schema.tree.dataSource.type!=="static"){alert(`Action ${c} triggered (API implementation required)`);return}if(c==="delete"){if(!i||!confirm(`确定删除节点 "${i.label}" 吗?`))return;const g=r.schema.tree.dataSource.data,d=h=>{const U=h.findIndex(T=>T.id===i.id);if(U>-1)return h.splice(U,1),!0;for(const T of h)if(T.children&&d(T.children))return!0;return!1};d(g)&&a.value?.id===i.id&&(a.value=null);return}(c==="addRoot"||c==="addChild"||c==="addSibling"||c==="edit")&&(w.value=c,x.value=i,V.label=c==="edit"&&i?i.label:"",B.value=!0,e.nextTick(()=>{S.value?.clearValidate()}))},Se=()=>{S.value?.validate(c=>{if(!c||r.schema.tree.dataSource.type!=="static")return;const i=r.schema.tree.dataSource.data,g=V.label,d=w.value,h=x.value;if(d==="addRoot")i.push({id:String(Date.now()),label:g,children:[]});else if(d==="addChild")h&&(h.children||(h.children=[]),h.children.push({id:String(Date.now()),label:g,children:[]}));else if(d==="addSibling"){if(h){const U=T=>{const F=T.findIndex(M=>M.id===h.id);if(F>-1)return T.splice(F+1,0,{id:String(Date.now()),label:g,children:[]}),!0;for(const M of T)if(M.children&&U(M.children))return!0;return!1};U(i)}}else d==="edit"&&h&&(h.label=g);B.value=!1})},$e=c=>{if(console.log("Upload Success:",c),u("upload-success",c),r.schema.table.dataSource.type==="static"&&a.value){const i={id:Date.now(),name:"Uploaded File.png",size:1024,url:"#",type:"png",meta:{nodeId:String(a.value.id)}};r.schema.table.dataSource.data.push(i),b(a.value)}},Ee=(c,i)=>{if(console.log("Table Action:",c,i),$.variables&&($.variables.currentFile=i),!L(c,r.schema)){alert("Permission Denied");return}if(c==="preview")_.value=i,f.value=!0;else if(c==="delete"&&r.schema.table.dataSource.type==="static"){const g=r.schema.table.dataSource.data.findIndex(d=>d.id===i.id);g>-1&&(r.schema.table.dataSource.data.splice(g,1),a.value&&b(a.value))}},Te=async()=>{const c=[],i=[],g=d=>{if(d.required||d.minCount&&d.minCount>0||d.maxCount&&d.maxCount>0){let h=0;r.schema.table.dataSource.type==="static"?h=r.schema.table.dataSource.data.filter(T=>String(T.meta?.nodeId)===String(d.id)).length:h=d.meta?.fileCount||0,d.required&&h===0?(c.push(`节点 "${d.label}" 必须上传文件`),i.push(d)):d.minCount&&h<d.minCount?(c.push(`节点 "${d.label}" 至少需要 ${d.minCount} 个文件 (当前: ${h})`),i.push(d)):d.maxCount&&h>d.maxCount&&(c.push(`节点 "${d.label}" 最多允许 ${d.maxCount} 个文件 (当前: ${h})`),i.push(d))}d.children&&d.children.forEach(g)};return r.schema.tree.dataSource.type==="static"?r.schema.tree.dataSource.data.forEach(g):console.warn("API 模式下的树验证需要确保数据已加载或通过 meta 携带统计信息"),c.length>0?Promise.reject({valid:!1,errors:c,failedNodes:i}):Promise.resolve({valid:!0})},De=c=>u("upload-before",c),ze=c=>u("upload-error",c),Ue=c=>u("delete-before",c),Fe=c=>u("delete-after",c);return y({validate:Te}),(c,i)=>{const g=e.resolveComponent("el-input"),d=e.resolveComponent("el-form-item"),h=e.resolveComponent("el-form"),U=e.resolveComponent("el-button"),T=e.resolveComponent("el-dialog");return e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("div",{class:"tree-pane",style:e.normalizeStyle({width:p.value})},[e.createVNode(v,{schema:o.schema.tree,onNodeClick:b,onAction:P},null,8,["schema"])],4),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"resize-handle",onMousedown:N},null,32)):e.createCommentVNode("",!0),e.createElementVNode("div",xe,[o.mode==="edit"?(e.openBlock(),e.createElementBlock("div",Be,[z.value&&z.value.length>0?(e.openBlock(),e.createBlock(ue,{key:0,templates:z.value},null,8,["templates"])):e.createCommentVNode("",!0),o.schema.upload?(e.openBlock(),e.createBlock(le,{key:1,schema:o.schema.upload,disabled:!C.value,"file-count":k.value.length,onUploadBefore:De,onUploadSuccess:$e,onUploadError:ze},null,8,["schema","disabled","file-count"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Ve,[e.createVNode(re,{schema:o.schema.table,files:k.value,onAction:Ee,onDeleteBefore:Ue,onDeleteAfter:Fe},null,8,["schema","files"])])]),o.schema.preview?(e.openBlock(),e.createBlock(be,{key:1,modelValue:f.value,"onUpdate:modelValue":i[0]||(i[0]=F=>f.value=F),schema:o.schema.preview,file:_.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",Ne,[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:Se},{default:e.withCtx(()=>[...i[5]||(i[5]=[e.createTextVNode("确定",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(h,{model:V,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(g,{modelValue:V.label,"onUpdate:modelValue":i[1]||(i[1]=F=>V.label=F),placeholder:"请输入节点名称"},null,8,["modelValue"])]),_:1})]),_:1},8,["model"])]),_:1},8,["modelValue","title"])])}}}),[["__scopeId","data-v-cd1cb21c"]]),we={install(o){o.component("TreeUpload",W)}};D.TreeUpload=W,D.default=we,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,j){"use strict";const O={class:"schema-tree"},X={key:0,class:"tree-toolbar"},Y={class:"custom-tree-node"},G={class:"node-label"},H={key:0,class:"required-star"},J={key:0,class:"actions"},Q=["onClick"],Z=e.defineComponent({__name:"SchemaTree",props:{schema:{}},emits:["node-click","action"],setup(o,{emit:y}){const n=o,r=y,f=e.ref(),a=e.ref(!1),k=e.ref({x:0,y:0}),u=e.ref(null),_=e.computed(()=>n.schema.dataSource.type==="static"?n.schema.dataSource.data:[]),B={label:n.schema.labelKey||"label",children:n.schema.childrenKey||"children"},w=e.computed(()=>n.schema.actions?.filter(l=>l.position==="toolbar")||[]),V=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,p)=>{S.value.length!==0&&(l.preventDefault(),a.value=!0,k.value={x:l.clientX,y:l.clientY},u.value=p)},s=(l,p)=>{a.value=!1,!(l.confirm&&!confirm(l.confirm.message||"确定吗?"))&&r("action",l.key,p)},t=()=>{a.value=!1};return e.onMounted(()=>{document.addEventListener("click",t)}),e.onUnmounted(()=>{document.removeEventListener("click",t)}),(l,p)=>{const N=e.resolveComponent("el-icon"),$=e.resolveComponent("el-button"),M=e.resolveComponent("el-tooltip"),z=e.resolveComponent("el-tree");return e.openBlock(),e.createElementBlock("div",O,[w.value.length?(e.openBlock(),e.createElementBlock("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,C=>(e.openBlock(),e.createBlock($,{key:C.key,type:"primary",link:"",onClick:m=>s(C,null)},{default:e.withCtx(()=>[C.icon?(e.openBlock(),e.createBlock(N,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.icon)))]),_:2},1024)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(C.label),1)]),_:2},1032,["onClick"]))),128))])):e.createCommentVNode("",!0),e.createVNode(z,{ref_key:"treeRef",ref:f,data:_.value,"node-key":o.schema.nodeKey||"id",props:B,"default-expand-all":o.schema.ui?.defaultExpandAll,"highlight-current":o.schema.ui?.highlightCurrent,"expand-on-click-node":!1,onNodeClick:x,onNodeContextmenu:E},{default:e.withCtx(({node:C,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(C.label),1)]),V.value.length?(e.openBlock(),e.createElementBlock("span",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,b=>(e.openBlock(),e.createBlock(M,{key:b.key,content:b.label,placement:"top","show-after":200},{default:e.withCtx(()=>[e.createVNode($,{link:"",type:"primary",onClick:e.withModifiers(R=>s(b,m),["stop"])},{default:e.withCtx(()=>[b.icon?(e.openBlock(),e.createBlock(N,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b.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:k.value.x+"px",top:k.value.y+"px"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,C=>(e.openBlock(),e.createElementBlock("div",{key:C.key,class:"context-menu-item",onClick:m=>s(C,u.value)},[C.icon?(e.openBlock(),e.createBlock(N,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.icon)))]),_:2},1024)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(C.label),1)],8,Q))),128))],4)):e.createCommentVNode("",!0)])}}}),I=(o,y)=>{const n=o.__vccOpts||o;for(const[r,f]of y)n[r]=f;return n},v=I(Z,[["__scopeId","data-v-55bc0bc1"]]);function P(o,y,n){return y.permissions?y.permissions.default?.[o]!==!1:!0}function K(o,y){if(!o)return o;let n=o;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}const ee={key:0,class:"schema-upload"},te={class:"el-upload__text"},oe={class:"el-upload__tip"},le=I(e.defineComponent({__name:"SchemaUpload",props:{schema:{},disabled:{type:Boolean},fileCount:{}},emits:["upload-success","upload-error","upload-before"],setup(o,{emit:y}){const n=o,r=y,f=e.inject("schemaContext",{}),a=e.computed(()=>{const s=f.variables?.currentNode,t=s?.meta?.upload||{};let l=n.schema.limit;s?.maxCount!==void 0?l=s.maxCount:t.limit!==void 0&&(l=t.limit);let p=t.maxSize;s?.maxSize!==void 0&&(p=s.maxSize);let N=n.schema.accept;s?.accept!==void 0?N=s.accept:t.accept!==void 0&&(N=t.accept);let $=t.minLimit;s?.minCount!==void 0&&($=s.minCount);const M=s?.required||!1,z=n.schema.ui||{},C=t.ui||{},m={...z,...C};return{...n.schema,...t,ui:m,limit:l,maxSize:p,minLimit:$,accept:N,required:M,multiple:t.multiple??n.schema.multiple,drag:t.drag??n.schema.drag,autoUpload:t.autoUpload??n.schema.autoUpload}}),k=e.computed(()=>{if(a.value.limit===void 0)return 1/0;const s=n.fileCount||0;return Math.max(0,a.value.limit-s)}),u=e.computed(()=>!!(n.disabled||a.value.limit!==void 0&&k.value<=0)),_=e.computed(()=>n.schema.headers||{}),B=e.computed(()=>{const s=n.schema.data||{},t={};for(const l in s){const p=s[l];typeof p=="string"?t[l]=K(p,f):t[l]=p}return t}),w=e.computed(()=>{let s=a.value.ui?.tipText||"";const t=[];if(a.value.maxSize){const l=(a.value.maxSize/1024/1024).toFixed(1);t.push(`大小限制 ${l}MB`)}if(a.value.limit){const l=n.fileCount||0;t.push(`数量限制 ${a.value.limit}个 (已上传 ${l})`)}return a.value.minLimit?t.push(`最少 ${a.value.minLimit}个`):a.value.required&&t.push("必填"),a.value.accept&&t.push(`格式 ${a.value.accept}`),t.length?`${s} (${t.join(", ")})`:s}),V=s=>{const t=a.value.maxSize;return t&&s.size>t?(L.ElMessage.error(`文件大小不能超过 ${(t/1024/1024).toFixed(1)}MB!`),!1):(r("upload-before",{file:s,context:f}),!0)},S=()=>{L.ElMessage.warning(`当前限制选择 ${a.value.limit} 个文件，还能上传 ${k.value} 个`)},x=s=>{r("upload-success",s)},E=s=>{r("upload-error",s)};return(s,t)=>{const l=e.resolveComponent("upload-filled"),p=e.resolveComponent("el-icon"),N=e.resolveComponent("el-button"),$=e.resolveComponent("el-upload");return o.schema.enabled?(e.openBlock(),e.createElementBlock("div",ee,[e.createVNode($,{class:"upload-demo",action:o.schema.action,method:o.schema.method||"post",headers:_.value,data:B.value,multiple:a.value.multiple,drag:a.value.drag,accept:a.value.accept,limit:k.value,"auto-upload":a.value.autoUpload!==!1,disabled:u.value,"show-file-list":o.schema.ui?.showFileList,"before-upload":V,"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(p,{class:"el-icon--upload"},{default:e.withCtx(()=>[e.createVNode(l)]),_:1}),e.createElementVNode("div",te,e.toDisplayString(o.schema.ui?.buttonText||"将文件拖到此处，或点击上传"),1)],64)):e.createCommentVNode("",!0)]),_:2},[a.value.drag?void 0:{name:"trigger",fn:e.withCtx(()=>[e.createVNode(N,{type:"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.schema.ui?.buttonText||"点击上传"),1)]),_:1})]),key:"0"},o.schema.ui?.showTip?{name:"tip",fn:e.withCtx(()=>[e.createElementVNode("div",oe,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"]]),ne={class:"schema-table"},ae={key:0,class:"table-toolbar"},ce={key:1,class:"pagination-wrapper"},re=I(e.defineComponent({__name:"SchemaTable",props:{schema:{},files:{}},emits:["action","refresh","delete-before","delete-after"],setup(o,{emit:y}){const n=o,r=y,f=e.inject("schemaContext",{}),a=e.ref(!1),k=e.ref(1),u=e.ref(n.schema.ui?.pagination?.pageSize||20),_=e.ref(0),B=e.ref([]),w=e.computed(()=>{let t=[];return n.files?t=n.files:n.schema.dataSource.type==="static"?t=n.schema.dataSource.data:t=B.value,(n.schema.dataSource.type==="static"||n.files)&&(_.value=t.length),t}),V=(t,l)=>{if(!l)return t;if(l==="fileSize"){const p=Number(t);return isNaN(p)?t:p<1024?p+" B":p<1024*1024?(p/1024).toFixed(2)+" KB":(p/1024/1024).toFixed(2)+" MB"}return t},S=(t,l)=>{t.confirm&&!confirm(t.confirm.message||"确定吗?")||(t.key==="delete"&&r("delete-before",l),r("action",t.key,l),t.key==="delete"&&r("delete-after",l))},x=async()=>{if(n.schema.dataSource.type==="api"){a.value=!0;try{const t=n.schema.dataSource,l={...t.params};n.schema.ui?.pagination?.enabled&&(l.page=k.value,l.pageSize=u.value);for(const p in l)typeof l[p]=="string"&&(l[p]=K(l[p],f));console.log("Fetching Table Data:",t.url,l),t.url}catch(t){console.error(t)}finally{a.value=!1}}},E=t=>{u.value=t,x()},s=t=>{k.value=t,x()};return e.watch(()=>f.variables?.currentNode,t=>{t&&n.schema.dataSource.type==="api"&&x()},{deep:!0}),(t,l)=>{const p=e.resolveComponent("el-icon"),N=e.resolveComponent("el-button"),$=e.resolveComponent("el-table-column"),M=e.resolveComponent("el-table"),z=e.resolveComponent("el-pagination"),C=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",ne,[o.schema.toolbarActions?.length?(e.openBlock(),e.createElementBlock("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.schema.toolbarActions,m=>(e.openBlock(),e.createBlock(N,{key:m.key,type:m.type||"default",onClick:b=>S(m,null)},{default:e.withCtx(()=>[m.icon?(e.openBlock(),e.createBlock(p,{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(M,{data:w.value,stripe:o.schema.ui?.stripe,border:o.schema.ui?.border,size:o.schema.ui?.size,style:{width:"100%",height:"100%",flex:"1"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.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(b=>[e.createTextVNode(e.toDisplayString(V(b.row[m.prop],m.formatter)),1)]),_:2},1032,["prop","label","width","align","fixed","sortable"]))),128)),o.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(o.schema.actions,b=>(e.openBlock(),e.createBlock(N,{key:b.key,type:b.type||"primary",link:"",onClick:R=>S(b,m.row)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(b.label),1)]),_:2},1032,["type","onClick"]))),128))]),_:1})):e.createCommentVNode("",!0)]),_:1},8,["data","stripe","border","size"])),[[C,a.value]]),o.schema.ui?.pagination?.enabled&&_.value>0?(e.openBlock(),e.createElementBlock("div",ce,[e.createVNode(z,{"current-page":k.value,"onUpdate:currentPage":l[0]||(l[0]=m=>k.value=m),"page-size":u.value,"onUpdate:pageSize":l[1]||(l[1]=m=>u.value=m),"page-sizes":[10,20,50,100],layout:o.schema.ui?.pagination?.layout||"total, sizes, prev, pager, next, jumper",total:_.value,onSizeChange:E,onCurrentChange:s},null,8,["current-page","page-size","layout","total"])])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-e3496cb9"]]),ie={class:"schema-template"},se={class:"template-container"},de={class:"tags-wrapper"},me={class:"tag-content"},pe={class:"tpl-name"},fe=I(e.defineComponent({__name:"SchemaTemplate",props:{templates:{}},setup(o){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",ie,[e.createElementVNode("div",se,[r[0]||(r[0]=e.createElementVNode("span",{class:"label"},"可用模板：",-1)),e.createElementVNode("div",de,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.templates,(k,u)=>(e.openBlock(),e.createBlock(a,{key:u,class:"template-tag",type:"primary",effect:"light",onClick:_=>y(k)},{default:e.withCtx(()=>[e.createElementVNode("span",me,[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(e.unref(q.Download))]),_:1}),e.createElementVNode("span",pe,e.toDisplayString(k.name),1)])]),_:2},1032,["onClick"]))),128))])])])}}}),[["__scopeId","data-v-ea09f00e"]]),ue={key:0,class:"schema-preview-container"},he={class:"custom-header"},ke=["id"],Ce={class:"header-controls"},ye={class:"preview-content"},ge={class:"preview-content"},be=I(e.defineComponent({__name:"SchemaPreview",props:{schema:{},modelValue:{type:Boolean},file:{}},emits:["update:modelValue"],setup(o,{emit:y}){const n=o,r=y,f=e.ref(!1),a=e.computed({get:()=>n.modelValue,set:u=>{r("update:modelValue",u),u||setTimeout(()=>{f.value=!1},300)}}),k=()=>{f.value=!f.value};return e.watch(()=>n.schema.fullscreen,u=>{u!==void 0&&(f.value=u)},{immediate:!0}),(u,_)=>{const B=e.resolveComponent("el-icon"),w=e.resolveComponent("el-button"),V=e.resolveComponent("el-dialog"),S=e.resolveComponent("el-drawer");return a.value?(e.openBlock(),e.createElementBlock("div",ue,[o.schema.mode==="dialog"?(e.openBlock(),e.createBlock(V,{key:0,modelValue:a.value,"onUpdate:modelValue":_[0]||(_[0]=x=>a.value=x),width:o.schema.width,fullscreen:f.value||o.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",he,[e.createElementVNode("span",{id:E,class:e.normalizeClass(s)},e.toDisplayString(o.schema.dialogTitle||"预览"),11,ke),e.createElementVNode("div",Ce,[e.createVNode(w,{link:"",onClick:k},{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",ye,[o.file?(e.openBlock(),e.createBlock(e.unref(j),{key:0,url:o.file.url,type:o.file.type,name:o.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":_[1]||(_[1]=x=>a.value=x),title:o.schema.dialogTitle||"预览",size:o.schema.width,"destroy-on-close":"","append-to-body":""},{default:e.withCtx(()=>[e.createElementVNode("div",ge,[o.file?(e.openBlock(),e.createBlock(e.unref(j),{key:0,url:o.file.url,type:o.file.type,name:o.file.name},null,8,["url","type","name"])):e.createCommentVNode("",!0)])]),_:1},8,["modelValue","title","size"]))])):e.createCommentVNode("",!0)}}}),[["__scopeId","data-v-6a6a8acf"]]),_e={class:"tree-upload-container"},xe={class:"content-pane"},Be={key:0,class:"top-section"},Ve={class:"table-section"},Ne={class:"dialog-footer"},W=I(e.defineComponent({__name:"TreeUpload",props:{schema:{},mode:{default:"edit"}},emits:["upload-before","upload-success","upload-error","delete-before","delete-after"],setup(o,{expose:y,emit:n}){const r=o,f=n,a=e.ref(null),k=e.ref([]),u=e.ref(!1),_=e.ref(null),B=e.ref(!1),w=e.ref("addRoot"),V=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),t=e.ref(!1),l=e.computed(()=>r.schema.tree.ui?.resizable!==!1),p=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 N=c=>{l.value&&(t.value=!0,document.addEventListener("mousemove",$),document.addEventListener("mouseup",M),document.body.style.cursor="col-resize",document.body.style.userSelect="none")},$=c=>{if(!t.value)return;const i=document.querySelector(".tree-upload-container");if(i){const g=i.getBoundingClientRect(),d=c.clientX-g.left;d>=150&&d<=800&&(s.value=d)}},M=()=>{t.value=!1,document.removeEventListener("mousemove",$),document.removeEventListener("mouseup",M),document.body.style.cursor="",document.body.style.userSelect=""},z=e.computed(()=>a.value?.meta?.templates||[]),C=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"节点操作"}}),b=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;k.value=i.filter(g=>g.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 g=r.schema.tree.dataSource.data,d=h=>{const U=h.findIndex(T=>T.id===i.id);if(U>-1)return h.splice(U,1),!0;for(const T of h)if(T.children&&d(T.children))return!0;return!1};d(g)&&a.value?.id===i.id&&(a.value=null);return}(c==="addRoot"||c==="addChild"||c==="addSibling"||c==="edit")&&(w.value=c,x.value=i,V.label=c==="edit"&&i?i.label:"",B.value=!0,e.nextTick(()=>{S.value?.clearValidate()}))},Se=()=>{S.value?.validate(c=>{if(!c||r.schema.tree.dataSource.type!=="static")return;const i=r.schema.tree.dataSource.data,g=V.label,d=w.value,h=x.value;if(d==="addRoot")i.push({id:String(Date.now()),label:g,children:[]});else if(d==="addChild")h&&(h.children||(h.children=[]),h.children.push({id:String(Date.now()),label:g,children:[]}));else if(d==="addSibling"){if(h){const U=T=>{const F=T.findIndex(A=>A.id===h.id);if(F>-1)return T.splice(F+1,0,{id:String(Date.now()),label:g,children:[]}),!0;for(const A of T)if(A.children&&U(A.children))return!0;return!1};U(i)}}else d==="edit"&&h&&(h.label=g);B.value=!1})},Ee=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),b(a.value)}},$e=(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")_.value=i,u.value=!0;else if(c==="delete"&&r.schema.table.dataSource.type==="static"){const g=r.schema.table.dataSource.data.findIndex(d=>d.id===i.id);g>-1&&(r.schema.table.dataSource.data.splice(g,1),a.value&&b(a.value))}},Te=async()=>{const c=[],i=[],g=d=>{if(d.required||d.minCount&&d.minCount>0||d.maxCount&&d.maxCount>0){let h=0;r.schema.table.dataSource.type==="static"?h=r.schema.table.dataSource.data.filter(T=>String(T.meta?.nodeId)===String(d.id)).length:h=d.meta?.fileCount||0,d.required&&h===0?(c.push(`节点 "${d.label}" 必须上传文件`),i.push(d)):d.minCount&&h<d.minCount?(c.push(`节点 "${d.label}" 至少需要 ${d.minCount} 个文件 (当前: ${h})`),i.push(d)):d.maxCount&&h>d.maxCount&&(c.push(`节点 "${d.label}" 最多允许 ${d.maxCount} 个文件 (当前: ${h})`),i.push(d))}d.children&&d.children.forEach(g)};return r.schema.tree.dataSource.type==="static"?r.schema.tree.dataSource.data.forEach(g):console.warn("API 模式下的树验证需要确保数据已加载或通过 meta 携带统计信息"),c.length>0?Promise.reject({valid:!1,errors:c,failedNodes:i}):Promise.resolve({valid:!0})},De=c=>f("upload-before",c),ze=c=>f("upload-error",c),Ue=c=>f("delete-before",c),Fe=c=>f("delete-after",c);return y({validate:Te}),(c,i)=>{const g=e.resolveComponent("el-input"),d=e.resolveComponent("el-form-item"),h=e.resolveComponent("el-form"),U=e.resolveComponent("el-button"),T=e.resolveComponent("el-dialog");return e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("div",{class:"tree-pane",style:e.normalizeStyle({width:p.value})},[e.createVNode(v,{schema:o.schema.tree,onNodeClick:b,onAction:R},null,8,["schema"])],4),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"resize-handle",onMousedown:N},null,32)):e.createCommentVNode("",!0),e.createElementVNode("div",xe,[o.mode==="edit"?(e.openBlock(),e.createElementBlock("div",Be,[z.value&&z.value.length>0?(e.openBlock(),e.createBlock(fe,{key:0,templates:z.value},null,8,["templates"])):e.createCommentVNode("",!0),o.schema.upload?(e.openBlock(),e.createBlock(le,{key:1,schema:o.schema.upload,disabled:!C.value,"file-count":k.value.length,onUploadBefore:De,onUploadSuccess:Ee,onUploadError:ze},null,8,["schema","disabled","file-count"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Ve,[e.createVNode(re,{schema:o.schema.table,files:k.value,onAction:$e,onDeleteBefore:Ue,onDeleteAfter:Fe},null,8,["schema","files"])])]),o.schema.preview?(e.openBlock(),e.createBlock(be,{key:1,modelValue:u.value,"onUpdate:modelValue":i[0]||(i[0]=F=>u.value=F),schema:o.schema.preview,file:_.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",Ne,[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:Se},{default:e.withCtx(()=>[...i[5]||(i[5]=[e.createTextVNode("确定",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(h,{model:V,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(g,{modelValue:V.label,"onUpdate:modelValue":i[1]||(i[1]=F=>V.label=F),placeholder:"请输入节点名称"},null,8,["modelValue"])]),_:1})]),_:1},8,["model"])]),_:1},8,["modelValue","title"])])}}}),[["__scopeId","data-v-1ad270d1"]]),we={install(o){o.component("TreeUpload",W)}};D.TreeUpload=W,D.default=we,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tree-upload-vue3",
3
- "version": "1.0.1",
3
+ "version": "1.1.0",
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",
@@ -28,7 +28,8 @@
28
28
  "scripts": {
29
29
  "dev": "vite",
30
30
  "build": "vue-tsc --noEmit && vite build",
31
- "preview": "vite preview"
31
+ "preview": "vite preview",
32
+ "prepublishOnly": "npm run build"
32
33
  },
33
34
  "peerDependencies": {
34
35
  "element-plus": "^2.0.0",