z-crud-table 0.0.50 → 0.0.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/z-crud-table.js +74 -74
- package/dist/z-crud-table.umd.cjs +2 -2
- package/package.json +1 -1
package/dist/z-crud-table.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.header-cell-content[data-v-d23c8660]{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crud-table-container[data-v-
|
|
2
|
-
import { defineComponent as L, createElementBlock as w, openBlock as r, createElementVNode as k, ref as x, resolveComponent as y, createBlock as f, mergeProps as $, withCtx as p, Fragment as P, renderList as q, createCommentVNode as g, createTextVNode as B, toDisplayString as N, getCurrentScope as me, onScopeDispose as ge, computed as R, toValue as oe, watch as H, shallowRef as ye, getCurrentInstance as ve, onMounted as G, reactive as Z, resolveDirective as be, normalizeClass as
|
|
3
|
-
import { ElMessage as T, ElMessageBox as
|
|
4
|
-
import
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.header-cell-content[data-v-d23c8660]{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crud-table-container[data-v-96732da5]{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;min-height:0;overflow:hidden}.search-section-wrapper[data-v-96732da5]{flex-shrink:0}.table-content-wrapper[data-v-96732da5]{flex:1;min-height:0;overflow:hidden}.pagination-wrapper[data-v-96732da5]{flex-shrink:0;padding-top:1rem;display:flex;justify-content:flex-end}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.relative{position:relative}.\\!mr-0{margin-right:0!important}.mt-2{margin-top:.5rem}.flex{display:flex}.hidden{display:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body{background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.crud-container{transition:box-shadow .3s ease-in-out}.crud-container:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.query-form .el-form-item{margin-bottom:0!important}.el-table__expanded-cell{padding:1rem 3.5rem!important;background-color:#f8fafc}.action-buttons>*+*{margin-left:.75rem}.el-dialog__header{border-bottom:none;padding:24px 24px 10px}.el-dialog__title{font-size:1.25rem;font-weight:600}.el-dialog__footer{border-top:none;padding:10px 24px 24px}.el-dialog__body{padding:10px 24px}:root{--large-screen-border-color: rgba(120, 153, 199, 1);--large-screen-text-color: rgba(227, 246, 255, 1);--large-screen-search-bg: rgba(210, 224, 243, .1);--large-screen-button-bg: rgba(38, 120, 255, 1);--large-screen-action-link-color: rgba(39, 233, 255, 1);--large-screen-dialog-bg: #1e293b;--large-screen-hover-bg: rgba(120, 153, 199, .15)}.theme-large-screen{color:var(--large-screen-text-color)}.el-modal-dialog,.el-overlay-dialog{position:absolute!important}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
+
import { defineComponent as L, createElementBlock as w, openBlock as r, createElementVNode as k, ref as x, resolveComponent as y, createBlock as f, mergeProps as $, withCtx as p, Fragment as P, renderList as q, createCommentVNode as g, createTextVNode as B, toDisplayString as N, getCurrentScope as me, onScopeDispose as ge, computed as R, toValue as oe, watch as H, shallowRef as ye, getCurrentInstance as ve, onMounted as G, reactive as Z, toRaw as he, resolveDirective as be, normalizeClass as we, renderSlot as b, createVNode as C, withDirectives as _e, createSlots as Se, unref as ke } from "vue";
|
|
3
|
+
import { ElMessage as T, ElMessageBox as Ce } from "element-plus";
|
|
4
|
+
import De from "axios";
|
|
5
5
|
/*! Element Plus Icons Vue v2.3.2 */
|
|
6
|
-
var
|
|
6
|
+
var Fe = /* @__PURE__ */ L({
|
|
7
7
|
name: "ArrowLeftBold",
|
|
8
8
|
__name: "arrow-left-bold",
|
|
9
9
|
setup(d) {
|
|
@@ -17,7 +17,7 @@ var De = /* @__PURE__ */ L({
|
|
|
17
17
|
})
|
|
18
18
|
]));
|
|
19
19
|
}
|
|
20
|
-
}),
|
|
20
|
+
}), Be = Fe;
|
|
21
21
|
const ee = /* @__PURE__ */ L({
|
|
22
22
|
__name: "DynamicForm",
|
|
23
23
|
props: {
|
|
@@ -103,7 +103,7 @@ const ee = /* @__PURE__ */ L({
|
|
|
103
103
|
}, 16, ["model", "rules"]);
|
|
104
104
|
};
|
|
105
105
|
}
|
|
106
|
-
}), A =
|
|
106
|
+
}), A = De.create({
|
|
107
107
|
// VITE_APP_BASE_API 是在 .env 文件中定义的基础 URL
|
|
108
108
|
baseURL: "",
|
|
109
109
|
timeout: 1e4
|
|
@@ -128,7 +128,7 @@ A.interceptors.response.use(
|
|
|
128
128
|
// 使用后端返回的 `msg` 作为错误提示
|
|
129
129
|
type: "error",
|
|
130
130
|
duration: 5 * 1e3
|
|
131
|
-
}), (s.code === 401 || s.code === 403) &&
|
|
131
|
+
}), (s.code === 401 || s.code === 403) && Ce.confirm(
|
|
132
132
|
"您的登录状态已失效，请重新登录",
|
|
133
133
|
"确认登出",
|
|
134
134
|
{
|
|
@@ -147,33 +147,33 @@ A.interceptors.response.use(
|
|
|
147
147
|
duration: 5 * 1e3
|
|
148
148
|
}), Promise.reject(d))
|
|
149
149
|
);
|
|
150
|
-
function
|
|
150
|
+
function Ue(d) {
|
|
151
151
|
return me() ? (ge(d), !0) : !1;
|
|
152
152
|
}
|
|
153
|
-
const
|
|
153
|
+
const Ve = typeof window < "u" && typeof document < "u";
|
|
154
154
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
155
|
-
const
|
|
155
|
+
const $e = Ve ? window : void 0;
|
|
156
156
|
function te(d) {
|
|
157
157
|
var s;
|
|
158
158
|
const v = oe(d);
|
|
159
159
|
return (s = v == null ? void 0 : v.$el) != null ? s : v;
|
|
160
160
|
}
|
|
161
161
|
// @__NO_SIDE_EFFECTS__
|
|
162
|
-
function
|
|
162
|
+
function Ae() {
|
|
163
163
|
const d = ye(!1), s = ve();
|
|
164
164
|
return s && G(() => {
|
|
165
165
|
d.value = !0;
|
|
166
166
|
}, s), d;
|
|
167
167
|
}
|
|
168
168
|
// @__NO_SIDE_EFFECTS__
|
|
169
|
-
function
|
|
170
|
-
const s = /* @__PURE__ */
|
|
169
|
+
function xe(d) {
|
|
170
|
+
const s = /* @__PURE__ */ Ae();
|
|
171
171
|
return R(() => (s.value, !!d()));
|
|
172
172
|
}
|
|
173
|
-
function
|
|
174
|
-
const { window: u =
|
|
173
|
+
function ze(d, s, v = {}) {
|
|
174
|
+
const { window: u = $e, ...e } = v;
|
|
175
175
|
let _;
|
|
176
|
-
const U = /* @__PURE__ */
|
|
176
|
+
const U = /* @__PURE__ */ xe(() => u && "ResizeObserver" in u), D = () => {
|
|
177
177
|
_ && (_.disconnect(), _ = void 0);
|
|
178
178
|
}, z = R(() => {
|
|
179
179
|
const S = oe(d);
|
|
@@ -191,12 +191,12 @@ function xe(d, s, v = {}) {
|
|
|
191
191
|
), F = () => {
|
|
192
192
|
D(), c();
|
|
193
193
|
};
|
|
194
|
-
return
|
|
194
|
+
return Ue(F), {
|
|
195
195
|
isSupported: U,
|
|
196
196
|
stop: F
|
|
197
197
|
};
|
|
198
198
|
}
|
|
199
|
-
const
|
|
199
|
+
const Oe = /* @__PURE__ */ L({
|
|
200
200
|
__name: "TableHeaderWithTooltip",
|
|
201
201
|
props: {
|
|
202
202
|
label: {},
|
|
@@ -208,7 +208,7 @@ const ze = /* @__PURE__ */ L({
|
|
|
208
208
|
};
|
|
209
209
|
return G(() => {
|
|
210
210
|
u();
|
|
211
|
-
}),
|
|
211
|
+
}), ze(s, () => {
|
|
212
212
|
u();
|
|
213
213
|
}), (e, _) => {
|
|
214
214
|
const U = y("el-tooltip");
|
|
@@ -238,16 +238,16 @@ const ze = /* @__PURE__ */ L({
|
|
|
238
238
|
for (const [u, e] of s)
|
|
239
239
|
v[u] = e;
|
|
240
240
|
return v;
|
|
241
|
-
},
|
|
241
|
+
}, Re = /* @__PURE__ */ le(Oe, [["__scopeId", "data-v-d23c8660"]]), Te = {
|
|
242
242
|
key: 0,
|
|
243
243
|
class: "search-section-wrapper"
|
|
244
|
-
},
|
|
244
|
+
}, Pe = { class: "flex flex-wrap items-center justify-between gap-4" }, Ne = { class: "flex items-center gap-x-2" }, We = { class: "flex items-center gap-x-3 action-buttons flex-shrink-0" }, je = { class: "table-content-wrapper" }, Ee = { key: 1 }, qe = {
|
|
245
245
|
key: 0,
|
|
246
246
|
class: "flex items-center gap-x-2"
|
|
247
|
-
},
|
|
247
|
+
}, Le = {
|
|
248
248
|
key: 1,
|
|
249
249
|
class: "pagination-wrapper flex justify-end mt-2"
|
|
250
|
-
},
|
|
250
|
+
}, Qe = { style: { "overflow-y": "auto", flex: "1" } }, Ie = { class: "dialog-footer" }, Me = { class: "flex items-center" }, He = { class: "el-dialog__title" }, Ge = { style: { "overflow-y": "auto", flex: "1" } }, Je = { class: "dialog-footer" }, Ke = /* @__PURE__ */ L({
|
|
251
251
|
__name: "CrudTable",
|
|
252
252
|
props: {
|
|
253
253
|
/**
|
|
@@ -373,7 +373,7 @@ const ze = /* @__PURE__ */ L({
|
|
|
373
373
|
try {
|
|
374
374
|
let n = { ...o };
|
|
375
375
|
e.onBeforeSubmit && (n = await e.onBeforeSubmit(n, t));
|
|
376
|
-
let
|
|
376
|
+
let h = n;
|
|
377
377
|
if (e.submitAsFormData) {
|
|
378
378
|
const E = new FormData();
|
|
379
379
|
for (const V in n)
|
|
@@ -381,14 +381,14 @@ const ze = /* @__PURE__ */ L({
|
|
|
381
381
|
const I = n[V];
|
|
382
382
|
E.append(V, I ?? "");
|
|
383
383
|
}
|
|
384
|
-
|
|
384
|
+
h = E;
|
|
385
385
|
}
|
|
386
386
|
if (l.submitting = !0, t === "add") {
|
|
387
387
|
if (!D(e.apiUrlCreate, "apiUrlCreate")) throw new Error("apiUrlCreate is not configured.");
|
|
388
|
-
await A.post(e.apiUrlCreate,
|
|
388
|
+
await A.post(e.apiUrlCreate, h), T.success("新增成功");
|
|
389
389
|
} else {
|
|
390
390
|
if (!D(e.apiUrlUpdate, "apiUrlUpdate")) throw new Error("apiUrlUpdate is not configured.");
|
|
391
|
-
await A.put(e.apiUrlUpdate,
|
|
391
|
+
await A.put(e.apiUrlUpdate, h), T.success("更新成功");
|
|
392
392
|
}
|
|
393
393
|
return e.onAfterSubmit && e.onAfterSubmit(t, n), u("submit", { mode: t, data: n }), l.visible && (l.visible = !1), O(), Promise.resolve();
|
|
394
394
|
} catch (n) {
|
|
@@ -422,23 +422,23 @@ const ze = /* @__PURE__ */ L({
|
|
|
422
422
|
c.pageNum = 1, O();
|
|
423
423
|
}, ae = () => {
|
|
424
424
|
const { pageNum: t, pageSize: o, ...n } = e.initialSearchForm;
|
|
425
|
-
Object.keys(c).forEach((
|
|
426
|
-
|
|
425
|
+
Object.keys(c).forEach((h) => {
|
|
426
|
+
h !== "pageNum" && h !== "pageSize" && delete c[h];
|
|
427
427
|
}), Object.assign(c, n), W();
|
|
428
428
|
}, re = (t) => {
|
|
429
429
|
m.value = t;
|
|
430
430
|
}, Q = async (t, o) => {
|
|
431
431
|
let n;
|
|
432
432
|
if (t === "add" ? n = o ? { ...o } : { role: "user" } : n = { ...o }, e.onBeforeOpenDialog) {
|
|
433
|
-
const
|
|
434
|
-
|
|
433
|
+
const h = await e.onBeforeOpenDialog(t, n);
|
|
434
|
+
h && (n = h);
|
|
435
435
|
}
|
|
436
436
|
if (l.mode = t, l.visible = !0, t === "edit") {
|
|
437
437
|
if (!D(e.apiUrlDetail, "apiUrlDetail")) return;
|
|
438
438
|
l.loading = !0;
|
|
439
439
|
try {
|
|
440
|
-
const
|
|
441
|
-
l.data =
|
|
440
|
+
const h = await A.get(e.apiUrlDetail + "/" + n.id.toString());
|
|
441
|
+
l.data = h.data.data;
|
|
442
442
|
} finally {
|
|
443
443
|
l.loading = !1, e.onAfterOpenDialog && e.onAfterOpenDialog(t, l.data), u("open-dialog", { mode: t, data: l.data });
|
|
444
444
|
}
|
|
@@ -453,7 +453,7 @@ const ze = /* @__PURE__ */ L({
|
|
|
453
453
|
}, X = async (t) => {
|
|
454
454
|
if (D(e.apiUrlDelete, "apiUrlDelete"))
|
|
455
455
|
try {
|
|
456
|
-
const o = F.value.filter((
|
|
456
|
+
const o = F.value.filter((h) => t.includes(h.id));
|
|
457
457
|
if (e.onBeforeDelete && await e.onBeforeDelete(t, o) === !1)
|
|
458
458
|
return;
|
|
459
459
|
const n = t.join(",");
|
|
@@ -473,7 +473,7 @@ const ze = /* @__PURE__ */ L({
|
|
|
473
473
|
return H(
|
|
474
474
|
c,
|
|
475
475
|
(t) => {
|
|
476
|
-
u("update:initialSearchForm", { ...
|
|
476
|
+
u("update:initialSearchForm", { ...he(t) });
|
|
477
477
|
},
|
|
478
478
|
{ deep: !0 }
|
|
479
479
|
), H(
|
|
@@ -496,24 +496,24 @@ const ze = /* @__PURE__ */ L({
|
|
|
496
496
|
closeDialog: se
|
|
497
497
|
//关闭弹窗
|
|
498
498
|
}), (t, o) => {
|
|
499
|
-
const n = y("el-button"),
|
|
499
|
+
const n = y("el-button"), h = y("el-form-item"), E = y("el-form"), V = y("el-table-column"), I = y("el-popconfirm"), ue = y("el-table"), de = y("el-pagination"), pe = y("el-skeleton"), Y = y("el-dialog"), fe = y("el-icon"), ce = be("loading");
|
|
500
500
|
return r(), w("div", {
|
|
501
|
-
class:
|
|
501
|
+
class: we([_.value, "crud-table-container"])
|
|
502
502
|
}, [
|
|
503
|
-
e.showSearchSection ? (r(), w("div",
|
|
504
|
-
|
|
505
|
-
k("div",
|
|
503
|
+
e.showSearchSection ? (r(), w("div", Te, [
|
|
504
|
+
b(t.$slots, "header", {}, void 0, !0),
|
|
505
|
+
k("div", Pe, [
|
|
506
506
|
C(E, {
|
|
507
507
|
model: c,
|
|
508
508
|
class: "query-form flex flex-nowrap items-center gap-x-4",
|
|
509
509
|
style: { "overflow-x": "auto", "padding-bottom": "8px" }
|
|
510
510
|
}, {
|
|
511
511
|
default: p(() => [
|
|
512
|
-
|
|
513
|
-
C(
|
|
512
|
+
b(t.$slots, "query-conditions", { searchForm: c }, void 0, !0),
|
|
513
|
+
C(h, { class: "!mr-0 flex-shrink-0" }, {
|
|
514
514
|
default: p(() => [
|
|
515
|
-
k("div",
|
|
516
|
-
|
|
515
|
+
k("div", Ne, [
|
|
516
|
+
b(t.$slots, "query-left", { searchForm: c }, void 0, !0),
|
|
517
517
|
e.showSearchActionButtons ? (r(), w(P, { key: 0 }, [
|
|
518
518
|
e.showSearchButton ? (r(), f(n, {
|
|
519
519
|
key: 0,
|
|
@@ -538,7 +538,7 @@ const ze = /* @__PURE__ */ L({
|
|
|
538
538
|
_: 1
|
|
539
539
|
})) : g("", !0)
|
|
540
540
|
], 64)) : g("", !0),
|
|
541
|
-
|
|
541
|
+
b(t.$slots, "query-right", { searchForm: c }, void 0, !0)
|
|
542
542
|
])
|
|
543
543
|
]),
|
|
544
544
|
_: 3
|
|
@@ -546,9 +546,9 @@ const ze = /* @__PURE__ */ L({
|
|
|
546
546
|
]),
|
|
547
547
|
_: 3
|
|
548
548
|
}, 8, ["model"]),
|
|
549
|
-
k("div",
|
|
550
|
-
|
|
551
|
-
|
|
549
|
+
k("div", We, [
|
|
550
|
+
b(t.$slots, "action-left", { selections: m.value }, void 0, !0),
|
|
551
|
+
b(t.$slots, "add-button-content", { selections: m.value }, () => [
|
|
552
552
|
e.showNewBtn ? (r(), f(n, {
|
|
553
553
|
key: 0,
|
|
554
554
|
color: "#336FFF",
|
|
@@ -560,12 +560,12 @@ const ze = /* @__PURE__ */ L({
|
|
|
560
560
|
_: 1
|
|
561
561
|
})) : g("", !0)
|
|
562
562
|
], !0),
|
|
563
|
-
|
|
563
|
+
b(t.$slots, "action-right", { selections: m.value }, void 0, !0)
|
|
564
564
|
])
|
|
565
565
|
])
|
|
566
566
|
])) : g("", !0),
|
|
567
|
-
k("div",
|
|
568
|
-
|
|
567
|
+
k("div", je, [
|
|
568
|
+
_e((r(), f(ue, $({
|
|
569
569
|
data: F.value,
|
|
570
570
|
"element-loading-text": e.loadingText,
|
|
571
571
|
"element-loading-background": e.loadingBackground,
|
|
@@ -594,20 +594,20 @@ const ze = /* @__PURE__ */ L({
|
|
|
594
594
|
label: a.label,
|
|
595
595
|
width: a.width,
|
|
596
596
|
sortable: a.sortable || !1
|
|
597
|
-
}, { ref_for: !0 }, a.attrs),
|
|
597
|
+
}, { ref_for: !0 }, a.attrs), Se({
|
|
598
598
|
header: p(() => [
|
|
599
|
-
a.headerTooltip ? (r(), f(
|
|
599
|
+
a.headerTooltip ? (r(), f(Re, {
|
|
600
600
|
key: 0,
|
|
601
601
|
label: a.label,
|
|
602
602
|
placement: a.placement
|
|
603
|
-
}, null, 8, ["label", "placement"])) : (r(), w("span",
|
|
603
|
+
}, null, 8, ["label", "placement"])) : (r(), w("span", Ee, N(a.label), 1))
|
|
604
604
|
]),
|
|
605
605
|
_: 2
|
|
606
606
|
}, [
|
|
607
607
|
a.slot ? {
|
|
608
608
|
name: "default",
|
|
609
609
|
fn: p((M) => [
|
|
610
|
-
|
|
610
|
+
b(t.$slots, a.slot, {
|
|
611
611
|
row: M.row
|
|
612
612
|
}, void 0, !0)
|
|
613
613
|
]),
|
|
@@ -620,12 +620,12 @@ const ze = /* @__PURE__ */ L({
|
|
|
620
620
|
width: d.actionsColumnWidth
|
|
621
621
|
}, {
|
|
622
622
|
default: p((a) => [
|
|
623
|
-
a.row ? (r(), w("div",
|
|
624
|
-
t.$slots.actions ?
|
|
623
|
+
a.row ? (r(), w("div", qe, [
|
|
624
|
+
t.$slots.actions ? b(t.$slots, "actions", {
|
|
625
625
|
key: 0,
|
|
626
626
|
row: a.row
|
|
627
627
|
}, void 0, !0) : (r(), w(P, { key: 1 }, [
|
|
628
|
-
|
|
628
|
+
b(t.$slots, "action-before-edit", {
|
|
629
629
|
row: a.row
|
|
630
630
|
}, void 0, !0),
|
|
631
631
|
e.showEditButton ? (r(), f(n, {
|
|
@@ -662,7 +662,7 @@ const ze = /* @__PURE__ */ L({
|
|
|
662
662
|
]),
|
|
663
663
|
_: 1
|
|
664
664
|
}, 8, ["onConfirm"])) : g("", !0),
|
|
665
|
-
|
|
665
|
+
b(t.$slots, "action-after-delete", {
|
|
666
666
|
row: a.row
|
|
667
667
|
}, void 0, !0)
|
|
668
668
|
], 64))
|
|
@@ -676,7 +676,7 @@ const ze = /* @__PURE__ */ L({
|
|
|
676
676
|
[ce, i.value]
|
|
677
677
|
])
|
|
678
678
|
]),
|
|
679
|
-
e.showPagination && S.value > 0 ? (r(), w("div",
|
|
679
|
+
e.showPagination && S.value > 0 ? (r(), w("div", Le, [
|
|
680
680
|
C(de, {
|
|
681
681
|
"current-page": c.pageNum,
|
|
682
682
|
"onUpdate:currentPage": o[1] || (o[1] = (a) => c.pageNum = a),
|
|
@@ -705,7 +705,7 @@ const ze = /* @__PURE__ */ L({
|
|
|
705
705
|
style: { display: "flex", "flex-direction": "column", "max-height": "100vh" }
|
|
706
706
|
}, {
|
|
707
707
|
header: p(() => [
|
|
708
|
-
k("div",
|
|
708
|
+
k("div", Me, [
|
|
709
709
|
C(n, {
|
|
710
710
|
type: "info",
|
|
711
711
|
text: "",
|
|
@@ -715,23 +715,23 @@ const ze = /* @__PURE__ */ L({
|
|
|
715
715
|
default: p(() => [
|
|
716
716
|
C(fe, { size: "20" }, {
|
|
717
717
|
default: p(() => [
|
|
718
|
-
C(
|
|
718
|
+
C(ke(Be))
|
|
719
719
|
]),
|
|
720
720
|
_: 1
|
|
721
721
|
})
|
|
722
722
|
]),
|
|
723
723
|
_: 1
|
|
724
724
|
}),
|
|
725
|
-
k("span",
|
|
725
|
+
k("span", He, N(J.value), 1)
|
|
726
726
|
])
|
|
727
727
|
]),
|
|
728
728
|
footer: p(() => [
|
|
729
|
-
|
|
729
|
+
b(t.$slots, "dialog-footer", {
|
|
730
730
|
dialog: l,
|
|
731
731
|
submit: j,
|
|
732
732
|
cancel: () => l.visible = !1
|
|
733
733
|
}, () => [
|
|
734
|
-
k("span",
|
|
734
|
+
k("span", Je, [
|
|
735
735
|
C(n, {
|
|
736
736
|
color: "#336FFF",
|
|
737
737
|
plain: "",
|
|
@@ -756,8 +756,8 @@ const ze = /* @__PURE__ */ L({
|
|
|
756
756
|
], !0)
|
|
757
757
|
]),
|
|
758
758
|
default: p(() => [
|
|
759
|
-
k("div",
|
|
760
|
-
t.$slots["dialog-form"] ?
|
|
759
|
+
k("div", Ge, [
|
|
760
|
+
t.$slots["dialog-form"] ? b(t.$slots, "dialog-form", {
|
|
761
761
|
key: 0,
|
|
762
762
|
formData: l.data,
|
|
763
763
|
mode: l.mode,
|
|
@@ -788,12 +788,12 @@ const ze = /* @__PURE__ */ L({
|
|
|
788
788
|
style: { display: "flex", "flex-direction": "column", "max-height": "80vh" }
|
|
789
789
|
}, {
|
|
790
790
|
footer: p(() => [
|
|
791
|
-
|
|
791
|
+
b(t.$slots, "dialog-footer", {
|
|
792
792
|
dialog: l,
|
|
793
793
|
submit: j,
|
|
794
794
|
cancel: () => l.visible = !1
|
|
795
795
|
}, () => [
|
|
796
|
-
k("span",
|
|
796
|
+
k("span", Ie, [
|
|
797
797
|
C(n, {
|
|
798
798
|
color: "#336FFF",
|
|
799
799
|
onClick: o[3] || (o[3] = (a) => l.visible = !1)
|
|
@@ -817,8 +817,8 @@ const ze = /* @__PURE__ */ L({
|
|
|
817
817
|
], !0)
|
|
818
818
|
]),
|
|
819
819
|
default: p(() => [
|
|
820
|
-
k("div",
|
|
821
|
-
t.$slots["dialog-form"] ?
|
|
820
|
+
k("div", Qe, [
|
|
821
|
+
t.$slots["dialog-form"] ? b(t.$slots, "dialog-form", {
|
|
822
822
|
key: 0,
|
|
823
823
|
formData: l.data,
|
|
824
824
|
mode: l.mode,
|
|
@@ -846,7 +846,7 @@ const ze = /* @__PURE__ */ L({
|
|
|
846
846
|
], 2);
|
|
847
847
|
};
|
|
848
848
|
}
|
|
849
|
-
}),
|
|
849
|
+
}), et = /* @__PURE__ */ le(Ke, [["__scopeId", "data-v-96732da5"]]);
|
|
850
850
|
export {
|
|
851
|
-
|
|
851
|
+
et as CrudTable
|
|
852
852
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.header-cell-content[data-v-d23c8660]{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crud-table-container[data-v-
|
|
2
|
-
(function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("axios")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","axios"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w.ZCrudTable={},w.Vue,w.ElementPlus,w.axios))})(this,(function(w,e,b,j){"use strict";/*! Element Plus Icons Vue v2.3.2 */var W=e.defineComponent({name:"ArrowLeftBold",__name:"arrow-left-bold",setup(c){return(s,m)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0"})]))}}),M=W;const T=e.defineComponent({__name:"DynamicForm",props:{modelValue:{},formConfig:{},rules:{}},setup(c,{expose:s}){const m=e.ref(null);return s({validate:()=>{var d;return(d=m.value)==null?void 0:d.validate()}}),(d,t)=>{const u=e.resolveComponent("el-input"),B=e.resolveComponent("el-option"),h=e.resolveComponent("el-select"),S=e.resolveComponent("el-radio"),p=e.resolveComponent("el-radio-group"),k=e.resolveComponent("el-form-item"),y=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(y,e.mergeProps({model:d.modelValue,rules:d.rules,ref_key:"formRef",ref:m},d.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.formConfig,i=>(e.openBlock(),e.createBlock(k,{key:i.prop,label:i.label,prop:i.prop},{default:e.withCtx(()=>[i.type==="input"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:0,modelValue:d.modelValue[i.prop],"onUpdate:modelValue":f=>d.modelValue[i.prop]=f},{ref_for:!0},i.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="textarea"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:1,type:"textarea",modelValue:d.modelValue[i.prop],"onUpdate:modelValue":f=>d.modelValue[i.prop]=f},{ref_for:!0},i.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="select"?(e.openBlock(),e.createBlock(h,e.mergeProps({key:2,modelValue:d.modelValue[i.prop],"onUpdate:modelValue":f=>d.modelValue[i.prop]=f},{ref_for:!0},i.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.options,f=>(e.openBlock(),e.createBlock(B,{key:f.value,label:f.label,value:f.value},null,8,["label","value"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="radio-group"?(e.openBlock(),e.createBlock(p,e.mergeProps({key:3,modelValue:d.modelValue[i.prop],"onUpdate:modelValue":f=>d.modelValue[i.prop]=f},{ref_for:!0},i.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.options,f=>(e.openBlock(),e.createBlock(S,{key:f.value,label:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.label),1)]),_:2},1032,["label"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="input-disabled"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:4,"model-value":d.modelValue[i.prop],disabled:""},{ref_for:!0},i.componentProps),null,16,["model-value"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop"]))),128))]),_:1},16,["model","rules"])}}}),_=j.create({baseURL:"",timeout:1e4});_.interceptors.request.use(c=>{const s=localStorage.getItem("token");return s&&(c.headers.Authorization="Bearer "+s),c},c=>(console.log(c),Promise.reject(c))),_.interceptors.response.use(c=>{const s=c.data;return s.code!==200?(b.ElMessage({message:s.msg||"Error",type:"error",duration:5*1e3}),(s.code===401||s.code===403)&&b.ElMessageBox.confirm("您的登录状态已失效，请重新登录","确认登出",{confirmButtonText:"重新登录",cancelButtonText:"取消",type:"warning"}).then(()=>{localStorage.removeItem("token"),location.reload()}),Promise.reject(new Error(s.msg||"Error"))):s},c=>(console.log("HTTP Error: "+c),b.ElMessage({message:"网络错误，请检查您的网络连接或联系管理员",type:"error",duration:5*1e3}),Promise.reject(c)));function q(c){return e.getCurrentScope()?(e.onScopeDispose(c),!0):!1}const L=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Q=L?window:void 0;function $(c){var s;const m=e.toValue(c);return(s=m==null?void 0:m.$el)!=null?s:m}function I(){const c=e.shallowRef(!1),s=e.getCurrentInstance();return s&&e.onMounted(()=>{c.value=!0},s),c}function H(c){const s=I();return e.computed(()=>(s.value,!!c()))}function G(c,s,m={}){const{window:d=Q,...t}=m;let u;const B=H(()=>d&&"ResizeObserver"in d),h=()=>{u&&(u.disconnect(),u=void 0)},S=e.computed(()=>{const y=e.toValue(c);return Array.isArray(y)?y.map(i=>$(i)):[$(y)]}),p=e.watch(S,y=>{if(h(),B.value&&d){u=new ResizeObserver(s);for(const i of y)i&&u.observe(i,t)}},{immediate:!0,flush:"post"}),k=()=>{h(),p()};return q(k),{isSupported:B,stop:k}}const Z=e.defineComponent({__name:"TableHeaderWithTooltip",props:{label:{},placement:{}},setup(c){const s=e.ref(null),m=e.ref(!1),d=()=>{s.value&&(m.value=s.value.scrollWidth>s.value.clientWidth)};return e.onMounted(()=>{d()}),G(s,()=>{d()}),(t,u)=>{const B=e.resolveComponent("el-tooltip");return m.value?(e.openBlock(),e.createBlock(B,{key:1,content:t.label,placement:t.placement||"top"},{default:e.withCtx(()=>[e.createElementVNode("span",{ref_key:"textRef",ref:s,class:"header-cell-content"},e.toDisplayString(t.label),513)]),_:1},8,["content","placement"])):(e.openBlock(),e.createElementBlock("span",{key:0,ref_key:"textRef",ref:s,class:"header-cell-content"},e.toDisplayString(t.label),513))}}}),A=(c,s)=>{const m=c.__vccOpts||c;for(const[d,t]of s)m[d]=t;return m},J=A(Z,[["__scopeId","data-v-d23c8660"]]),K={key:0,class:"search-section-wrapper"},X={class:"flex flex-wrap items-center justify-between gap-4"},Y={class:"flex items-center gap-x-2"},v={class:"flex items-center gap-x-3 action-buttons flex-shrink-0"},ee={class:"table-content-wrapper"},te={key:1},oe={key:0,class:"flex items-center gap-x-2"},le={key:1,class:"pagination-wrapper flex justify-end mt-2"},ae={style:{"overflow-y":"auto",flex:"1"}},re={class:"dialog-footer"},ne={class:"flex items-center"},ie={class:"el-dialog__title"},se={style:{"overflow-y":"auto",flex:"1"}},de={class:"dialog-footer"},ce=A(e.defineComponent({__name:"CrudTable",props:{theme:{type:String,default:"default"},customClass:{type:String,default:""},apiUrlQuery:{type:String,required:!0},apiUrlDetail:{type:String,required:!0},apiUrlCreate:{type:String,required:!0},apiUrlUpdate:{type:String,required:!0},apiUrlDelete:{type:String,required:!0},loadingText:{type:String,default:"加载中…"},loadingBackground:{type:String,default:"rgba(0, 0, 0, 0.3)"},showSearchSection:{type:Boolean,default:!0},showSearchActionButtons:{type:Boolean,default:!0},showSearchButton:{type:Boolean,default:!0},showClearButton:{type:Boolean,default:!0},showNewBtn:{type:Boolean,default:!0},columns:{type:Array,default:()=>[]},onBeforeQuery:{type:Function},onAfterQuery:{type:Function},onBeforeOpenDialog:{type:Function},onAfterOpenDialog:{type:Function},onBeforeSubmit:{type:Function},onAfterSubmit:{type:Function},onBeforeDelete:{type:Function},onAfterDelete:{type:Function},showSelectionColumn:{type:Boolean,default:!0},showIndexColumn:{type:Boolean,default:!0},showActionsColumn:{type:Boolean,default:!0},showEditButton:{type:Boolean,default:!0},showDeleteButton:{type:Boolean,default:!0},actionsColumnWidth:{type:[String,Number],default:120},dialogWidth:{type:String,default:"50%"},initialSearchForm:{type:Object,default:()=>({pageNum:1,pageSize:10})},showPagination:{type:Boolean,default:!0},pageSizes:{type:Array,default:()=>[10,20,50,100]},paginationLayout:{type:String,default:"total, sizes, prev, pager, next, jumper"},paginationBackground:{type:Boolean,default:!0},paginationSmall:{type:Boolean,default:!1},paginationHideOnSinglePage:{type:Boolean,default:!1},dialogFormConfig:{type:Array,default:()=>[]},dialogFormRules:{type:Object,default:()=>({})},dialogFormLabelWidth:{type:String,default:120},submitAsFormData:{type:Boolean,default:!1},dialogFullscreen:{type:Boolean,default:!1},addDialogTitle:{type:String,default:"新增"},editDialogTitle:{type:String,default:"编辑"}},emits:["open-dialog","submit","delete","update:initialSearchForm"],setup(c,{expose:s,emit:m}){const d=m,t=c,u=e.computed(()=>["crud-table-wrapper",`theme-${t.theme}`,t.customClass]),B=e.computed(()=>t.theme==="large-screen"?"large-screen-dialog":""),h=(o,l)=>o?!0:(b.ElMessage.error(`${l} prop is required.`),!1),S=async(o,l)=>{try{let n={...l};t.onBeforeSubmit&&(n=await t.onBeforeSubmit(n,o));let g=n;if(t.submitAsFormData){const D=new FormData;for(const C in n)if(Object.prototype.hasOwnProperty.call(n,C)){const E=n[C];D.append(C,E??"")}g=D}if(a.submitting=!0,o==="add"){if(!h(t.apiUrlCreate,"apiUrlCreate"))throw new Error("apiUrlCreate is not configured.");await _.post(t.apiUrlCreate,g),b.ElMessage.success("新增成功")}else{if(!h(t.apiUrlUpdate,"apiUrlUpdate"))throw new Error("apiUrlUpdate is not configured.");await _.put(t.apiUrlUpdate,g),b.ElMessage.success("更新成功")}return t.onAfterSubmit&&t.onAfterSubmit(o,n),d("submit",{mode:o,data:n}),a.visible&&(a.visible=!1),V(),Promise.resolve()}catch(n){return console.error("Submit failed:",n),Promise.reject(n)}finally{a.submitting=!1}},p=e.reactive({pageNum:1,pageSize:10,...t.initialSearchForm}),k=e.ref([]),y=e.ref(0),i=e.ref(!1),f=e.ref([]),a=e.reactive({visible:!1,loading:!1,submitting:!1,mode:"add",data:{},formRef:null}),O=e.computed(()=>a.mode==="add"?t.addDialogTitle:t.editDialogTitle),z=e.computed(()=>{if(a.mode==="add")return t.dialogFormConfig.filter(l=>l.prop!=="id");const o=[...t.dialogFormConfig.filter(l=>l.prop!=="id")];return o.some(l=>l.prop==="id")||o.unshift({type:"input-disabled",prop:"id",label:"用户ID"}),o}),V=async()=>{if(h(t.apiUrlQuery,"apiUrlQuery")){i.value=!0;try{let o={...p};t.onBeforeQuery&&(o=await t.onBeforeQuery(o));const l=await _.get(t.apiUrlQuery,{params:o});if(l&&l.data&&Array.isArray(l.data.rows)&&typeof l.data.total=="number"){let n=l.data.rows;t.onAfterQuery&&(n=await t.onAfterQuery(n,o)),k.value=n,y.value=l.data.total}else console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."),k.value=[],y.value=0}catch(o){console.error("Fetch data failed:",o)}finally{i.value=!1}}},x=()=>{p.pageNum=1,V()},pe=()=>{const{pageNum:o,pageSize:l,...n}=t.initialSearchForm;Object.keys(p).forEach(g=>{g!=="pageNum"&&g!=="pageSize"&&delete p[g]}),Object.assign(p,n),x()},fe=o=>{f.value=o},F=async(o,l)=>{let n;if(o==="add"?n=l?{...l}:{role:"user"}:n={...l},t.onBeforeOpenDialog){const g=await t.onBeforeOpenDialog(o,n);g&&(n=g)}if(a.mode=o,a.visible=!0,o==="edit"){if(!h(t.apiUrlDetail,"apiUrlDetail"))return;a.loading=!0;try{const g=await _.get(t.apiUrlDetail+"/"+n.id.toString());a.data=g.data.data}finally{a.loading=!1,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,a.data),d("open-dialog",{mode:o,data:a.data})}}else a.data=n,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,a.data),d("open-dialog",{mode:o,data:a.data})},N=async()=>{try{a.formRef?await a.formRef.validate():console.warn("Dialog form ref is not available for validation."),await S(a.mode,a.data)}catch(o){console.log("Validation or submit error:",o)}},R=async o=>{if(h(t.apiUrlDelete,"apiUrlDelete"))try{const l=k.value.filter(g=>o.includes(g.id));if(t.onBeforeDelete&&await t.onBeforeDelete(o,l)===!1)return;const n=o.join(",");await _.delete(t.apiUrlDelete+"/"+n.toString()),b.ElMessage.success("删除成功"),t.onAfterDelete&&t.onAfterDelete(o,l),d("delete",o),k.value.length===o.length&&p.pageNum>1&&p.pageNum--,V()}catch(l){console.error("Delete failed",l)}},me=o=>{p.pageSize=o,x()},ge=o=>{p.pageNum=o,V()};e.onMounted(V);const ue=()=>{a.visible=!1};return e.watch(p,o=>{d("update:initialSearchForm",{...toRaw(o)})},{deep:!0}),e.watch(()=>t.initialSearchForm,o=>{Object.assign(p,o)},{deep:!0}),s({refresh:V,search:x,handleDelete:R,openDialog:F,submit:S,closeDialog:ue}),(o,l)=>{const n=e.resolveComponent("el-button"),g=e.resolveComponent("el-form-item"),D=e.resolveComponent("el-form"),C=e.resolveComponent("el-table-column"),E=e.resolveComponent("el-popconfirm"),ye=e.resolveComponent("el-table"),he=e.resolveComponent("el-pagination"),ke=e.resolveComponent("el-skeleton"),P=e.resolveComponent("el-dialog"),we=e.resolveComponent("el-icon"),Be=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([u.value,"crud-table-container"])},[t.showSearchSection?(e.openBlock(),e.createElementBlock("div",K,[e.renderSlot(o.$slots,"header",{},void 0,!0),e.createElementVNode("div",X,[e.createVNode(D,{model:p,class:"query-form flex flex-nowrap items-center gap-x-4",style:{"overflow-x":"auto","padding-bottom":"8px"}},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"query-conditions",{searchForm:p},void 0,!0),e.createVNode(g,{class:"!mr-0 flex-shrink-0"},{default:e.withCtx(()=>[e.createElementVNode("div",Y,[e.renderSlot(o.$slots,"query-left",{searchForm:p},void 0,!0),t.showSearchActionButtons?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.showSearchButton?(e.openBlock(),e.createBlock(n,{key:0,color:"#336FFF",onClick:x,loading:i.value},{default:e.withCtx(()=>[...l[8]||(l[8]=[e.createTextVNode("搜索",-1)])]),_:1},8,["loading"])):e.createCommentVNode("",!0),t.showClearButton?(e.openBlock(),e.createBlock(n,{key:1,color:"#336FFF",plain:"",onClick:pe},{default:e.withCtx(()=>[...l[9]||(l[9]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"query-right",{searchForm:p},void 0,!0)])]),_:3})]),_:3},8,["model"]),e.createElementVNode("div",v,[e.renderSlot(o.$slots,"action-left",{selections:f.value},void 0,!0),e.renderSlot(o.$slots,"add-button-content",{selections:f.value},()=>[t.showNewBtn?(e.openBlock(),e.createBlock(n,{key:0,color:"#336FFF",onClick:l[0]||(l[0]=r=>F("add"))},{default:e.withCtx(()=>[...l[10]||(l[10]=[e.createTextVNode("新增",-1)])]),_:1})):e.createCommentVNode("",!0)],!0),e.renderSlot(o.$slots,"action-right",{selections:f.value},void 0,!0)])])])):e.createCommentVNode("",!0),e.createElementVNode("div",ee,[e.withDirectives((e.openBlock(),e.createBlock(ye,e.mergeProps({data:k.value,"element-loading-text":t.loadingText,"element-loading-background":t.loadingBackground,onSelectionChange:fe},o.$attrs,{height:"100%",style:{width:"100%"}}),{default:e.withCtx(()=>[t.showSelectionColumn?(e.openBlock(),e.createBlock(C,{key:0,type:"selection",width:"55",fixed:""})):e.createCommentVNode("",!0),t.showIndexColumn?(e.openBlock(),e.createBlock(C,{key:1,type:"index",label:"序号",width:"70",fixed:""})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,r=>(e.openBlock(),e.createBlock(C,e.mergeProps({key:r.prop,prop:r.prop,label:r.label,width:r.width,sortable:r.sortable||!1},{ref_for:!0},r.attrs),e.createSlots({header:e.withCtx(()=>[r.headerTooltip?(e.openBlock(),e.createBlock(J,{key:0,label:r.label,placement:r.placement},null,8,["label","placement"])):(e.openBlock(),e.createElementBlock("span",te,e.toDisplayString(r.label),1))]),_:2},[r.slot?{name:"default",fn:e.withCtx(U=>[e.renderSlot(o.$slots,r.slot,{row:U.row},void 0,!0)]),key:"0"}:void 0]),1040,["prop","label","width","sortable"]))),128)),t.showActionsColumn?(e.openBlock(),e.createBlock(C,{key:2,label:"操作",width:c.actionsColumnWidth},{default:e.withCtx(r=>[r.row?(e.openBlock(),e.createElementBlock("div",oe,[o.$slots.actions?e.renderSlot(o.$slots,"actions",{key:0,row:r.row},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(o.$slots,"action-before-edit",{row:r.row},void 0,!0),t.showEditButton?(e.openBlock(),e.createBlock(n,{key:0,size:"small",type:"primary",link:"",onClick:U=>F("edit",r.row)},{default:e.withCtx(()=>[...l[11]||(l[11]=[e.createTextVNode("编辑 ",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("",!0),t.showDeleteButton?(e.openBlock(),e.createBlock(E,{key:1,title:"确定要删除这条数据吗?",onConfirm:U=>R([r.row.id]),"confirm-button-text":"确定","cancel-button-text":"取消",width:"200"},{reference:e.withCtx(()=>[e.createVNode(n,{size:"small",type:"danger",link:""},{default:e.withCtx(()=>[...l[12]||(l[12]=[e.createTextVNode("删除",-1)])]),_:1})]),_:1},8,["onConfirm"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"action-after-delete",{row:r.row},void 0,!0)],64))])):e.createCommentVNode("",!0)]),_:3},8,["width"])):e.createCommentVNode("",!0)]),_:3},16,["data","element-loading-text","element-loading-background"])),[[Be,i.value]])]),t.showPagination&&y.value>0?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(he,{"current-page":p.pageNum,"onUpdate:currentPage":l[1]||(l[1]=r=>p.pageNum=r),"page-size":p.pageSize,"onUpdate:pageSize":l[2]||(l[2]=r=>p.pageSize=r),"page-sizes":t.pageSizes,layout:t.paginationLayout,total:y.value,background:t.paginationBackground,small:t.paginationSmall,"hide-on-single-page":t.paginationHideOnSinglePage,onSizeChange:me,onCurrentChange:ge},null,8,["current-page","page-size","page-sizes","layout","total","background","small","hide-on-single-page"])])):e.createCommentVNode("",!0),t.dialogFullscreen?(e.openBlock(),e.createBlock(P,{key:3,modelValue:a.visible,"onUpdate:modelValue":l[7]||(l[7]=r=>a.visible=r),fullscreen:!0,width:t.dialogWidth,"destroy-on-close":!0,modal:!t.dialogFullscreen,"custom-class":B.value,"show-close":!1,style:{display:"flex","flex-direction":"column","max-height":"100vh"}},{header:e.withCtx(()=>[e.createElementVNode("div",ne,[e.createVNode(n,{type:"info",text:"",onClick:l[5]||(l[5]=r=>a.visible=!1),style:{"margin-right":"12px"}},{default:e.withCtx(()=>[e.createVNode(we,{size:"20"},{default:e.withCtx(()=>[e.createVNode(e.unref(M))]),_:1})]),_:1}),e.createElementVNode("span",ie,e.toDisplayString(O.value),1)])]),footer:e.withCtx(()=>[e.renderSlot(o.$slots,"dialog-footer",{dialog:a,submit:N,cancel:()=>a.visible=!1},()=>[e.createElementVNode("span",de,[e.createVNode(n,{color:"#336FFF",plain:"",onClick:l[6]||(l[6]=r=>a.visible=!1)},{default:e.withCtx(()=>[...l[15]||(l[15]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(n,{color:"#336FFF",onClick:N,loading:a.submitting},{default:e.withCtx(()=>[...l[16]||(l[16]=[e.createTextVNode(" 确定 ",-1)])]),_:1},8,["loading"])])],!0)]),default:e.withCtx(()=>[e.createElementVNode("div",se,[o.$slots["dialog-form"]?e.renderSlot(o.$slots,"dialog-form",{key:0,formData:a.data,mode:a.mode,formRef:r=>{a.formRef=r}},void 0,!0):a.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(T,{key:1,ref:r=>{a.formRef=r},"model-value":a.data,"form-config":z.value,rules:t.dialogFormRules,"label-width":t.dialogFormLabelWidth},null,8,["model-value","form-config","rules","label-width"]))])]),_:3},8,["modelValue","width","modal","custom-class"])):(e.openBlock(),e.createBlock(P,{key:2,modelValue:a.visible,"onUpdate:modelValue":l[4]||(l[4]=r=>a.visible=r),title:O.value,width:t.dialogWidth,"destroy-on-close":!0,"custom-class":B.value,style:{display:"flex","flex-direction":"column","max-height":"80vh"}},{footer:e.withCtx(()=>[e.renderSlot(o.$slots,"dialog-footer",{dialog:a,submit:N,cancel:()=>a.visible=!1},()=>[e.createElementVNode("span",re,[e.createVNode(n,{color:"#336FFF",onClick:l[3]||(l[3]=r=>a.visible=!1)},{default:e.withCtx(()=>[...l[13]||(l[13]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(n,{color:"#336FFF",onClick:N,loading:a.submitting},{default:e.withCtx(()=>[...l[14]||(l[14]=[e.createTextVNode(" 确定 ",-1)])]),_:1},8,["loading"])])],!0)]),default:e.withCtx(()=>[e.createElementVNode("div",ae,[o.$slots["dialog-form"]?e.renderSlot(o.$slots,"dialog-form",{key:0,formData:a.data,mode:a.mode,formRef:r=>{a.formRef=r}},void 0,!0):a.loading?(e.openBlock(),e.createBlock(ke,{key:1,rows:5,animated:""})):a.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(T,{key:2,ref:r=>{a.formRef=r},"model-value":a.data,"form-config":z.value,rules:t.dialogFormRules,"label-width":t.dialogFormLabelWidth},null,8,["model-value","form-config","rules","label-width"]))])]),_:3},8,["modelValue","title","width","custom-class"]))],2)}}}),[["__scopeId","data-v-cd8dabb7"]]);w.CrudTable=ce,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.header-cell-content[data-v-d23c8660]{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crud-table-container[data-v-96732da5]{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;min-height:0;overflow:hidden}.search-section-wrapper[data-v-96732da5]{flex-shrink:0}.table-content-wrapper[data-v-96732da5]{flex:1;min-height:0;overflow:hidden}.pagination-wrapper[data-v-96732da5]{flex-shrink:0;padding-top:1rem;display:flex;justify-content:flex-end}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.relative{position:relative}.\\!mr-0{margin-right:0!important}.mt-2{margin-top:.5rem}.flex{display:flex}.hidden{display:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body{background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.crud-container{transition:box-shadow .3s ease-in-out}.crud-container:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.query-form .el-form-item{margin-bottom:0!important}.el-table__expanded-cell{padding:1rem 3.5rem!important;background-color:#f8fafc}.action-buttons>*+*{margin-left:.75rem}.el-dialog__header{border-bottom:none;padding:24px 24px 10px}.el-dialog__title{font-size:1.25rem;font-weight:600}.el-dialog__footer{border-top:none;padding:10px 24px 24px}.el-dialog__body{padding:10px 24px}:root{--large-screen-border-color: rgba(120, 153, 199, 1);--large-screen-text-color: rgba(227, 246, 255, 1);--large-screen-search-bg: rgba(210, 224, 243, .1);--large-screen-button-bg: rgba(38, 120, 255, 1);--large-screen-action-link-color: rgba(39, 233, 255, 1);--large-screen-dialog-bg: #1e293b;--large-screen-hover-bg: rgba(120, 153, 199, .15)}.theme-large-screen{color:var(--large-screen-text-color)}.el-modal-dialog,.el-overlay-dialog{position:absolute!important}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
+
(function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("axios")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","axios"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w.ZCrudTable={},w.Vue,w.ElementPlus,w.axios))})(this,(function(w,e,b,j){"use strict";/*! Element Plus Icons Vue v2.3.2 */var W=e.defineComponent({name:"ArrowLeftBold",__name:"arrow-left-bold",setup(c){return(s,m)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0"})]))}}),M=W;const T=e.defineComponent({__name:"DynamicForm",props:{modelValue:{},formConfig:{},rules:{}},setup(c,{expose:s}){const m=e.ref(null);return s({validate:()=>{var d;return(d=m.value)==null?void 0:d.validate()}}),(d,t)=>{const u=e.resolveComponent("el-input"),B=e.resolveComponent("el-option"),h=e.resolveComponent("el-select"),S=e.resolveComponent("el-radio"),p=e.resolveComponent("el-radio-group"),k=e.resolveComponent("el-form-item"),y=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(y,e.mergeProps({model:d.modelValue,rules:d.rules,ref_key:"formRef",ref:m},d.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.formConfig,i=>(e.openBlock(),e.createBlock(k,{key:i.prop,label:i.label,prop:i.prop},{default:e.withCtx(()=>[i.type==="input"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:0,modelValue:d.modelValue[i.prop],"onUpdate:modelValue":f=>d.modelValue[i.prop]=f},{ref_for:!0},i.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="textarea"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:1,type:"textarea",modelValue:d.modelValue[i.prop],"onUpdate:modelValue":f=>d.modelValue[i.prop]=f},{ref_for:!0},i.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="select"?(e.openBlock(),e.createBlock(h,e.mergeProps({key:2,modelValue:d.modelValue[i.prop],"onUpdate:modelValue":f=>d.modelValue[i.prop]=f},{ref_for:!0},i.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.options,f=>(e.openBlock(),e.createBlock(B,{key:f.value,label:f.label,value:f.value},null,8,["label","value"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="radio-group"?(e.openBlock(),e.createBlock(p,e.mergeProps({key:3,modelValue:d.modelValue[i.prop],"onUpdate:modelValue":f=>d.modelValue[i.prop]=f},{ref_for:!0},i.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.options,f=>(e.openBlock(),e.createBlock(S,{key:f.value,label:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.label),1)]),_:2},1032,["label"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="input-disabled"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:4,"model-value":d.modelValue[i.prop],disabled:""},{ref_for:!0},i.componentProps),null,16,["model-value"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop"]))),128))]),_:1},16,["model","rules"])}}}),_=j.create({baseURL:"",timeout:1e4});_.interceptors.request.use(c=>{const s=localStorage.getItem("token");return s&&(c.headers.Authorization="Bearer "+s),c},c=>(console.log(c),Promise.reject(c))),_.interceptors.response.use(c=>{const s=c.data;return s.code!==200?(b.ElMessage({message:s.msg||"Error",type:"error",duration:5*1e3}),(s.code===401||s.code===403)&&b.ElMessageBox.confirm("您的登录状态已失效，请重新登录","确认登出",{confirmButtonText:"重新登录",cancelButtonText:"取消",type:"warning"}).then(()=>{localStorage.removeItem("token"),location.reload()}),Promise.reject(new Error(s.msg||"Error"))):s},c=>(console.log("HTTP Error: "+c),b.ElMessage({message:"网络错误，请检查您的网络连接或联系管理员",type:"error",duration:5*1e3}),Promise.reject(c)));function q(c){return e.getCurrentScope()?(e.onScopeDispose(c),!0):!1}const L=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Q=L?window:void 0;function $(c){var s;const m=e.toValue(c);return(s=m==null?void 0:m.$el)!=null?s:m}function I(){const c=e.shallowRef(!1),s=e.getCurrentInstance();return s&&e.onMounted(()=>{c.value=!0},s),c}function H(c){const s=I();return e.computed(()=>(s.value,!!c()))}function G(c,s,m={}){const{window:d=Q,...t}=m;let u;const B=H(()=>d&&"ResizeObserver"in d),h=()=>{u&&(u.disconnect(),u=void 0)},S=e.computed(()=>{const y=e.toValue(c);return Array.isArray(y)?y.map(i=>$(i)):[$(y)]}),p=e.watch(S,y=>{if(h(),B.value&&d){u=new ResizeObserver(s);for(const i of y)i&&u.observe(i,t)}},{immediate:!0,flush:"post"}),k=()=>{h(),p()};return q(k),{isSupported:B,stop:k}}const Z=e.defineComponent({__name:"TableHeaderWithTooltip",props:{label:{},placement:{}},setup(c){const s=e.ref(null),m=e.ref(!1),d=()=>{s.value&&(m.value=s.value.scrollWidth>s.value.clientWidth)};return e.onMounted(()=>{d()}),G(s,()=>{d()}),(t,u)=>{const B=e.resolveComponent("el-tooltip");return m.value?(e.openBlock(),e.createBlock(B,{key:1,content:t.label,placement:t.placement||"top"},{default:e.withCtx(()=>[e.createElementVNode("span",{ref_key:"textRef",ref:s,class:"header-cell-content"},e.toDisplayString(t.label),513)]),_:1},8,["content","placement"])):(e.openBlock(),e.createElementBlock("span",{key:0,ref_key:"textRef",ref:s,class:"header-cell-content"},e.toDisplayString(t.label),513))}}}),A=(c,s)=>{const m=c.__vccOpts||c;for(const[d,t]of s)m[d]=t;return m},J=A(Z,[["__scopeId","data-v-d23c8660"]]),K={key:0,class:"search-section-wrapper"},X={class:"flex flex-wrap items-center justify-between gap-4"},Y={class:"flex items-center gap-x-2"},v={class:"flex items-center gap-x-3 action-buttons flex-shrink-0"},ee={class:"table-content-wrapper"},te={key:1},oe={key:0,class:"flex items-center gap-x-2"},le={key:1,class:"pagination-wrapper flex justify-end mt-2"},ae={style:{"overflow-y":"auto",flex:"1"}},re={class:"dialog-footer"},ne={class:"flex items-center"},ie={class:"el-dialog__title"},se={style:{"overflow-y":"auto",flex:"1"}},de={class:"dialog-footer"},ce=A(e.defineComponent({__name:"CrudTable",props:{theme:{type:String,default:"default"},customClass:{type:String,default:""},apiUrlQuery:{type:String,required:!0},apiUrlDetail:{type:String,required:!0},apiUrlCreate:{type:String,required:!0},apiUrlUpdate:{type:String,required:!0},apiUrlDelete:{type:String,required:!0},loadingText:{type:String,default:"加载中…"},loadingBackground:{type:String,default:"rgba(0, 0, 0, 0.3)"},showSearchSection:{type:Boolean,default:!0},showSearchActionButtons:{type:Boolean,default:!0},showSearchButton:{type:Boolean,default:!0},showClearButton:{type:Boolean,default:!0},showNewBtn:{type:Boolean,default:!0},columns:{type:Array,default:()=>[]},onBeforeQuery:{type:Function},onAfterQuery:{type:Function},onBeforeOpenDialog:{type:Function},onAfterOpenDialog:{type:Function},onBeforeSubmit:{type:Function},onAfterSubmit:{type:Function},onBeforeDelete:{type:Function},onAfterDelete:{type:Function},showSelectionColumn:{type:Boolean,default:!0},showIndexColumn:{type:Boolean,default:!0},showActionsColumn:{type:Boolean,default:!0},showEditButton:{type:Boolean,default:!0},showDeleteButton:{type:Boolean,default:!0},actionsColumnWidth:{type:[String,Number],default:120},dialogWidth:{type:String,default:"50%"},initialSearchForm:{type:Object,default:()=>({pageNum:1,pageSize:10})},showPagination:{type:Boolean,default:!0},pageSizes:{type:Array,default:()=>[10,20,50,100]},paginationLayout:{type:String,default:"total, sizes, prev, pager, next, jumper"},paginationBackground:{type:Boolean,default:!0},paginationSmall:{type:Boolean,default:!1},paginationHideOnSinglePage:{type:Boolean,default:!1},dialogFormConfig:{type:Array,default:()=>[]},dialogFormRules:{type:Object,default:()=>({})},dialogFormLabelWidth:{type:String,default:120},submitAsFormData:{type:Boolean,default:!1},dialogFullscreen:{type:Boolean,default:!1},addDialogTitle:{type:String,default:"新增"},editDialogTitle:{type:String,default:"编辑"}},emits:["open-dialog","submit","delete","update:initialSearchForm"],setup(c,{expose:s,emit:m}){const d=m,t=c,u=e.computed(()=>["crud-table-wrapper",`theme-${t.theme}`,t.customClass]),B=e.computed(()=>t.theme==="large-screen"?"large-screen-dialog":""),h=(o,l)=>o?!0:(b.ElMessage.error(`${l} prop is required.`),!1),S=async(o,l)=>{try{let n={...l};t.onBeforeSubmit&&(n=await t.onBeforeSubmit(n,o));let g=n;if(t.submitAsFormData){const D=new FormData;for(const C in n)if(Object.prototype.hasOwnProperty.call(n,C)){const E=n[C];D.append(C,E??"")}g=D}if(a.submitting=!0,o==="add"){if(!h(t.apiUrlCreate,"apiUrlCreate"))throw new Error("apiUrlCreate is not configured.");await _.post(t.apiUrlCreate,g),b.ElMessage.success("新增成功")}else{if(!h(t.apiUrlUpdate,"apiUrlUpdate"))throw new Error("apiUrlUpdate is not configured.");await _.put(t.apiUrlUpdate,g),b.ElMessage.success("更新成功")}return t.onAfterSubmit&&t.onAfterSubmit(o,n),d("submit",{mode:o,data:n}),a.visible&&(a.visible=!1),V(),Promise.resolve()}catch(n){return console.error("Submit failed:",n),Promise.reject(n)}finally{a.submitting=!1}},p=e.reactive({pageNum:1,pageSize:10,...t.initialSearchForm}),k=e.ref([]),y=e.ref(0),i=e.ref(!1),f=e.ref([]),a=e.reactive({visible:!1,loading:!1,submitting:!1,mode:"add",data:{},formRef:null}),O=e.computed(()=>a.mode==="add"?t.addDialogTitle:t.editDialogTitle),z=e.computed(()=>{if(a.mode==="add")return t.dialogFormConfig.filter(l=>l.prop!=="id");const o=[...t.dialogFormConfig.filter(l=>l.prop!=="id")];return o.some(l=>l.prop==="id")||o.unshift({type:"input-disabled",prop:"id",label:"用户ID"}),o}),V=async()=>{if(h(t.apiUrlQuery,"apiUrlQuery")){i.value=!0;try{let o={...p};t.onBeforeQuery&&(o=await t.onBeforeQuery(o));const l=await _.get(t.apiUrlQuery,{params:o});if(l&&l.data&&Array.isArray(l.data.rows)&&typeof l.data.total=="number"){let n=l.data.rows;t.onAfterQuery&&(n=await t.onAfterQuery(n,o)),k.value=n,y.value=l.data.total}else console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."),k.value=[],y.value=0}catch(o){console.error("Fetch data failed:",o)}finally{i.value=!1}}},x=()=>{p.pageNum=1,V()},pe=()=>{const{pageNum:o,pageSize:l,...n}=t.initialSearchForm;Object.keys(p).forEach(g=>{g!=="pageNum"&&g!=="pageSize"&&delete p[g]}),Object.assign(p,n),x()},fe=o=>{f.value=o},F=async(o,l)=>{let n;if(o==="add"?n=l?{...l}:{role:"user"}:n={...l},t.onBeforeOpenDialog){const g=await t.onBeforeOpenDialog(o,n);g&&(n=g)}if(a.mode=o,a.visible=!0,o==="edit"){if(!h(t.apiUrlDetail,"apiUrlDetail"))return;a.loading=!0;try{const g=await _.get(t.apiUrlDetail+"/"+n.id.toString());a.data=g.data.data}finally{a.loading=!1,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,a.data),d("open-dialog",{mode:o,data:a.data})}}else a.data=n,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,a.data),d("open-dialog",{mode:o,data:a.data})},N=async()=>{try{a.formRef?await a.formRef.validate():console.warn("Dialog form ref is not available for validation."),await S(a.mode,a.data)}catch(o){console.log("Validation or submit error:",o)}},R=async o=>{if(h(t.apiUrlDelete,"apiUrlDelete"))try{const l=k.value.filter(g=>o.includes(g.id));if(t.onBeforeDelete&&await t.onBeforeDelete(o,l)===!1)return;const n=o.join(",");await _.delete(t.apiUrlDelete+"/"+n.toString()),b.ElMessage.success("删除成功"),t.onAfterDelete&&t.onAfterDelete(o,l),d("delete",o),k.value.length===o.length&&p.pageNum>1&&p.pageNum--,V()}catch(l){console.error("Delete failed",l)}},me=o=>{p.pageSize=o,x()},ge=o=>{p.pageNum=o,V()};e.onMounted(V);const ue=()=>{a.visible=!1};return e.watch(p,o=>{d("update:initialSearchForm",{...e.toRaw(o)})},{deep:!0}),e.watch(()=>t.initialSearchForm,o=>{Object.assign(p,o)},{deep:!0}),s({refresh:V,search:x,handleDelete:R,openDialog:F,submit:S,closeDialog:ue}),(o,l)=>{const n=e.resolveComponent("el-button"),g=e.resolveComponent("el-form-item"),D=e.resolveComponent("el-form"),C=e.resolveComponent("el-table-column"),E=e.resolveComponent("el-popconfirm"),ye=e.resolveComponent("el-table"),he=e.resolveComponent("el-pagination"),ke=e.resolveComponent("el-skeleton"),P=e.resolveComponent("el-dialog"),we=e.resolveComponent("el-icon"),Be=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([u.value,"crud-table-container"])},[t.showSearchSection?(e.openBlock(),e.createElementBlock("div",K,[e.renderSlot(o.$slots,"header",{},void 0,!0),e.createElementVNode("div",X,[e.createVNode(D,{model:p,class:"query-form flex flex-nowrap items-center gap-x-4",style:{"overflow-x":"auto","padding-bottom":"8px"}},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"query-conditions",{searchForm:p},void 0,!0),e.createVNode(g,{class:"!mr-0 flex-shrink-0"},{default:e.withCtx(()=>[e.createElementVNode("div",Y,[e.renderSlot(o.$slots,"query-left",{searchForm:p},void 0,!0),t.showSearchActionButtons?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.showSearchButton?(e.openBlock(),e.createBlock(n,{key:0,color:"#336FFF",onClick:x,loading:i.value},{default:e.withCtx(()=>[...l[8]||(l[8]=[e.createTextVNode("搜索",-1)])]),_:1},8,["loading"])):e.createCommentVNode("",!0),t.showClearButton?(e.openBlock(),e.createBlock(n,{key:1,color:"#336FFF",plain:"",onClick:pe},{default:e.withCtx(()=>[...l[9]||(l[9]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"query-right",{searchForm:p},void 0,!0)])]),_:3})]),_:3},8,["model"]),e.createElementVNode("div",v,[e.renderSlot(o.$slots,"action-left",{selections:f.value},void 0,!0),e.renderSlot(o.$slots,"add-button-content",{selections:f.value},()=>[t.showNewBtn?(e.openBlock(),e.createBlock(n,{key:0,color:"#336FFF",onClick:l[0]||(l[0]=r=>F("add"))},{default:e.withCtx(()=>[...l[10]||(l[10]=[e.createTextVNode("新增",-1)])]),_:1})):e.createCommentVNode("",!0)],!0),e.renderSlot(o.$slots,"action-right",{selections:f.value},void 0,!0)])])])):e.createCommentVNode("",!0),e.createElementVNode("div",ee,[e.withDirectives((e.openBlock(),e.createBlock(ye,e.mergeProps({data:k.value,"element-loading-text":t.loadingText,"element-loading-background":t.loadingBackground,onSelectionChange:fe},o.$attrs,{height:"100%",style:{width:"100%"}}),{default:e.withCtx(()=>[t.showSelectionColumn?(e.openBlock(),e.createBlock(C,{key:0,type:"selection",width:"55",fixed:""})):e.createCommentVNode("",!0),t.showIndexColumn?(e.openBlock(),e.createBlock(C,{key:1,type:"index",label:"序号",width:"70",fixed:""})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,r=>(e.openBlock(),e.createBlock(C,e.mergeProps({key:r.prop,prop:r.prop,label:r.label,width:r.width,sortable:r.sortable||!1},{ref_for:!0},r.attrs),e.createSlots({header:e.withCtx(()=>[r.headerTooltip?(e.openBlock(),e.createBlock(J,{key:0,label:r.label,placement:r.placement},null,8,["label","placement"])):(e.openBlock(),e.createElementBlock("span",te,e.toDisplayString(r.label),1))]),_:2},[r.slot?{name:"default",fn:e.withCtx(U=>[e.renderSlot(o.$slots,r.slot,{row:U.row},void 0,!0)]),key:"0"}:void 0]),1040,["prop","label","width","sortable"]))),128)),t.showActionsColumn?(e.openBlock(),e.createBlock(C,{key:2,label:"操作",width:c.actionsColumnWidth},{default:e.withCtx(r=>[r.row?(e.openBlock(),e.createElementBlock("div",oe,[o.$slots.actions?e.renderSlot(o.$slots,"actions",{key:0,row:r.row},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(o.$slots,"action-before-edit",{row:r.row},void 0,!0),t.showEditButton?(e.openBlock(),e.createBlock(n,{key:0,size:"small",type:"primary",link:"",onClick:U=>F("edit",r.row)},{default:e.withCtx(()=>[...l[11]||(l[11]=[e.createTextVNode("编辑 ",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("",!0),t.showDeleteButton?(e.openBlock(),e.createBlock(E,{key:1,title:"确定要删除这条数据吗?",onConfirm:U=>R([r.row.id]),"confirm-button-text":"确定","cancel-button-text":"取消",width:"200"},{reference:e.withCtx(()=>[e.createVNode(n,{size:"small",type:"danger",link:""},{default:e.withCtx(()=>[...l[12]||(l[12]=[e.createTextVNode("删除",-1)])]),_:1})]),_:1},8,["onConfirm"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"action-after-delete",{row:r.row},void 0,!0)],64))])):e.createCommentVNode("",!0)]),_:3},8,["width"])):e.createCommentVNode("",!0)]),_:3},16,["data","element-loading-text","element-loading-background"])),[[Be,i.value]])]),t.showPagination&&y.value>0?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(he,{"current-page":p.pageNum,"onUpdate:currentPage":l[1]||(l[1]=r=>p.pageNum=r),"page-size":p.pageSize,"onUpdate:pageSize":l[2]||(l[2]=r=>p.pageSize=r),"page-sizes":t.pageSizes,layout:t.paginationLayout,total:y.value,background:t.paginationBackground,small:t.paginationSmall,"hide-on-single-page":t.paginationHideOnSinglePage,onSizeChange:me,onCurrentChange:ge},null,8,["current-page","page-size","page-sizes","layout","total","background","small","hide-on-single-page"])])):e.createCommentVNode("",!0),t.dialogFullscreen?(e.openBlock(),e.createBlock(P,{key:3,modelValue:a.visible,"onUpdate:modelValue":l[7]||(l[7]=r=>a.visible=r),fullscreen:!0,width:t.dialogWidth,"destroy-on-close":!0,modal:!t.dialogFullscreen,"custom-class":B.value,"show-close":!1,style:{display:"flex","flex-direction":"column","max-height":"100vh"}},{header:e.withCtx(()=>[e.createElementVNode("div",ne,[e.createVNode(n,{type:"info",text:"",onClick:l[5]||(l[5]=r=>a.visible=!1),style:{"margin-right":"12px"}},{default:e.withCtx(()=>[e.createVNode(we,{size:"20"},{default:e.withCtx(()=>[e.createVNode(e.unref(M))]),_:1})]),_:1}),e.createElementVNode("span",ie,e.toDisplayString(O.value),1)])]),footer:e.withCtx(()=>[e.renderSlot(o.$slots,"dialog-footer",{dialog:a,submit:N,cancel:()=>a.visible=!1},()=>[e.createElementVNode("span",de,[e.createVNode(n,{color:"#336FFF",plain:"",onClick:l[6]||(l[6]=r=>a.visible=!1)},{default:e.withCtx(()=>[...l[15]||(l[15]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(n,{color:"#336FFF",onClick:N,loading:a.submitting},{default:e.withCtx(()=>[...l[16]||(l[16]=[e.createTextVNode(" 确定 ",-1)])]),_:1},8,["loading"])])],!0)]),default:e.withCtx(()=>[e.createElementVNode("div",se,[o.$slots["dialog-form"]?e.renderSlot(o.$slots,"dialog-form",{key:0,formData:a.data,mode:a.mode,formRef:r=>{a.formRef=r}},void 0,!0):a.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(T,{key:1,ref:r=>{a.formRef=r},"model-value":a.data,"form-config":z.value,rules:t.dialogFormRules,"label-width":t.dialogFormLabelWidth},null,8,["model-value","form-config","rules","label-width"]))])]),_:3},8,["modelValue","width","modal","custom-class"])):(e.openBlock(),e.createBlock(P,{key:2,modelValue:a.visible,"onUpdate:modelValue":l[4]||(l[4]=r=>a.visible=r),title:O.value,width:t.dialogWidth,"destroy-on-close":!0,"custom-class":B.value,style:{display:"flex","flex-direction":"column","max-height":"80vh"}},{footer:e.withCtx(()=>[e.renderSlot(o.$slots,"dialog-footer",{dialog:a,submit:N,cancel:()=>a.visible=!1},()=>[e.createElementVNode("span",re,[e.createVNode(n,{color:"#336FFF",onClick:l[3]||(l[3]=r=>a.visible=!1)},{default:e.withCtx(()=>[...l[13]||(l[13]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(n,{color:"#336FFF",onClick:N,loading:a.submitting},{default:e.withCtx(()=>[...l[14]||(l[14]=[e.createTextVNode(" 确定 ",-1)])]),_:1},8,["loading"])])],!0)]),default:e.withCtx(()=>[e.createElementVNode("div",ae,[o.$slots["dialog-form"]?e.renderSlot(o.$slots,"dialog-form",{key:0,formData:a.data,mode:a.mode,formRef:r=>{a.formRef=r}},void 0,!0):a.loading?(e.openBlock(),e.createBlock(ke,{key:1,rows:5,animated:""})):a.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(T,{key:2,ref:r=>{a.formRef=r},"model-value":a.data,"form-config":z.value,rules:t.dialogFormRules,"label-width":t.dialogFormLabelWidth},null,8,["model-value","form-config","rules","label-width"]))])]),_:3},8,["modelValue","title","width","custom-class"]))],2)}}}),[["__scopeId","data-v-96732da5"]]);w.CrudTable=ce,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
|