dld-vue-ui 0.3.11 → 0.3.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/dld-vue-ui.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { h as
|
|
2
|
-
const
|
|
1
|
+
import { h as te, openBlock as r, createElementBlock as z, normalizeStyle as x, renderSlot as w, defineComponent as V, createBlock as h, unref as o, withCtx as m, createElementVNode as g, ref as D, onMounted as O, resolveComponent as _, createVNode as P, createTextVNode as E, withDirectives as ae, vShow as ne, toDisplayString as L, Fragment as q, renderList as R, useSlots as A, createCommentVNode as c, reactive as ie, watch as H, normalizeClass as b, createSlots as le, withKeys as I } from "vue";
|
|
2
|
+
const se = {
|
|
3
3
|
name: "splitpanes",
|
|
4
4
|
emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
|
|
5
5
|
props: {
|
|
@@ -71,16 +71,16 @@ const de = {
|
|
|
71
71
|
},
|
|
72
72
|
onSplitterDblClick(e, a) {
|
|
73
73
|
let i = 0;
|
|
74
|
-
this.panes = this.panes.map((
|
|
74
|
+
this.panes = this.panes.map((n, l) => (n.size = l === a ? n.max : n.min, l !== a && (i += n.min), n)), this.panes[a].size -= i, this.$emit("pane-maximize", this.panes[a]), this.$emit("resized", this.panes.map((n) => ({ min: n.min, max: n.max, size: n.size })));
|
|
75
75
|
},
|
|
76
76
|
onPaneClick(e, a) {
|
|
77
77
|
this.$emit("pane-click", this.indexedPanes[a]);
|
|
78
78
|
},
|
|
79
79
|
getCurrentMouseDrag(e) {
|
|
80
|
-
const a = this.container.getBoundingClientRect(), { clientX: i, clientY:
|
|
80
|
+
const a = this.container.getBoundingClientRect(), { clientX: i, clientY: n } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
|
|
81
81
|
return {
|
|
82
82
|
x: i - a.left,
|
|
83
|
-
y:
|
|
83
|
+
y: n - a.top
|
|
84
84
|
};
|
|
85
85
|
},
|
|
86
86
|
getCurrentDragPercentage(e) {
|
|
@@ -96,38 +96,38 @@ const de = {
|
|
|
96
96
|
prevReachedMinPanes: 0,
|
|
97
97
|
nextReachedMinPanes: 0
|
|
98
98
|
};
|
|
99
|
-
const
|
|
100
|
-
let d = [a, a + 1], f = this.panes[d[0]] || null,
|
|
101
|
-
const
|
|
102
|
-
if (
|
|
103
|
-
|
|
99
|
+
const n = 0 + (this.pushOtherPanes ? 0 : i.prevPanesSize), l = 100 - (this.pushOtherPanes ? 0 : i.nextPanesSize), s = Math.max(Math.min(this.getCurrentDragPercentage(e), l), n);
|
|
100
|
+
let d = [a, a + 1], f = this.panes[d[0]] || null, y = this.panes[d[1]] || null;
|
|
101
|
+
const C = f.max < 100 && s >= f.max + i.prevPanesSize, F = y.max < 100 && s <= 100 - (y.max + this.sumNextPanesSize(a + 1));
|
|
102
|
+
if (C || F) {
|
|
103
|
+
C ? (f.size = f.max, y.size = Math.max(100 - f.max - i.prevPanesSize - i.nextPanesSize, 0)) : (f.size = Math.max(100 - y.max - i.prevPanesSize - this.sumNextPanesSize(a + 1), 0), y.size = y.max);
|
|
104
104
|
return;
|
|
105
105
|
}
|
|
106
106
|
if (this.pushOtherPanes) {
|
|
107
|
-
const S = this.doPushOtherPanes(i,
|
|
107
|
+
const S = this.doPushOtherPanes(i, s);
|
|
108
108
|
if (!S)
|
|
109
109
|
return;
|
|
110
|
-
({ sums: i, panesToResize: d } = S), f = this.panes[d[0]] || null,
|
|
110
|
+
({ sums: i, panesToResize: d } = S), f = this.panes[d[0]] || null, y = this.panes[d[1]] || null;
|
|
111
111
|
}
|
|
112
|
-
f !== null && (f.size = Math.min(Math.max(
|
|
112
|
+
f !== null && (f.size = Math.min(Math.max(s - i.prevPanesSize - i.prevReachedMinPanes, f.min), f.max)), y !== null && (y.size = Math.min(Math.max(100 - s - i.nextPanesSize - i.nextReachedMinPanes, y.min), y.max));
|
|
113
113
|
},
|
|
114
114
|
doPushOtherPanes(e, a) {
|
|
115
|
-
const i = this.touch.activeSplitter,
|
|
116
|
-
return a < e.prevPanesSize + this.panes[
|
|
117
|
-
|
|
118
|
-
}), e.prevPanesSize = this.sumPrevPanesSize(
|
|
119
|
-
|
|
120
|
-
}), this.panes[
|
|
121
|
-
|
|
122
|
-
}), e.nextPanesSize = this.sumNextPanesSize(
|
|
123
|
-
|
|
124
|
-
}), this.panes[
|
|
115
|
+
const i = this.touch.activeSplitter, n = [i, i + 1];
|
|
116
|
+
return a < e.prevPanesSize + this.panes[n[0]].min && (n[0] = this.findPrevExpandedPane(i).index, e.prevReachedMinPanes = 0, n[0] < i && this.panes.forEach((l, s) => {
|
|
117
|
+
s > n[0] && s <= i && (l.size = l.min, e.prevReachedMinPanes += l.min);
|
|
118
|
+
}), e.prevPanesSize = this.sumPrevPanesSize(n[0]), n[0] === void 0) ? (e.prevReachedMinPanes = 0, this.panes[0].size = this.panes[0].min, this.panes.forEach((l, s) => {
|
|
119
|
+
s > 0 && s <= i && (l.size = l.min, e.prevReachedMinPanes += l.min);
|
|
120
|
+
}), this.panes[n[1]].size = 100 - e.prevReachedMinPanes - this.panes[0].min - e.prevPanesSize - e.nextPanesSize, null) : a > 100 - e.nextPanesSize - this.panes[n[1]].min && (n[1] = this.findNextExpandedPane(i).index, e.nextReachedMinPanes = 0, n[1] > i + 1 && this.panes.forEach((l, s) => {
|
|
121
|
+
s > i && s < n[1] && (l.size = l.min, e.nextReachedMinPanes += l.min);
|
|
122
|
+
}), e.nextPanesSize = this.sumNextPanesSize(n[1] - 1), n[1] === void 0) ? (e.nextReachedMinPanes = 0, this.panes[this.panesCount - 1].size = this.panes[this.panesCount - 1].min, this.panes.forEach((l, s) => {
|
|
123
|
+
s < this.panesCount - 1 && s >= i + 1 && (l.size = l.min, e.nextReachedMinPanes += l.min);
|
|
124
|
+
}), this.panes[n[0]].size = 100 - e.prevPanesSize - e.nextReachedMinPanes - this.panes[this.panesCount - 1].min - e.nextPanesSize, null) : { sums: e, panesToResize: n };
|
|
125
125
|
},
|
|
126
126
|
sumPrevPanesSize(e) {
|
|
127
|
-
return this.panes.reduce((a, i,
|
|
127
|
+
return this.panes.reduce((a, i, n) => a + (n < e ? i.size : 0), 0);
|
|
128
128
|
},
|
|
129
129
|
sumNextPanesSize(e) {
|
|
130
|
-
return this.panes.reduce((a, i,
|
|
130
|
+
return this.panes.reduce((a, i, n) => a + (n > e + 1 ? i.size : 0), 0);
|
|
131
131
|
},
|
|
132
132
|
findPrevExpandedPane(e) {
|
|
133
133
|
return [...this.panes].reverse().find((a) => a.index < e && a.size > a.min) || {};
|
|
@@ -142,8 +142,8 @@ const de = {
|
|
|
142
142
|
});
|
|
143
143
|
},
|
|
144
144
|
addSplitter(e, a, i = !1) {
|
|
145
|
-
const
|
|
146
|
-
|
|
145
|
+
const n = e - 1, l = document.createElement("div");
|
|
146
|
+
l.classList.add("splitpanes__splitter"), i || (l.onmousedown = (s) => this.onMouseDown(s, n), typeof window < "u" && "ontouchstart" in window && (l.ontouchstart = (s) => this.onMouseDown(s, n)), l.onclick = (s) => this.onSplitterClick(s, n + 1)), this.dblClickSplitter && (l.ondblclick = (s) => this.onSplitterDblClick(s, n + 1)), a.parentNode.insertBefore(l, a);
|
|
147
147
|
},
|
|
148
148
|
removeSplitter(e) {
|
|
149
149
|
e.onmousedown = void 0, e.onclick = void 0, e.ondblclick = void 0, e.parentNode.removeChild(e);
|
|
@@ -160,28 +160,28 @@ const de = {
|
|
|
160
160
|
},
|
|
161
161
|
requestUpdate({ target: e, ...a }) {
|
|
162
162
|
const i = this.indexedPanes[e._.uid];
|
|
163
|
-
Object.entries(a).forEach(([
|
|
163
|
+
Object.entries(a).forEach(([n, l]) => i[n] = l);
|
|
164
164
|
},
|
|
165
165
|
onPaneAdd(e) {
|
|
166
166
|
let a = -1;
|
|
167
|
-
Array.from(e.$el.parentNode.children).some((
|
|
168
|
-
const i = parseFloat(e.minSize),
|
|
167
|
+
Array.from(e.$el.parentNode.children).some((l) => (l.className.includes("splitpanes__pane") && a++, l === e.$el));
|
|
168
|
+
const i = parseFloat(e.minSize), n = parseFloat(e.maxSize);
|
|
169
169
|
this.panes.splice(a, 0, {
|
|
170
170
|
id: e._.uid,
|
|
171
171
|
index: a,
|
|
172
172
|
min: isNaN(i) ? 0 : i,
|
|
173
|
-
max: isNaN(
|
|
173
|
+
max: isNaN(n) ? 100 : n,
|
|
174
174
|
size: e.size === null ? null : parseFloat(e.size),
|
|
175
175
|
givenSize: e.size,
|
|
176
176
|
update: e.update
|
|
177
|
-
}), this.panes.forEach((
|
|
178
|
-
this.redoSplitters(), this.resetPaneSizes({ addedPane: this.panes[a] }), this.$emit("pane-add", { index: a, panes: this.panes.map((
|
|
177
|
+
}), this.panes.forEach((l, s) => l.index = s), this.ready && this.$nextTick(() => {
|
|
178
|
+
this.redoSplitters(), this.resetPaneSizes({ addedPane: this.panes[a] }), this.$emit("pane-add", { index: a, panes: this.panes.map((l) => ({ min: l.min, max: l.max, size: l.size })) });
|
|
179
179
|
});
|
|
180
180
|
},
|
|
181
181
|
onPaneRemove(e) {
|
|
182
|
-
const a = this.panes.findIndex((
|
|
183
|
-
this.panes.forEach((
|
|
184
|
-
this.redoSplitters(), this.resetPaneSizes({ removedPane: { ...i, index: a } }), this.$emit("pane-remove", { removed: i, panes: this.panes.map((
|
|
182
|
+
const a = this.panes.findIndex((n) => n.id === e._.uid), i = this.panes.splice(a, 1)[0];
|
|
183
|
+
this.panes.forEach((n, l) => n.index = l), this.$nextTick(() => {
|
|
184
|
+
this.redoSplitters(), this.resetPaneSizes({ removedPane: { ...i, index: a } }), this.$emit("pane-remove", { removed: i, panes: this.panes.map((n) => ({ min: n.min, max: n.max, size: n.size })) });
|
|
185
185
|
});
|
|
186
186
|
},
|
|
187
187
|
resetPaneSizes(e = {}) {
|
|
@@ -190,44 +190,44 @@ const de = {
|
|
|
190
190
|
equalize() {
|
|
191
191
|
const e = 100 / this.panesCount;
|
|
192
192
|
let a = 0;
|
|
193
|
-
const i = [],
|
|
194
|
-
this.panes.forEach((
|
|
195
|
-
|
|
196
|
-
}), a > 0.1 && this.readjustSizes(a, i,
|
|
193
|
+
const i = [], n = [];
|
|
194
|
+
this.panes.forEach((l) => {
|
|
195
|
+
l.size = Math.max(Math.min(e, l.max), l.min), a -= l.size, l.size >= l.max && i.push(l.id), l.size <= l.min && n.push(l.id);
|
|
196
|
+
}), a > 0.1 && this.readjustSizes(a, i, n);
|
|
197
197
|
},
|
|
198
198
|
initialPanesSizing() {
|
|
199
199
|
let e = 100;
|
|
200
200
|
const a = [], i = [];
|
|
201
|
-
let
|
|
202
|
-
this.panes.forEach((
|
|
203
|
-
e -=
|
|
201
|
+
let n = 0;
|
|
202
|
+
this.panes.forEach((s) => {
|
|
203
|
+
e -= s.size, s.size !== null && n++, s.size >= s.max && a.push(s.id), s.size <= s.min && i.push(s.id);
|
|
204
204
|
});
|
|
205
|
-
let
|
|
206
|
-
e > 0.1 && (this.panes.forEach((
|
|
207
|
-
|
|
208
|
-
}),
|
|
205
|
+
let l = 100;
|
|
206
|
+
e > 0.1 && (this.panes.forEach((s) => {
|
|
207
|
+
s.size === null && (s.size = Math.max(Math.min(e / (this.panesCount - n), s.max), s.min)), l -= s.size;
|
|
208
|
+
}), l > 0.1 && this.readjustSizes(e, a, i));
|
|
209
209
|
},
|
|
210
210
|
equalizeAfterAddOrRemove({ addedPane: e, removedPane: a } = {}) {
|
|
211
|
-
let i = 100 / this.panesCount,
|
|
212
|
-
const
|
|
211
|
+
let i = 100 / this.panesCount, n = 0;
|
|
212
|
+
const l = [], s = [];
|
|
213
213
|
e && e.givenSize !== null && (i = (100 - e.givenSize) / (this.panesCount - 1)), this.panes.forEach((d) => {
|
|
214
|
-
|
|
215
|
-
}), !(Math.abs(
|
|
216
|
-
e && e.givenSize !== null && e.id === d.id || (d.size = Math.max(Math.min(i, d.max), d.min)),
|
|
217
|
-
}),
|
|
214
|
+
n -= d.size, d.size >= d.max && l.push(d.id), d.size <= d.min && s.push(d.id);
|
|
215
|
+
}), !(Math.abs(n) < 0.1) && (this.panes.forEach((d) => {
|
|
216
|
+
e && e.givenSize !== null && e.id === d.id || (d.size = Math.max(Math.min(i, d.max), d.min)), n -= d.size, d.size >= d.max && l.push(d.id), d.size <= d.min && s.push(d.id);
|
|
217
|
+
}), n > 0.1 && this.readjustSizes(n, l, s));
|
|
218
218
|
},
|
|
219
219
|
readjustSizes(e, a, i) {
|
|
220
|
-
let
|
|
221
|
-
e > 0 ?
|
|
222
|
-
if (e > 0 && !a.includes(
|
|
223
|
-
const d = Math.max(Math.min(
|
|
224
|
-
e -= f,
|
|
225
|
-
} else if (!i.includes(
|
|
226
|
-
const d = Math.max(Math.min(
|
|
227
|
-
e -= f,
|
|
220
|
+
let n;
|
|
221
|
+
e > 0 ? n = e / (this.panesCount - a.length) : n = e / (this.panesCount - i.length), this.panes.forEach((l, s) => {
|
|
222
|
+
if (e > 0 && !a.includes(l.id)) {
|
|
223
|
+
const d = Math.max(Math.min(l.size + n, l.max), l.min), f = d - l.size;
|
|
224
|
+
e -= f, l.size = d;
|
|
225
|
+
} else if (!i.includes(l.id)) {
|
|
226
|
+
const d = Math.max(Math.min(l.size + n, l.max), l.min), f = d - l.size;
|
|
227
|
+
e -= f, l.size = d;
|
|
228
228
|
}
|
|
229
|
-
|
|
230
|
-
[this.horizontal ? "height" : "width"]: `${this.indexedPanes[
|
|
229
|
+
l.update({
|
|
230
|
+
[this.horizontal ? "height" : "width"]: `${this.indexedPanes[l.id].size}%`
|
|
231
231
|
});
|
|
232
232
|
}), Math.abs(e) > 0.1 && this.$nextTick(() => {
|
|
233
233
|
this.ready && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
|
|
@@ -250,7 +250,7 @@ const de = {
|
|
|
250
250
|
},
|
|
251
251
|
dblClickSplitter(e) {
|
|
252
252
|
[...this.container.querySelectorAll(".splitpanes__splitter")].forEach((a, i) => {
|
|
253
|
-
a.ondblclick = e ? (
|
|
253
|
+
a.ondblclick = e ? (n) => this.onSplitterDblClick(n, i) : void 0;
|
|
254
254
|
});
|
|
255
255
|
}
|
|
256
256
|
},
|
|
@@ -261,7 +261,7 @@ const de = {
|
|
|
261
261
|
this.container = this.$refs.container, this.checkSplitpanesNodes(), this.redoSplitters(), this.resetPaneSizes(), this.$emit("ready"), this.ready = !0;
|
|
262
262
|
},
|
|
263
263
|
render() {
|
|
264
|
-
return
|
|
264
|
+
return te(
|
|
265
265
|
"div",
|
|
266
266
|
{
|
|
267
267
|
ref: "container",
|
|
@@ -276,12 +276,12 @@ const de = {
|
|
|
276
276
|
this.$slots.default()
|
|
277
277
|
);
|
|
278
278
|
}
|
|
279
|
-
},
|
|
279
|
+
}, oe = (e, a) => {
|
|
280
280
|
const i = e.__vccOpts || e;
|
|
281
|
-
for (const [
|
|
282
|
-
i[
|
|
281
|
+
for (const [n, l] of a)
|
|
282
|
+
i[n] = l;
|
|
283
283
|
return i;
|
|
284
|
-
},
|
|
284
|
+
}, re = {
|
|
285
285
|
name: "pane",
|
|
286
286
|
inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
|
|
287
287
|
props: {
|
|
@@ -326,183 +326,183 @@ const de = {
|
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
328
|
};
|
|
329
|
-
function
|
|
330
|
-
return r(),
|
|
329
|
+
function de(e, a, i, n, l, s) {
|
|
330
|
+
return r(), z("div", {
|
|
331
331
|
class: "splitpanes__pane",
|
|
332
|
-
onClick: a[0] || (a[0] = (d) =>
|
|
333
|
-
style:
|
|
332
|
+
onClick: a[0] || (a[0] = (d) => s.onPaneClick(d, e._.uid)),
|
|
333
|
+
style: x(e.style)
|
|
334
334
|
}, [
|
|
335
|
-
|
|
335
|
+
w(e.$slots, "default")
|
|
336
336
|
], 4);
|
|
337
337
|
}
|
|
338
|
-
const
|
|
339
|
-
const
|
|
338
|
+
const ue = /* @__PURE__ */ oe(re, [["render", de]]);
|
|
339
|
+
const ce = /* @__PURE__ */ V({
|
|
340
340
|
__name: "index",
|
|
341
341
|
props: {
|
|
342
342
|
styles: { type: Object, required: !1, default: () => ({ width: "100%", height: "100%" }) },
|
|
343
343
|
horizontal: { type: Boolean, required: !1, default: !1 }
|
|
344
344
|
},
|
|
345
345
|
setup(e) {
|
|
346
|
-
return (a, i) => (r(), h(o(
|
|
346
|
+
return (a, i) => (r(), h(o(se), {
|
|
347
347
|
horizontal: e.horizontal,
|
|
348
|
-
style:
|
|
348
|
+
style: x(e.styles),
|
|
349
349
|
class: "splitpanes"
|
|
350
350
|
}, {
|
|
351
351
|
default: m(() => [
|
|
352
|
-
|
|
352
|
+
w(a.$slots, "default", {}, void 0, !0)
|
|
353
353
|
]),
|
|
354
354
|
_: 3
|
|
355
355
|
}, 8, ["horizontal", "style"]));
|
|
356
356
|
}
|
|
357
357
|
});
|
|
358
|
-
const
|
|
358
|
+
const B = (e, a) => {
|
|
359
359
|
const i = e.__vccOpts || e;
|
|
360
|
-
for (const [
|
|
361
|
-
i[
|
|
360
|
+
for (const [n, l] of a)
|
|
361
|
+
i[n] = l;
|
|
362
362
|
return i;
|
|
363
|
-
},
|
|
363
|
+
}, pe = /* @__PURE__ */ B(ce, [["__scopeId", "data-v-4226b5d2"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/index.vue"]]), he = /* @__PURE__ */ V({
|
|
364
364
|
__name: "pane",
|
|
365
365
|
props: {
|
|
366
366
|
styles: { type: Object, required: !0, default: () => ({ background: "#ececec" }) }
|
|
367
367
|
},
|
|
368
368
|
setup(e) {
|
|
369
|
-
return (a, i) => (r(), h(o(
|
|
370
|
-
style:
|
|
369
|
+
return (a, i) => (r(), h(o(ue), {
|
|
370
|
+
style: x(e.styles)
|
|
371
371
|
}, {
|
|
372
372
|
default: m(() => [
|
|
373
|
-
|
|
373
|
+
w(a.$slots, "default")
|
|
374
374
|
]),
|
|
375
375
|
_: 3
|
|
376
376
|
}, 8, ["style"]));
|
|
377
377
|
}
|
|
378
|
-
}),
|
|
378
|
+
}), me = /* @__PURE__ */ B(he, [["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);
|
|
379
379
|
/*! Element Plus Icons Vue v2.0.10 */
|
|
380
|
-
var
|
|
380
|
+
var $ = (e, a) => {
|
|
381
381
|
let i = e.__vccOpts || e;
|
|
382
|
-
for (let [
|
|
383
|
-
i[
|
|
382
|
+
for (let [n, l] of a)
|
|
383
|
+
i[n] = l;
|
|
384
384
|
return i;
|
|
385
|
-
},
|
|
385
|
+
}, fe = {
|
|
386
386
|
name: "CircleClose"
|
|
387
|
-
},
|
|
387
|
+
}, ve = {
|
|
388
388
|
viewBox: "0 0 1024 1024",
|
|
389
389
|
xmlns: "http://www.w3.org/2000/svg"
|
|
390
|
-
},
|
|
390
|
+
}, _e = /* @__PURE__ */ g("path", {
|
|
391
391
|
fill: "currentColor",
|
|
392
392
|
d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
|
|
393
|
-
}, null, -1),
|
|
393
|
+
}, null, -1), ze = /* @__PURE__ */ g("path", {
|
|
394
394
|
fill: "currentColor",
|
|
395
395
|
d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
|
|
396
|
-
}, null, -1),
|
|
397
|
-
|
|
398
|
-
|
|
396
|
+
}, null, -1), ge = [
|
|
397
|
+
_e,
|
|
398
|
+
ze
|
|
399
399
|
];
|
|
400
|
-
function
|
|
401
|
-
return r(),
|
|
400
|
+
function ye(e, a, i, n, l, s) {
|
|
401
|
+
return r(), z("svg", ve, ge);
|
|
402
402
|
}
|
|
403
|
-
var
|
|
403
|
+
var xe = /* @__PURE__ */ $(fe, [["render", ye], ["__file", "circle-close.vue"]]), we = {
|
|
404
404
|
name: "Close"
|
|
405
|
-
},
|
|
405
|
+
}, Se = {
|
|
406
406
|
viewBox: "0 0 1024 1024",
|
|
407
407
|
xmlns: "http://www.w3.org/2000/svg"
|
|
408
|
-
},
|
|
408
|
+
}, be = /* @__PURE__ */ g("path", {
|
|
409
409
|
fill: "currentColor",
|
|
410
410
|
d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
|
|
411
|
-
}, null, -1),
|
|
412
|
-
|
|
411
|
+
}, null, -1), Pe = [
|
|
412
|
+
be
|
|
413
413
|
];
|
|
414
|
-
function
|
|
415
|
-
return r(),
|
|
414
|
+
function Ce(e, a, i, n, l, s) {
|
|
415
|
+
return r(), z("svg", Se, Pe);
|
|
416
416
|
}
|
|
417
|
-
var
|
|
417
|
+
var Fe = /* @__PURE__ */ $(we, [["render", Ce], ["__file", "close.vue"]]), ke = {
|
|
418
418
|
name: "DeleteFilled"
|
|
419
|
-
},
|
|
419
|
+
}, Ee = {
|
|
420
420
|
viewBox: "0 0 1024 1024",
|
|
421
421
|
xmlns: "http://www.w3.org/2000/svg"
|
|
422
|
-
},
|
|
422
|
+
}, $e = /* @__PURE__ */ g("path", {
|
|
423
423
|
fill: "currentColor",
|
|
424
424
|
d: "M352 192V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64H96a32 32 0 0 1 0-64h256zm64 0h192v-64H416v64zM192 960a32 32 0 0 1-32-32V256h704v672a32 32 0 0 1-32 32H192zm224-192a32 32 0 0 0 32-32V416a32 32 0 0 0-64 0v320a32 32 0 0 0 32 32zm192 0a32 32 0 0 0 32-32V416a32 32 0 0 0-64 0v320a32 32 0 0 0 32 32z"
|
|
425
|
-
}, null, -1),
|
|
426
|
-
|
|
425
|
+
}, null, -1), Me = [
|
|
426
|
+
$e
|
|
427
427
|
];
|
|
428
|
-
function
|
|
429
|
-
return r(),
|
|
428
|
+
function Ve(e, a, i, n, l, s) {
|
|
429
|
+
return r(), z("svg", Ee, Me);
|
|
430
430
|
}
|
|
431
|
-
var
|
|
431
|
+
var Be = /* @__PURE__ */ $(ke, [["render", Ve], ["__file", "delete-filled.vue"]]), qe = {
|
|
432
432
|
name: "Delete"
|
|
433
|
-
},
|
|
433
|
+
}, Le = {
|
|
434
434
|
viewBox: "0 0 1024 1024",
|
|
435
435
|
xmlns: "http://www.w3.org/2000/svg"
|
|
436
|
-
},
|
|
436
|
+
}, Ne = /* @__PURE__ */ g("path", {
|
|
437
437
|
fill: "currentColor",
|
|
438
438
|
d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"
|
|
439
|
-
}, null, -1),
|
|
440
|
-
|
|
439
|
+
}, null, -1), Ue = [
|
|
440
|
+
Ne
|
|
441
441
|
];
|
|
442
|
-
function
|
|
443
|
-
return r(),
|
|
442
|
+
function De(e, a, i, n, l, s) {
|
|
443
|
+
return r(), z("svg", Le, Ue);
|
|
444
444
|
}
|
|
445
|
-
var
|
|
445
|
+
var Re = /* @__PURE__ */ $(qe, [["render", De], ["__file", "delete.vue"]]), Te = {
|
|
446
446
|
name: "Edit"
|
|
447
|
-
},
|
|
447
|
+
}, We = {
|
|
448
448
|
viewBox: "0 0 1024 1024",
|
|
449
449
|
xmlns: "http://www.w3.org/2000/svg"
|
|
450
|
-
},
|
|
450
|
+
}, He = /* @__PURE__ */ g("path", {
|
|
451
451
|
fill: "currentColor",
|
|
452
452
|
d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
|
|
453
|
-
}, null, -1),
|
|
453
|
+
}, null, -1), Ie = /* @__PURE__ */ g("path", {
|
|
454
454
|
fill: "currentColor",
|
|
455
455
|
d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
|
|
456
|
-
}, null, -1),
|
|
457
|
-
|
|
458
|
-
|
|
456
|
+
}, null, -1), Oe = [
|
|
457
|
+
He,
|
|
458
|
+
Ie
|
|
459
459
|
];
|
|
460
|
-
function
|
|
461
|
-
return r(),
|
|
460
|
+
function Ae(e, a, i, n, l, s) {
|
|
461
|
+
return r(), z("svg", We, Oe);
|
|
462
462
|
}
|
|
463
|
-
var
|
|
463
|
+
var je = /* @__PURE__ */ $(Te, [["render", Ae], ["__file", "edit.vue"]]), Ge = {
|
|
464
464
|
name: "FolderOpened"
|
|
465
|
-
},
|
|
465
|
+
}, Ke = {
|
|
466
466
|
viewBox: "0 0 1024 1024",
|
|
467
467
|
xmlns: "http://www.w3.org/2000/svg"
|
|
468
|
-
},
|
|
468
|
+
}, Ye = /* @__PURE__ */ g("path", {
|
|
469
469
|
fill: "currentColor",
|
|
470
470
|
d: "M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z"
|
|
471
|
-
}, null, -1),
|
|
472
|
-
|
|
471
|
+
}, null, -1), Je = [
|
|
472
|
+
Ye
|
|
473
473
|
];
|
|
474
|
-
function
|
|
475
|
-
return r(),
|
|
474
|
+
function Xe(e, a, i, n, l, s) {
|
|
475
|
+
return r(), z("svg", Ke, Je);
|
|
476
476
|
}
|
|
477
|
-
var
|
|
477
|
+
var j = /* @__PURE__ */ $(Ge, [["render", Xe], ["__file", "folder-opened.vue"]]), Qe = {
|
|
478
478
|
name: "Search"
|
|
479
|
-
},
|
|
479
|
+
}, Ze = {
|
|
480
480
|
viewBox: "0 0 1024 1024",
|
|
481
481
|
xmlns: "http://www.w3.org/2000/svg"
|
|
482
|
-
},
|
|
482
|
+
}, et = /* @__PURE__ */ g("path", {
|
|
483
483
|
fill: "currentColor",
|
|
484
484
|
d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"
|
|
485
|
-
}, null, -1),
|
|
486
|
-
|
|
485
|
+
}, null, -1), tt = [
|
|
486
|
+
et
|
|
487
487
|
];
|
|
488
|
-
function
|
|
489
|
-
return r(),
|
|
488
|
+
function at(e, a, i, n, l, s) {
|
|
489
|
+
return r(), z("svg", Ze, tt);
|
|
490
490
|
}
|
|
491
|
-
var
|
|
491
|
+
var nt = /* @__PURE__ */ $(Qe, [["render", at], ["__file", "search.vue"]]), it = {
|
|
492
492
|
name: "Upload"
|
|
493
|
-
},
|
|
493
|
+
}, lt = {
|
|
494
494
|
viewBox: "0 0 1024 1024",
|
|
495
495
|
xmlns: "http://www.w3.org/2000/svg"
|
|
496
|
-
},
|
|
496
|
+
}, st = /* @__PURE__ */ g("path", {
|
|
497
497
|
fill: "currentColor",
|
|
498
498
|
d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"
|
|
499
|
-
}, null, -1),
|
|
500
|
-
|
|
499
|
+
}, null, -1), ot = [
|
|
500
|
+
st
|
|
501
501
|
];
|
|
502
|
-
function
|
|
503
|
-
return r(),
|
|
502
|
+
function rt(e, a, i, n, l, s) {
|
|
503
|
+
return r(), z("svg", lt, ot);
|
|
504
504
|
}
|
|
505
|
-
var
|
|
505
|
+
var G = /* @__PURE__ */ $(it, [["render", rt], ["__file", "upload.vue"]]), dt = function() {
|
|
506
506
|
function e(a) {
|
|
507
507
|
if (!a)
|
|
508
508
|
throw new TypeError("Invalid argument; `value` has no value.");
|
|
@@ -520,7 +520,7 @@ var Y = /* @__PURE__ */ M(ot, [["render", ct], ["__file", "upload.vue"]]), pt =
|
|
|
520
520
|
}, e.raw = function() {
|
|
521
521
|
return [e.gen(2), e.gen(1), e.gen(1), e.gen(1), e.gen(3)].join("-");
|
|
522
522
|
}, e.gen = function(a) {
|
|
523
|
-
for (var i = "",
|
|
523
|
+
for (var i = "", n = 0; n < a; n++)
|
|
524
524
|
i += ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
|
|
525
525
|
return i;
|
|
526
526
|
}, e.prototype.equals = function(a) {
|
|
@@ -534,70 +534,70 @@ var Y = /* @__PURE__ */ M(ot, [["render", ct], ["__file", "upload.vue"]]), pt =
|
|
|
534
534
|
value: this.value
|
|
535
535
|
};
|
|
536
536
|
}, e.validator = new RegExp("^[a-z0-9]{8}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{12}$", "i"), e.EMPTY = "00000000-0000-0000-0000-000000000000", e;
|
|
537
|
-
}(),
|
|
538
|
-
const
|
|
537
|
+
}(), ut = dt;
|
|
538
|
+
const ct = { style: {} }, pt = ["id", "accept"], ht = { class: "filename" }, mt = /* @__PURE__ */ V({
|
|
539
539
|
__name: "index",
|
|
540
540
|
props: {
|
|
541
541
|
size: { type: String, required: !1, default: "default" },
|
|
542
542
|
name: { type: String, required: !1, default: "\u4E0A\u4F20\u6587\u4EF6" },
|
|
543
|
-
icon: { type: null, required: !1, default:
|
|
543
|
+
icon: { type: null, required: !1, default: G },
|
|
544
544
|
type: { type: null, required: !1, default: "success" },
|
|
545
545
|
accept: { type: String, required: !0, default: "*" }
|
|
546
546
|
},
|
|
547
547
|
emits: ["upload"],
|
|
548
548
|
setup(e, { expose: a, emit: i }) {
|
|
549
|
-
let
|
|
549
|
+
let n = ut.create().toString(), l, s = D("");
|
|
550
550
|
function d() {
|
|
551
|
-
|
|
551
|
+
l.click();
|
|
552
552
|
}
|
|
553
553
|
function f() {
|
|
554
|
-
|
|
554
|
+
s.value = l.value;
|
|
555
555
|
}
|
|
556
|
-
function
|
|
557
|
-
|
|
556
|
+
function y() {
|
|
557
|
+
l.files !== null && i("upload", l.files[0]);
|
|
558
558
|
}
|
|
559
|
-
function
|
|
560
|
-
|
|
559
|
+
function C() {
|
|
560
|
+
l.value = "", s.value = "";
|
|
561
561
|
}
|
|
562
|
-
return
|
|
563
|
-
|
|
562
|
+
return O(() => {
|
|
563
|
+
l = document.getElementById(n);
|
|
564
564
|
}), a({
|
|
565
|
-
Clear:
|
|
566
|
-
}), (
|
|
567
|
-
const
|
|
568
|
-
return r(),
|
|
569
|
-
|
|
565
|
+
Clear: C
|
|
566
|
+
}), (F, S) => {
|
|
567
|
+
const k = _("el-button");
|
|
568
|
+
return r(), z("div", ct, [
|
|
569
|
+
P(k, {
|
|
570
570
|
type: e.type,
|
|
571
|
-
icon: o(
|
|
571
|
+
icon: o(j),
|
|
572
572
|
size: e.size,
|
|
573
573
|
class: "btn",
|
|
574
574
|
onClick: d
|
|
575
575
|
}, {
|
|
576
576
|
default: m(() => [
|
|
577
|
-
|
|
577
|
+
E("\u9009\u62E9\u6587\u4EF6")
|
|
578
578
|
]),
|
|
579
579
|
_: 1
|
|
580
580
|
}, 8, ["type", "icon", "size"]),
|
|
581
|
-
|
|
581
|
+
ae(g("input", {
|
|
582
582
|
type: "file",
|
|
583
|
-
id: o(
|
|
583
|
+
id: o(n),
|
|
584
584
|
onChange: f,
|
|
585
585
|
accept: e.accept
|
|
586
|
-
}, null, 40,
|
|
587
|
-
[
|
|
586
|
+
}, null, 40, pt), [
|
|
587
|
+
[ne, !1]
|
|
588
588
|
]),
|
|
589
|
-
|
|
590
|
-
|
|
589
|
+
g("span", ht, L(o(s)), 1),
|
|
590
|
+
P(k, {
|
|
591
591
|
type: e.type,
|
|
592
592
|
icon: e.icon,
|
|
593
593
|
size: e.size,
|
|
594
|
-
disabled: o(
|
|
594
|
+
disabled: o(s) == null || o(s) == "",
|
|
595
595
|
class: "btn",
|
|
596
|
-
title: o(
|
|
597
|
-
onClick:
|
|
596
|
+
title: o(s) == null || o(s) == "" ? "\u8BF7\u9009\u62E9\u6587\u4EF6" : "",
|
|
597
|
+
onClick: y
|
|
598
598
|
}, {
|
|
599
599
|
default: m(() => [
|
|
600
|
-
|
|
600
|
+
E(L(e.name), 1)
|
|
601
601
|
]),
|
|
602
602
|
_: 1
|
|
603
603
|
}, 8, ["type", "icon", "size", "disabled", "title"])
|
|
@@ -605,7 +605,7 @@ const mt = { style: {} }, ft = ["id", "accept"], vt = { class: "filename" }, _t
|
|
|
605
605
|
};
|
|
606
606
|
}
|
|
607
607
|
});
|
|
608
|
-
const
|
|
608
|
+
const ft = /* @__PURE__ */ B(mt, [["__scopeId", "data-v-83b9cdd7"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFile/index.vue"]]), vt = ["accept"], _t = { class: "filename" }, zt = { class: "content" }, gt = /* @__PURE__ */ V({
|
|
609
609
|
__name: "index",
|
|
610
610
|
props: {
|
|
611
611
|
size: { type: String, required: !0, default: "default" },
|
|
@@ -613,80 +613,80 @@ const zt = /* @__PURE__ */ q(_t, [["__scopeId", "data-v-83b9cdd7"], ["__file", "
|
|
|
613
613
|
},
|
|
614
614
|
emits: ["upload", "clear"],
|
|
615
615
|
setup(e, { expose: a, emit: i }) {
|
|
616
|
-
const
|
|
616
|
+
const n = e, l = D(), s = D([]);
|
|
617
617
|
function d() {
|
|
618
618
|
var S;
|
|
619
|
-
(S =
|
|
619
|
+
(S = l.value) == null || S.click();
|
|
620
620
|
}
|
|
621
621
|
function f() {
|
|
622
|
-
var S,
|
|
623
|
-
if (
|
|
624
|
-
for (let
|
|
625
|
-
|
|
622
|
+
var S, k, u;
|
|
623
|
+
if (s.value = [], (S = l.value) != null && S.files)
|
|
624
|
+
for (let v = 0; v < ((u = (k = l.value) == null ? void 0 : k.files) == null ? void 0 : u.length); v++)
|
|
625
|
+
s.value[v] = l.value.files[v];
|
|
626
626
|
else
|
|
627
|
-
|
|
627
|
+
s.value = [];
|
|
628
628
|
}
|
|
629
|
-
function
|
|
630
|
-
|
|
629
|
+
function y(S) {
|
|
630
|
+
s.value.splice(S, 1);
|
|
631
631
|
}
|
|
632
|
-
function
|
|
633
|
-
i("upload",
|
|
632
|
+
function C() {
|
|
633
|
+
i("upload", s.value);
|
|
634
634
|
}
|
|
635
|
-
function
|
|
636
|
-
|
|
635
|
+
function F() {
|
|
636
|
+
s.value = [];
|
|
637
637
|
}
|
|
638
638
|
return a({
|
|
639
|
-
Clear:
|
|
640
|
-
}), (S,
|
|
641
|
-
const
|
|
642
|
-
return r(),
|
|
643
|
-
|
|
639
|
+
Clear: F
|
|
640
|
+
}), (S, k) => {
|
|
641
|
+
const u = _("el-button");
|
|
642
|
+
return r(), z("div", null, [
|
|
643
|
+
g("input", {
|
|
644
644
|
type: "file",
|
|
645
645
|
ref_key: "files",
|
|
646
|
-
ref:
|
|
646
|
+
ref: l,
|
|
647
647
|
multiple: "",
|
|
648
648
|
style: { display: "none" },
|
|
649
649
|
onChange: f,
|
|
650
|
-
accept:
|
|
651
|
-
}, null, 40,
|
|
652
|
-
|
|
650
|
+
accept: n.accept
|
|
651
|
+
}, null, 40, vt),
|
|
652
|
+
P(u, {
|
|
653
653
|
type: "success",
|
|
654
|
-
size:
|
|
655
|
-
icon: o(
|
|
654
|
+
size: n.size,
|
|
655
|
+
icon: o(j),
|
|
656
656
|
onClick: d
|
|
657
657
|
}, {
|
|
658
658
|
default: m(() => [
|
|
659
|
-
|
|
659
|
+
E("\u9009\u62E9\u6587\u4EF6")
|
|
660
660
|
]),
|
|
661
661
|
_: 1
|
|
662
662
|
}, 8, ["size", "icon"]),
|
|
663
|
-
|
|
663
|
+
P(u, {
|
|
664
664
|
type: "success",
|
|
665
|
-
size:
|
|
666
|
-
icon: o(
|
|
667
|
-
onClick:
|
|
668
|
-
disabled:
|
|
665
|
+
size: n.size,
|
|
666
|
+
icon: o(G),
|
|
667
|
+
onClick: C,
|
|
668
|
+
disabled: s.value.length == 0
|
|
669
669
|
}, {
|
|
670
670
|
default: m(() => [
|
|
671
|
-
|
|
671
|
+
E("\u4E0A\u4F20\u6587\u4EF6")
|
|
672
672
|
]),
|
|
673
673
|
_: 1
|
|
674
674
|
}, 8, ["size", "icon", "disabled"]),
|
|
675
|
-
(r(!0),
|
|
676
|
-
|
|
677
|
-
|
|
675
|
+
(r(!0), z(q, null, R(s.value, (v, M) => (r(), z("p", _t, [
|
|
676
|
+
g("span", zt, L(v.name), 1),
|
|
677
|
+
P(u, {
|
|
678
678
|
size: "small",
|
|
679
|
-
icon: o(
|
|
679
|
+
icon: o(Fe),
|
|
680
680
|
class: "operation",
|
|
681
681
|
link: "",
|
|
682
|
-
onClick: (
|
|
682
|
+
onClick: (T) => y(M)
|
|
683
683
|
}, null, 8, ["icon", "onClick"])
|
|
684
684
|
]))), 256))
|
|
685
685
|
]);
|
|
686
686
|
};
|
|
687
687
|
}
|
|
688
688
|
});
|
|
689
|
-
const
|
|
689
|
+
const yt = /* @__PURE__ */ B(gt, [["__scopeId", "data-v-50d3310f"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFiles/index.vue"]]), xt = /* @__PURE__ */ V({
|
|
690
690
|
__name: "index",
|
|
691
691
|
props: {
|
|
692
692
|
asideWidth: { type: Number, required: !1, default: 220 },
|
|
@@ -694,58 +694,58 @@ const St = /* @__PURE__ */ q(wt, [["__scopeId", "data-v-50d3310f"], ["__file", "
|
|
|
694
694
|
horizontal: { type: Boolean, required: !1, default: !1 }
|
|
695
695
|
},
|
|
696
696
|
setup(e) {
|
|
697
|
-
const a =
|
|
698
|
-
return (i,
|
|
699
|
-
const
|
|
697
|
+
const a = A();
|
|
698
|
+
return (i, n) => {
|
|
699
|
+
const l = _("el-aside"), s = _("el-header"), d = _("el-main"), f = _("el-container");
|
|
700
700
|
return r(), h(f, { class: "container" }, {
|
|
701
701
|
default: m(() => [
|
|
702
|
-
o(a).aside && !e.horizontal ? (r(), h(
|
|
702
|
+
o(a).aside && !e.horizontal ? (r(), h(l, {
|
|
703
703
|
key: 0,
|
|
704
704
|
class: "aside",
|
|
705
|
-
style:
|
|
705
|
+
style: x("width: " + e.asideWidth + "px;")
|
|
706
706
|
}, {
|
|
707
707
|
default: m(() => [
|
|
708
|
-
|
|
708
|
+
w(i.$slots, "aside", {}, void 0, !0)
|
|
709
709
|
]),
|
|
710
710
|
_: 3
|
|
711
711
|
}, 8, ["style"])) : c("v-if", !0),
|
|
712
|
-
o(a).header && e.horizontal ? (r(), h(
|
|
712
|
+
o(a).header && e.horizontal ? (r(), h(s, {
|
|
713
713
|
key: 1,
|
|
714
714
|
class: "inside_header",
|
|
715
|
-
style:
|
|
715
|
+
style: x("height: " + e.headerMaxHeight + "px;")
|
|
716
716
|
}, {
|
|
717
717
|
default: m(() => [
|
|
718
|
-
|
|
718
|
+
w(i.$slots, "header", {}, void 0, !0)
|
|
719
719
|
]),
|
|
720
720
|
_: 3
|
|
721
721
|
}, 8, ["style"])) : c("v-if", !0),
|
|
722
|
-
|
|
722
|
+
P(d, { class: "main" }, {
|
|
723
723
|
default: m(() => [
|
|
724
|
-
|
|
724
|
+
P(f, { class: "inside_container" }, {
|
|
725
725
|
default: m(() => [
|
|
726
|
-
o(a).header && !e.horizontal ? (r(), h(
|
|
726
|
+
o(a).header && !e.horizontal ? (r(), h(s, {
|
|
727
727
|
key: 0,
|
|
728
728
|
class: "inside_header",
|
|
729
|
-
style:
|
|
729
|
+
style: x("height: " + e.headerMaxHeight + "px;")
|
|
730
730
|
}, {
|
|
731
731
|
default: m(() => [
|
|
732
|
-
|
|
732
|
+
w(i.$slots, "header", {}, void 0, !0)
|
|
733
733
|
]),
|
|
734
734
|
_: 3
|
|
735
735
|
}, 8, ["style"])) : c("v-if", !0),
|
|
736
|
-
o(a).aside && e.horizontal ? (r(), h(
|
|
736
|
+
o(a).aside && e.horizontal ? (r(), h(l, {
|
|
737
737
|
key: 1,
|
|
738
738
|
class: "aside",
|
|
739
|
-
style:
|
|
739
|
+
style: x("width: " + e.asideWidth + "px;")
|
|
740
740
|
}, {
|
|
741
741
|
default: m(() => [
|
|
742
|
-
|
|
742
|
+
w(i.$slots, "aside", {}, void 0, !0)
|
|
743
743
|
]),
|
|
744
744
|
_: 3
|
|
745
745
|
}, 8, ["style"])) : c("v-if", !0),
|
|
746
|
-
|
|
746
|
+
P(d, { class: "inside_main" }, {
|
|
747
747
|
default: m(() => [
|
|
748
|
-
|
|
748
|
+
w(i.$slots, "default", {}, void 0, !0)
|
|
749
749
|
]),
|
|
750
750
|
_: 3
|
|
751
751
|
})
|
|
@@ -761,10 +761,10 @@ const St = /* @__PURE__ */ q(wt, [["__scopeId", "data-v-50d3310f"], ["__file", "
|
|
|
761
761
|
};
|
|
762
762
|
}
|
|
763
763
|
});
|
|
764
|
-
const
|
|
764
|
+
const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/Layout/index.vue"]]), St = {
|
|
765
765
|
key: 0,
|
|
766
766
|
class: "header"
|
|
767
|
-
},
|
|
767
|
+
}, bt = { class: "header_title" }, Pt = ["innerHTML"], Ct = { class: "header_title" }, Ft = { class: "pagination" }, kt = /* @__PURE__ */ V({
|
|
768
768
|
__name: "index",
|
|
769
769
|
props: {
|
|
770
770
|
maxHeight: { type: Number, required: !1, default: 550 },
|
|
@@ -792,68 +792,62 @@ const Pt = /* @__PURE__ */ q(bt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
|
|
|
792
792
|
pagination: { type: Boolean, required: !1, default: !1 },
|
|
793
793
|
small: { type: Boolean, required: !1, default: !1 },
|
|
794
794
|
total: { type: Number, required: !1, default: 0 },
|
|
795
|
-
hideOnSinglePage: { type: Boolean, required: !1, default: !1 }
|
|
795
|
+
hideOnSinglePage: { type: Boolean, required: !1, default: !1 },
|
|
796
|
+
defaultSelect: { type: Function, required: !1 }
|
|
796
797
|
},
|
|
797
798
|
emits: ["row-click", "row-dblclick", "selection-change", "search", "clear", "delete", "edit", "page-index", "page-size", "get-ref"],
|
|
798
|
-
setup(e, {
|
|
799
|
-
const
|
|
800
|
-
let n =
|
|
799
|
+
setup(e, { emit: a }) {
|
|
800
|
+
const i = e;
|
|
801
|
+
let n = ie({
|
|
801
802
|
pageIndex: 1,
|
|
802
803
|
pageSize: 5
|
|
803
|
-
}), l =
|
|
804
|
-
const
|
|
805
|
-
|
|
806
|
-
},
|
|
807
|
-
|
|
808
|
-
},
|
|
809
|
-
|
|
810
|
-
},
|
|
811
|
-
i
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
let w = s.tableColumn[u];
|
|
816
|
-
n[w.prop] = null;
|
|
804
|
+
}), l = D();
|
|
805
|
+
const s = A(), d = (u) => {
|
|
806
|
+
a("row-click", u);
|
|
807
|
+
}, f = (u) => {
|
|
808
|
+
a("row-click", u);
|
|
809
|
+
}, y = (u) => {
|
|
810
|
+
a("selection-change", u), console.log(u);
|
|
811
|
+
}, C = () => {
|
|
812
|
+
if (i.tableColumn.length > 0)
|
|
813
|
+
for (let u = 0; u < i.tableColumn.length; u++) {
|
|
814
|
+
let v = i.tableColumn[u];
|
|
815
|
+
n[v.prop] = null;
|
|
817
816
|
}
|
|
818
|
-
|
|
819
|
-
},
|
|
820
|
-
|
|
817
|
+
a("clear");
|
|
818
|
+
}, F = () => {
|
|
819
|
+
a("search", n);
|
|
820
|
+
}, S = (u) => {
|
|
821
|
+
a("edit", u);
|
|
821
822
|
}, k = (u) => {
|
|
822
|
-
|
|
823
|
-
}, E = (u) => {
|
|
824
|
-
i("delete", u);
|
|
823
|
+
a("delete", u);
|
|
825
824
|
};
|
|
826
|
-
|
|
825
|
+
return H(
|
|
827
826
|
() => n.pageIndex,
|
|
828
|
-
(u,
|
|
829
|
-
|
|
827
|
+
(u, v) => {
|
|
828
|
+
a("page-index", Number(u), Number(v));
|
|
830
829
|
}
|
|
831
|
-
),
|
|
830
|
+
), H(
|
|
832
831
|
() => n.pageSize,
|
|
833
|
-
(u,
|
|
834
|
-
|
|
832
|
+
(u, v) => {
|
|
833
|
+
a("page-size", Number(u), Number(v));
|
|
835
834
|
}
|
|
836
|
-
)
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
}
|
|
842
|
-
return G(() => {
|
|
843
|
-
if (s.tableColumn.length > 0)
|
|
844
|
-
for (let u = 0; u < s.tableColumn.length; u++) {
|
|
845
|
-
let w = s.tableColumn[u];
|
|
846
|
-
n[w.prop] = null;
|
|
835
|
+
), O(() => {
|
|
836
|
+
if (i.tableColumn.length > 0)
|
|
837
|
+
for (let u = 0; u < i.tableColumn.length; u++) {
|
|
838
|
+
let v = i.tableColumn[u];
|
|
839
|
+
n[v.prop] = null;
|
|
847
840
|
}
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
841
|
+
i.tableData.forEach((u) => {
|
|
842
|
+
i.defaultSelect && i.type == "selection" && i.defaultSelect(u) && l.value.toggleRowSelection(u, void 0, !1);
|
|
843
|
+
});
|
|
844
|
+
}), (u, v) => {
|
|
845
|
+
const M = _("el-table-column"), T = _("el-input"), K = _("el-input-number"), Y = _("el-option"), J = _("el-select"), N = _("el-date-picker"), W = _("el-time-picker"), X = _("el-switch"), U = _("el-button"), Q = _("el-popconfirm"), Z = _("el-table"), ee = _("el-pagination");
|
|
846
|
+
return r(), z(q, null, [
|
|
847
|
+
o(s).header ? (r(), z("div", St, [
|
|
848
|
+
w(u.$slots, "header", {}, void 0, !0)
|
|
855
849
|
])) : c("v-if", !0),
|
|
856
|
-
|
|
850
|
+
P(Z, {
|
|
857
851
|
data: e.tableData,
|
|
858
852
|
class: b([e.size && e.size == "small" ? "mini-table" : "table"]),
|
|
859
853
|
"max-height": e.maxHeight,
|
|
@@ -861,13 +855,12 @@ const Pt = /* @__PURE__ */ q(bt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
|
|
|
861
855
|
stripe: e.stripe,
|
|
862
856
|
border: e.border,
|
|
863
857
|
"highlight-current-row": e.highLight,
|
|
864
|
-
onRowClick:
|
|
865
|
-
onRowDblclick:
|
|
866
|
-
onSelectionChange:
|
|
867
|
-
ref: (t) => f(t)
|
|
858
|
+
onRowClick: d,
|
|
859
|
+
onRowDblclick: f,
|
|
860
|
+
onSelectionChange: y
|
|
868
861
|
}, {
|
|
869
862
|
default: m(() => [
|
|
870
|
-
e.type && e.type == "index" ? (r(), h(
|
|
863
|
+
e.type && e.type == "index" ? (r(), h(M, {
|
|
871
864
|
key: 0,
|
|
872
865
|
align: "center",
|
|
873
866
|
type: "index",
|
|
@@ -875,14 +868,14 @@ const Pt = /* @__PURE__ */ q(bt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
|
|
|
875
868
|
fixed: e.typeIsFixed ? "left" : !1,
|
|
876
869
|
label: e.typeLabel
|
|
877
870
|
}, null, 8, ["width", "fixed", "label"])) : c("v-if", !0),
|
|
878
|
-
e.type == "selection" ? (r(), h(
|
|
871
|
+
e.type == "selection" ? (r(), h(M, {
|
|
879
872
|
key: 1,
|
|
880
873
|
align: "center",
|
|
881
874
|
type: "selection",
|
|
882
875
|
width: e.typeWidth + "px",
|
|
883
876
|
fixed: e.typeIsFixed ? "left" : !1
|
|
884
877
|
}, null, 8, ["width", "fixed"])) : c("v-if", !0),
|
|
885
|
-
e.type == "expand" ? (r(), h(
|
|
878
|
+
e.type == "expand" ? (r(), h(M, {
|
|
886
879
|
key: 2,
|
|
887
880
|
align: "center",
|
|
888
881
|
type: "expand",
|
|
@@ -891,224 +884,227 @@ const Pt = /* @__PURE__ */ q(bt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
|
|
|
891
884
|
label: e.typeLabel
|
|
892
885
|
}, {
|
|
893
886
|
default: m((t) => [
|
|
894
|
-
|
|
887
|
+
w(u.$slots, "expand", {
|
|
895
888
|
row: t.row
|
|
896
889
|
}, void 0, !0)
|
|
897
890
|
]),
|
|
898
891
|
_: 3
|
|
899
892
|
}, 8, ["width", "fixed", "label"])) : c("v-if", !0),
|
|
900
|
-
(r(!0),
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
t.
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
t.
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
t.
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
}, [
|
|
1064
|
-
t.costom ? {
|
|
1065
|
-
name: "default",
|
|
1066
|
-
fn: m((p) => [
|
|
1067
|
-
_("span", {
|
|
1068
|
-
innerHTML: t.costom ? t.costom(p.row) : ""
|
|
1069
|
-
}, null, 8, kt)
|
|
893
|
+
(r(!0), z(q, null, R(e.tableColumn, (t) => (r(), z(q, null, [
|
|
894
|
+
t.hidden ? c("v-if", !0) : (r(), h(M, {
|
|
895
|
+
key: 0,
|
|
896
|
+
prop: t.costom ? !1 : t.prop,
|
|
897
|
+
width: t.width ? t.width : "",
|
|
898
|
+
fixed: t.fixed ? t.fixed : !1,
|
|
899
|
+
align: t.align ? t.align : "left",
|
|
900
|
+
"show-overflow-tooltip": !!t.overflow
|
|
901
|
+
}, le({
|
|
902
|
+
header: m(() => [
|
|
903
|
+
g("div", bt, L(t.label), 1),
|
|
904
|
+
c(" \u6587\u672C\u641C\u7D22\u6846 "),
|
|
905
|
+
t.search && (!t.type || t.type == "text") ? (r(), h(T, {
|
|
906
|
+
key: 0,
|
|
907
|
+
modelValue: o(n)[t.prop],
|
|
908
|
+
"onUpdate:modelValue": (p) => o(n)[t.prop] = p,
|
|
909
|
+
size: t.size,
|
|
910
|
+
clearable: "",
|
|
911
|
+
style: x(
|
|
912
|
+
t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
|
|
913
|
+
),
|
|
914
|
+
disabled: t.disabled,
|
|
915
|
+
placeholder: t.placeholder ? t.placeholder : "\u8BF7\u8F93\u5165" + t.label,
|
|
916
|
+
class: b([t.align && t.align == "center" ? "center" : ""]),
|
|
917
|
+
onKeyup: I(F, ["enter", "native"])
|
|
918
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "size", "style", "disabled", "placeholder", "class", "onKeyup"])) : c("v-if", !0),
|
|
919
|
+
c(" \u6570\u5B57\u6846\u641C\u7D22 "),
|
|
920
|
+
t.search && t.type == "number" ? (r(), h(K, {
|
|
921
|
+
key: 1,
|
|
922
|
+
modelValue: o(n)[t.prop],
|
|
923
|
+
"onUpdate:modelValue": (p) => o(n)[t.prop] = p,
|
|
924
|
+
size: t.size,
|
|
925
|
+
clearable: "",
|
|
926
|
+
style: x(
|
|
927
|
+
t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
|
|
928
|
+
),
|
|
929
|
+
disabled: t.disabled,
|
|
930
|
+
placeholder: t.placeholder ? t.placeholder : "\u8BF7\u8F93\u5165" + t.label,
|
|
931
|
+
class: b([t.align && t.align == "center" ? "center" : ""]),
|
|
932
|
+
max: t.max != null ? t.max : 1 / 0,
|
|
933
|
+
min: t.min != null ? t.min : -1 / 0,
|
|
934
|
+
step: t.step != null ? t.step : 1,
|
|
935
|
+
onKeyup: I(F, ["enter", "native"])
|
|
936
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "size", "style", "disabled", "placeholder", "class", "max", "min", "step", "onKeyup"])) : c("v-if", !0),
|
|
937
|
+
c(" \u9009\u62E9\u641C\u7D22 "),
|
|
938
|
+
t.search && t.type == "select" ? (r(), h(J, {
|
|
939
|
+
key: 2,
|
|
940
|
+
modelValue: o(n)[t.prop],
|
|
941
|
+
"onUpdate:modelValue": (p) => o(n)[t.prop] = p,
|
|
942
|
+
size: t.size,
|
|
943
|
+
clearable: "",
|
|
944
|
+
filterable: "",
|
|
945
|
+
style: x(
|
|
946
|
+
t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
|
|
947
|
+
),
|
|
948
|
+
disabled: t.disabled,
|
|
949
|
+
multiple: t.multiple,
|
|
950
|
+
"collapse-tags": t.omit,
|
|
951
|
+
placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9" + t.label,
|
|
952
|
+
class: b([t.align && t.align == "center" ? "center" : ""])
|
|
953
|
+
}, {
|
|
954
|
+
default: m(() => [
|
|
955
|
+
(r(!0), z(q, null, R(t.options, (p) => (r(), h(Y, {
|
|
956
|
+
label: p.label ? p.label : p.value,
|
|
957
|
+
value: p.value,
|
|
958
|
+
disabled: p.disabled
|
|
959
|
+
}, null, 8, ["label", "value", "disabled"]))), 256))
|
|
960
|
+
]),
|
|
961
|
+
_: 2
|
|
962
|
+
}, 1032, ["modelValue", "onUpdate:modelValue", "size", "style", "disabled", "multiple", "collapse-tags", "placeholder", "class"])) : c("v-if", !0),
|
|
963
|
+
c(" \u65E5\u671F\u9009\u62E9 "),
|
|
964
|
+
t.search && t.type == "date" ? (r(), h(N, {
|
|
965
|
+
key: 3,
|
|
966
|
+
modelValue: o(n)[t.prop],
|
|
967
|
+
"onUpdate:modelValue": (p) => o(n)[t.prop] = p,
|
|
968
|
+
type: "date",
|
|
969
|
+
style: x(t.searchWidth ? "width: " + t.searchWidth + "px;" : ""),
|
|
970
|
+
placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9\u65E5\u671F",
|
|
971
|
+
size: t.size,
|
|
972
|
+
class: b([t.align && t.align == "center" ? "center" : ""])
|
|
973
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "style", "placeholder", "size", "class"])) : c("v-if", !0),
|
|
974
|
+
c(" \u65F6\u95F4\u9009\u62E9 "),
|
|
975
|
+
t.search && t.type == "time" ? (r(), h(W, {
|
|
976
|
+
key: 4,
|
|
977
|
+
modelValue: o(n)[t.prop],
|
|
978
|
+
"onUpdate:modelValue": (p) => o(n)[t.prop] = p,
|
|
979
|
+
"arrow-control": "",
|
|
980
|
+
style: x(
|
|
981
|
+
t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
|
|
982
|
+
),
|
|
983
|
+
placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9\u65F6\u95F4",
|
|
984
|
+
size: t.size,
|
|
985
|
+
class: b([t.align && t.align == "center" ? "center" : ""])
|
|
986
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "style", "placeholder", "size", "class"])) : c("v-if", !0),
|
|
987
|
+
c(" \u65E5\u671F\u65F6\u95F4\u641C\u7D22 "),
|
|
988
|
+
t.search && t.type == "datetime" ? (r(), h(N, {
|
|
989
|
+
key: 5,
|
|
990
|
+
modelValue: o(n)[t.prop],
|
|
991
|
+
"onUpdate:modelValue": (p) => o(n)[t.prop] = p,
|
|
992
|
+
type: "datetime",
|
|
993
|
+
style: x(
|
|
994
|
+
t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
|
|
995
|
+
),
|
|
996
|
+
placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9\u65E5\u671F\u65F6\u95F4",
|
|
997
|
+
size: t.size,
|
|
998
|
+
class: b([t.align && t.align == "center" ? "center" : ""])
|
|
999
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "style", "placeholder", "size", "class"])) : c("v-if", !0),
|
|
1000
|
+
c(" \u65E5\u671F\u8303\u56F4\u9009\u62E9 "),
|
|
1001
|
+
t.search && t.type == "daterange" ? (r(), h(N, {
|
|
1002
|
+
key: 6,
|
|
1003
|
+
modelValue: o(n)[t.prop],
|
|
1004
|
+
"onUpdate:modelValue": (p) => o(n)[t.prop] = p,
|
|
1005
|
+
type: "daterange",
|
|
1006
|
+
"range-separator": "-",
|
|
1007
|
+
"start-placeholder": t.placeholder ? t.placeholder.split("&&")[0] : "\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",
|
|
1008
|
+
"end-placeholder": t.placeholder ? t.placeholder.split("&&")[1] : "\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",
|
|
1009
|
+
style: x(
|
|
1010
|
+
t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
|
|
1011
|
+
),
|
|
1012
|
+
size: t.size,
|
|
1013
|
+
class: b([t.align && t.align == "center" ? "center" : ""])
|
|
1014
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "start-placeholder", "end-placeholder", "style", "size", "class"])) : c("v-if", !0),
|
|
1015
|
+
c(" \u65F6\u95F4\u8303\u56F4\u9009\u62E9 "),
|
|
1016
|
+
t.search && t.type == "timerange" ? (r(), h(W, {
|
|
1017
|
+
key: 7,
|
|
1018
|
+
modelValue: o(n)[t.prop],
|
|
1019
|
+
"onUpdate:modelValue": (p) => o(n)[t.prop] = p,
|
|
1020
|
+
"is-range": "",
|
|
1021
|
+
"arrow-control": "",
|
|
1022
|
+
"range-separator": "-",
|
|
1023
|
+
"start-placeholder": t.placeholder ? t.placeholder.split("&&")[0] : "\u8BF7\u9009\u62E9\u5F00\u59CB\u65F6\u95F4",
|
|
1024
|
+
"end-placeholder": t.placeholder ? t.placeholder.split("&&")[1] : "\u8BF7\u9009\u62E9\u7ED3\u675F\u65F6\u95F4",
|
|
1025
|
+
style: x(
|
|
1026
|
+
t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
|
|
1027
|
+
),
|
|
1028
|
+
size: t.size,
|
|
1029
|
+
class: b([t.align && t.align == "center" ? "center" : ""])
|
|
1030
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "start-placeholder", "end-placeholder", "style", "size", "class"])) : c("v-if", !0),
|
|
1031
|
+
c(" \u65E5\u671F\u65F6\u95F4\u8303\u56F4\u9009\u62E9 "),
|
|
1032
|
+
t.search && t.type == "datetimerange" ? (r(), h(N, {
|
|
1033
|
+
key: 8,
|
|
1034
|
+
modelValue: o(n)[t.prop],
|
|
1035
|
+
"onUpdate:modelValue": (p) => o(n)[t.prop] = p,
|
|
1036
|
+
type: "datetimerange",
|
|
1037
|
+
"range-separator": "-",
|
|
1038
|
+
"start-placeholder": t.placeholder ? t.placeholder.split("&&")[0] : "\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F\u65F6\u95F4",
|
|
1039
|
+
"end-placeholder": t.placeholder ? t.placeholder.split("&&")[1] : "\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F\u65F6\u95F4",
|
|
1040
|
+
style: x(
|
|
1041
|
+
t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
|
|
1042
|
+
),
|
|
1043
|
+
size: t.size,
|
|
1044
|
+
class: b([t.align && t.align == "center" ? "center" : ""])
|
|
1045
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "start-placeholder", "end-placeholder", "style", "size", "class"])) : c("v-if", !0),
|
|
1046
|
+
c(" \u5F00\u5173 "),
|
|
1047
|
+
t.search && t.type == "switch" ? (r(), h(X, {
|
|
1048
|
+
key: 9,
|
|
1049
|
+
modelValue: o(n)[t.prop],
|
|
1050
|
+
"onUpdate:modelValue": (p) => o(n)[t.prop] = p,
|
|
1051
|
+
size: t.size,
|
|
1052
|
+
"active-text": t.openText,
|
|
1053
|
+
"inactive-text": t.closeText,
|
|
1054
|
+
class: b([t.align && t.align == "center" ? "center" : ""])
|
|
1055
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "size", "active-text", "inactive-text", "class"])) : c("v-if", !0)
|
|
1070
1056
|
]),
|
|
1071
|
-
|
|
1072
|
-
}
|
|
1073
|
-
|
|
1074
|
-
|
|
1057
|
+
_: 2
|
|
1058
|
+
}, [
|
|
1059
|
+
t.costom ? {
|
|
1060
|
+
name: "default",
|
|
1061
|
+
fn: m((p) => [
|
|
1062
|
+
g("span", {
|
|
1063
|
+
innerHTML: t.costom ? t.costom(p.row) : ""
|
|
1064
|
+
}, null, 8, Pt)
|
|
1065
|
+
]),
|
|
1066
|
+
key: "0"
|
|
1067
|
+
} : void 0
|
|
1068
|
+
]), 1032, ["prop", "width", "fixed", "align", "show-overflow-tooltip"]))
|
|
1069
|
+
], 64))), 256)),
|
|
1070
|
+
e.operate ? (r(), h(M, {
|
|
1075
1071
|
key: 3,
|
|
1076
1072
|
align: "center",
|
|
1077
1073
|
width: e.operateWidth ? e.operateWidth : "",
|
|
1078
1074
|
fixed: e.operateIsFixed ? "right" : !1
|
|
1079
1075
|
}, {
|
|
1080
1076
|
header: m(() => [
|
|
1081
|
-
|
|
1082
|
-
|
|
1077
|
+
g("div", Ct, L(e.operateLabel), 1),
|
|
1078
|
+
w(u.$slots, "operate-front", {}, void 0, !0),
|
|
1083
1079
|
e.search ? (r(), h(U, {
|
|
1084
1080
|
key: 0,
|
|
1085
1081
|
type: "primary",
|
|
1086
1082
|
size: e.operateSize,
|
|
1087
|
-
icon: o(
|
|
1088
|
-
onClick:
|
|
1083
|
+
icon: o(nt),
|
|
1084
|
+
onClick: F
|
|
1089
1085
|
}, {
|
|
1090
1086
|
default: m(() => [
|
|
1091
|
-
|
|
1087
|
+
E("\u641C\u7D22")
|
|
1092
1088
|
]),
|
|
1093
1089
|
_: 1
|
|
1094
1090
|
}, 8, ["size", "icon"])) : c("v-if", !0),
|
|
1095
|
-
|
|
1091
|
+
w(u.$slots, "operate-middle", {}, void 0, !0),
|
|
1096
1092
|
e.clear ? (r(), h(U, {
|
|
1097
1093
|
key: 1,
|
|
1098
1094
|
type: "info",
|
|
1099
1095
|
size: e.operateSize,
|
|
1100
|
-
icon: o(
|
|
1101
|
-
onClick:
|
|
1096
|
+
icon: o(xe),
|
|
1097
|
+
onClick: C
|
|
1102
1098
|
}, {
|
|
1103
1099
|
default: m(() => [
|
|
1104
|
-
|
|
1100
|
+
E("\u6E05\u7A7A")
|
|
1105
1101
|
]),
|
|
1106
1102
|
_: 1
|
|
1107
1103
|
}, 8, ["size", "icon"])) : c("v-if", !0),
|
|
1108
|
-
|
|
1104
|
+
w(u.$slots, "operate", {}, void 0, !0)
|
|
1109
1105
|
]),
|
|
1110
1106
|
default: m((t) => [
|
|
1111
|
-
|
|
1107
|
+
w(u.$slots, "row-operate-front", {
|
|
1112
1108
|
row: t.row
|
|
1113
1109
|
}, void 0, !0),
|
|
1114
1110
|
e.edit ? (r(), h(U, {
|
|
@@ -1116,44 +1112,44 @@ const Pt = /* @__PURE__ */ q(bt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
|
|
|
1116
1112
|
link: "",
|
|
1117
1113
|
type: "primary",
|
|
1118
1114
|
size: e.rowButtonSize,
|
|
1119
|
-
icon: o(
|
|
1120
|
-
onClick: (p) =>
|
|
1115
|
+
icon: o(je),
|
|
1116
|
+
onClick: (p) => S(t.row)
|
|
1121
1117
|
}, {
|
|
1122
1118
|
default: m(() => [
|
|
1123
|
-
|
|
1119
|
+
E("\u4FEE\u6539")
|
|
1124
1120
|
]),
|
|
1125
1121
|
_: 2
|
|
1126
1122
|
}, 1032, ["size", "icon", "onClick"])) : c("v-if", !0),
|
|
1127
|
-
|
|
1123
|
+
w(u.$slots, "row-operate-middle", {
|
|
1128
1124
|
row: t.row
|
|
1129
1125
|
}, void 0, !0),
|
|
1130
|
-
e.delete ? (r(), h(
|
|
1126
|
+
e.delete ? (r(), h(Q, {
|
|
1131
1127
|
key: 1,
|
|
1132
1128
|
"confirm-button-text": "\u5426",
|
|
1133
1129
|
"cancel-button-text": "\u662F",
|
|
1134
1130
|
"confirm-button-type": "text",
|
|
1135
1131
|
"cancel-button-type": "danger",
|
|
1136
|
-
icon: o(
|
|
1132
|
+
icon: o(Be),
|
|
1137
1133
|
width: "auto",
|
|
1138
|
-
onCancel: (p) =>
|
|
1134
|
+
onCancel: (p) => k(t.row),
|
|
1139
1135
|
title: e.deleteTitle ? e.deleteTitle : "\u662F\u5426\u8981\u5220\u9664\u5F53\u524D\u884C\uFF1F"
|
|
1140
1136
|
}, {
|
|
1141
1137
|
reference: m(() => [
|
|
1142
|
-
|
|
1138
|
+
P(U, {
|
|
1143
1139
|
link: "",
|
|
1144
1140
|
type: "danger",
|
|
1145
1141
|
size: e.rowButtonSize,
|
|
1146
|
-
icon: o(
|
|
1142
|
+
icon: o(Re)
|
|
1147
1143
|
}, {
|
|
1148
1144
|
default: m(() => [
|
|
1149
|
-
|
|
1145
|
+
E("\u5220\u9664")
|
|
1150
1146
|
]),
|
|
1151
1147
|
_: 1
|
|
1152
1148
|
}, 8, ["size", "icon"])
|
|
1153
1149
|
]),
|
|
1154
1150
|
_: 2
|
|
1155
1151
|
}, 1032, ["icon", "onCancel", "title"])) : c("v-if", !0),
|
|
1156
|
-
|
|
1152
|
+
w(u.$slots, "row-operate", {
|
|
1157
1153
|
row: t.row
|
|
1158
1154
|
}, void 0, !0)
|
|
1159
1155
|
]),
|
|
@@ -1162,13 +1158,13 @@ const Pt = /* @__PURE__ */ q(bt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
|
|
|
1162
1158
|
]),
|
|
1163
1159
|
_: 3
|
|
1164
1160
|
}, 8, ["data", "class", "max-height", "size", "stripe", "border", "highlight-current-row"]),
|
|
1165
|
-
|
|
1166
|
-
e.pagination ? (r(), h(
|
|
1161
|
+
g("div", Ft, [
|
|
1162
|
+
e.pagination ? (r(), h(ee, {
|
|
1167
1163
|
key: 0,
|
|
1168
1164
|
"current-page": o(n).pageIndex,
|
|
1169
|
-
"onUpdate:current-page":
|
|
1165
|
+
"onUpdate:current-page": v[0] || (v[0] = (t) => o(n).pageIndex = t),
|
|
1170
1166
|
"page-size": o(n).pageSize,
|
|
1171
|
-
"onUpdate:page-size":
|
|
1167
|
+
"onUpdate:page-size": v[1] || (v[1] = (t) => o(n).pageSize = t),
|
|
1172
1168
|
small: e.small,
|
|
1173
1169
|
"hide-on-Single-page": e.hideOnSinglePage,
|
|
1174
1170
|
background: "",
|
|
@@ -1182,17 +1178,17 @@ const Pt = /* @__PURE__ */ q(bt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
|
|
|
1182
1178
|
};
|
|
1183
1179
|
}
|
|
1184
1180
|
});
|
|
1185
|
-
const
|
|
1181
|
+
const Et = /* @__PURE__ */ B(kt, [["__scopeId", "data-v-f4c855de"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/TableForm/index.vue"]]), Mt = {
|
|
1186
1182
|
install: (e) => {
|
|
1187
|
-
e.component("SplitPanes",
|
|
1183
|
+
e.component("SplitPanes", pe), e.component("Pane", me), e.component("UpLoadFile", ft), e.component("Layout", wt), e.component("TableForm", Et), e.component("UpLoadFiles", yt);
|
|
1188
1184
|
}
|
|
1189
1185
|
};
|
|
1190
1186
|
export {
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1187
|
+
wt as Layout,
|
|
1188
|
+
me as Pane,
|
|
1189
|
+
pe as SplitPanes,
|
|
1190
|
+
Et as TableForm,
|
|
1191
|
+
ft as UpLoadFile,
|
|
1192
|
+
yt as UpLoadFiles,
|
|
1193
|
+
Mt as default
|
|
1198
1194
|
};
|