z-crud-table 0.0.43 → 0.0.45
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/components/CrudTable.vue.d.ts +34 -0
- package/dist/z-crud-table.js +113 -100
- package/dist/z-crud-table.umd.cjs +2 -2
- package/package.json +1 -1
|
@@ -156,6 +156,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
156
156
|
type: ObjectConstructor;
|
|
157
157
|
default: () => {};
|
|
158
158
|
};
|
|
159
|
+
/**
|
|
160
|
+
* @description 弹窗表单的标签宽度 (label-width)
|
|
161
|
+
* @type {String}
|
|
162
|
+
*/
|
|
163
|
+
dialogFormLabelWidth: {
|
|
164
|
+
type: StringConstructor;
|
|
165
|
+
default: number;
|
|
166
|
+
};
|
|
159
167
|
/**
|
|
160
168
|
* @description 是否以 multipart/form-data 格式提交表单。
|
|
161
169
|
* 适用于需要上传文件的场景。
|
|
@@ -165,6 +173,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
165
173
|
type: BooleanConstructor;
|
|
166
174
|
default: boolean;
|
|
167
175
|
};
|
|
176
|
+
/**
|
|
177
|
+
* @description [✨ 新增] 控制弹窗是否在组件内部全屏
|
|
178
|
+
* @type {Boolean}
|
|
179
|
+
*/
|
|
180
|
+
dialogFullscreen: {
|
|
181
|
+
type: BooleanConstructor;
|
|
182
|
+
default: boolean;
|
|
183
|
+
};
|
|
168
184
|
}>, {
|
|
169
185
|
refresh: () => Promise<void>;
|
|
170
186
|
search: () => void;
|
|
@@ -331,6 +347,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
331
347
|
type: ObjectConstructor;
|
|
332
348
|
default: () => {};
|
|
333
349
|
};
|
|
350
|
+
/**
|
|
351
|
+
* @description 弹窗表单的标签宽度 (label-width)
|
|
352
|
+
* @type {String}
|
|
353
|
+
*/
|
|
354
|
+
dialogFormLabelWidth: {
|
|
355
|
+
type: StringConstructor;
|
|
356
|
+
default: number;
|
|
357
|
+
};
|
|
334
358
|
/**
|
|
335
359
|
* @description 是否以 multipart/form-data 格式提交表单。
|
|
336
360
|
* 适用于需要上传文件的场景。
|
|
@@ -340,6 +364,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
340
364
|
type: BooleanConstructor;
|
|
341
365
|
default: boolean;
|
|
342
366
|
};
|
|
367
|
+
/**
|
|
368
|
+
* @description [✨ 新增] 控制弹窗是否在组件内部全屏
|
|
369
|
+
* @type {Boolean}
|
|
370
|
+
*/
|
|
371
|
+
dialogFullscreen: {
|
|
372
|
+
type: BooleanConstructor;
|
|
373
|
+
default: boolean;
|
|
374
|
+
};
|
|
343
375
|
}>> & Readonly<{
|
|
344
376
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
345
377
|
onDelete?: ((...args: any[]) => any) | undefined;
|
|
@@ -369,7 +401,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
369
401
|
paginationHideOnSinglePage: boolean;
|
|
370
402
|
dialogFormConfig: any[];
|
|
371
403
|
dialogFormRules: Record<string, any>;
|
|
404
|
+
dialogFormLabelWidth: string;
|
|
372
405
|
submitAsFormData: boolean;
|
|
406
|
+
dialogFullscreen: boolean;
|
|
373
407
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Partial<Record<any, (_: {
|
|
374
408
|
row: any;
|
|
375
409
|
}) => any>> & {
|
package/dist/z-crud-table.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
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
|
|
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-cfc138a6]{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;min-height:0;overflow:hidden}.search-section-wrapper[data-v-cfc138a6]{flex-shrink:0}.table-content-wrapper[data-v-cfc138a6]{flex:1;min-height:0;overflow:hidden}.pagination-wrapper[data-v-cfc138a6]{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, ref as z, resolveComponent as y, createBlock as c, openBlock as r, mergeProps as F, withCtx as p, createElementBlock as S, Fragment as T, renderList as W, createCommentVNode as b, createTextVNode as V, toDisplayString as j, getCurrentScope as de, onScopeDispose as pe, computed as P, toValue as K, watch as fe, shallowRef as ce, getCurrentInstance as me, onMounted as M, createElementVNode as A, reactive as G, resolveDirective as ge, normalizeClass as ye, createVNode as D, renderSlot as _, withDirectives as ve, createSlots as be } from "vue";
|
|
3
3
|
import { ElMessage as R, ElMessageBox as he } from "element-plus";
|
|
4
4
|
import we from "axios";
|
|
5
|
-
const _e = /* @__PURE__ */
|
|
5
|
+
const _e = /* @__PURE__ */ L({
|
|
6
6
|
__name: "DynamicForm",
|
|
7
7
|
props: {
|
|
8
8
|
modelValue: {},
|
|
@@ -18,37 +18,37 @@ const _e = /* @__PURE__ */ M({
|
|
|
18
18
|
}
|
|
19
19
|
}), (u, e) => {
|
|
20
20
|
const h = y("el-input"), B = y("el-option"), k = y("el-select"), O = y("el-radio"), f = y("el-radio-group"), C = y("el-form-item"), w = y("el-form");
|
|
21
|
-
return r(), c(w,
|
|
21
|
+
return r(), c(w, F({
|
|
22
22
|
model: u.modelValue,
|
|
23
23
|
rules: u.rules,
|
|
24
24
|
ref_key: "formRef",
|
|
25
25
|
ref: v
|
|
26
26
|
}, u.$attrs), {
|
|
27
27
|
default: p(() => [
|
|
28
|
-
(r(!0), S(T, null,
|
|
29
|
-
key:
|
|
30
|
-
label:
|
|
31
|
-
prop:
|
|
28
|
+
(r(!0), S(T, null, W(u.formConfig, (l) => (r(), c(C, {
|
|
29
|
+
key: l.prop,
|
|
30
|
+
label: l.label,
|
|
31
|
+
prop: l.prop
|
|
32
32
|
}, {
|
|
33
33
|
default: p(() => [
|
|
34
|
-
|
|
34
|
+
l.type === "input" ? (r(), c(h, F({
|
|
35
35
|
key: 0,
|
|
36
|
-
modelValue: u.modelValue[
|
|
37
|
-
"onUpdate:modelValue": (m) => u.modelValue[
|
|
38
|
-
}, { ref_for: !0 },
|
|
39
|
-
|
|
36
|
+
modelValue: u.modelValue[l.prop],
|
|
37
|
+
"onUpdate:modelValue": (m) => u.modelValue[l.prop] = m
|
|
38
|
+
}, { ref_for: !0 }, l.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : b("", !0),
|
|
39
|
+
l.type === "textarea" ? (r(), c(h, F({
|
|
40
40
|
key: 1,
|
|
41
41
|
type: "textarea",
|
|
42
|
-
modelValue: u.modelValue[
|
|
43
|
-
"onUpdate:modelValue": (m) => u.modelValue[
|
|
44
|
-
}, { ref_for: !0 },
|
|
45
|
-
|
|
42
|
+
modelValue: u.modelValue[l.prop],
|
|
43
|
+
"onUpdate:modelValue": (m) => u.modelValue[l.prop] = m
|
|
44
|
+
}, { ref_for: !0 }, l.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : b("", !0),
|
|
45
|
+
l.type === "select" ? (r(), c(k, F({
|
|
46
46
|
key: 2,
|
|
47
|
-
modelValue: u.modelValue[
|
|
48
|
-
"onUpdate:modelValue": (m) => u.modelValue[
|
|
49
|
-
}, { ref_for: !0 },
|
|
47
|
+
modelValue: u.modelValue[l.prop],
|
|
48
|
+
"onUpdate:modelValue": (m) => u.modelValue[l.prop] = m
|
|
49
|
+
}, { ref_for: !0 }, l.componentProps), {
|
|
50
50
|
default: p(() => [
|
|
51
|
-
(r(!0), S(T, null,
|
|
51
|
+
(r(!0), S(T, null, W(l.options, (m) => (r(), c(B, {
|
|
52
52
|
key: m.value,
|
|
53
53
|
label: m.label,
|
|
54
54
|
value: m.value
|
|
@@ -56,29 +56,29 @@ const _e = /* @__PURE__ */ M({
|
|
|
56
56
|
]),
|
|
57
57
|
_: 2
|
|
58
58
|
}, 1040, ["modelValue", "onUpdate:modelValue"])) : b("", !0),
|
|
59
|
-
|
|
59
|
+
l.type === "radio-group" ? (r(), c(f, F({
|
|
60
60
|
key: 3,
|
|
61
|
-
modelValue: u.modelValue[
|
|
62
|
-
"onUpdate:modelValue": (m) => u.modelValue[
|
|
63
|
-
}, { ref_for: !0 },
|
|
61
|
+
modelValue: u.modelValue[l.prop],
|
|
62
|
+
"onUpdate:modelValue": (m) => u.modelValue[l.prop] = m
|
|
63
|
+
}, { ref_for: !0 }, l.componentProps), {
|
|
64
64
|
default: p(() => [
|
|
65
|
-
(r(!0), S(T, null,
|
|
65
|
+
(r(!0), S(T, null, W(l.options, (m) => (r(), c(O, {
|
|
66
66
|
key: m.value,
|
|
67
67
|
label: m.value
|
|
68
68
|
}, {
|
|
69
69
|
default: p(() => [
|
|
70
|
-
V(
|
|
70
|
+
V(j(m.label), 1)
|
|
71
71
|
]),
|
|
72
72
|
_: 2
|
|
73
73
|
}, 1032, ["label"]))), 128))
|
|
74
74
|
]),
|
|
75
75
|
_: 2
|
|
76
76
|
}, 1040, ["modelValue", "onUpdate:modelValue"])) : b("", !0),
|
|
77
|
-
|
|
77
|
+
l.type === "input-disabled" ? (r(), c(h, F({
|
|
78
78
|
key: 4,
|
|
79
|
-
"model-value": u.modelValue[
|
|
79
|
+
"model-value": u.modelValue[l.prop],
|
|
80
80
|
disabled: ""
|
|
81
|
-
}, { ref_for: !0 },
|
|
81
|
+
}, { ref_for: !0 }, l.componentProps), null, 16, ["model-value"])) : b("", !0)
|
|
82
82
|
]),
|
|
83
83
|
_: 2
|
|
84
84
|
}, 1032, ["label", "prop"]))), 128))
|
|
@@ -145,7 +145,7 @@ function J(d) {
|
|
|
145
145
|
// @__NO_SIDE_EFFECTS__
|
|
146
146
|
function De() {
|
|
147
147
|
const d = ce(!1), n = me();
|
|
148
|
-
return n &&
|
|
148
|
+
return n && M(() => {
|
|
149
149
|
d.value = !0;
|
|
150
150
|
}, n), d;
|
|
151
151
|
}
|
|
@@ -161,14 +161,14 @@ function Ue(d, n, v = {}) {
|
|
|
161
161
|
h && (h.disconnect(), h = void 0);
|
|
162
162
|
}, O = P(() => {
|
|
163
163
|
const w = K(d);
|
|
164
|
-
return Array.isArray(w) ? w.map((
|
|
164
|
+
return Array.isArray(w) ? w.map((l) => J(l)) : [J(w)];
|
|
165
165
|
}), f = fe(
|
|
166
166
|
O,
|
|
167
167
|
(w) => {
|
|
168
168
|
if (k(), B.value && u) {
|
|
169
169
|
h = new ResizeObserver(n);
|
|
170
|
-
for (const
|
|
171
|
-
|
|
170
|
+
for (const l of w)
|
|
171
|
+
l && h.observe(l, e);
|
|
172
172
|
}
|
|
173
173
|
},
|
|
174
174
|
{ immediate: !0, flush: "post" }
|
|
@@ -180,7 +180,7 @@ function Ue(d, n, v = {}) {
|
|
|
180
180
|
stop: C
|
|
181
181
|
};
|
|
182
182
|
}
|
|
183
|
-
const Ve = /* @__PURE__ */
|
|
183
|
+
const Ve = /* @__PURE__ */ L({
|
|
184
184
|
__name: "TableHeaderWithTooltip",
|
|
185
185
|
props: {
|
|
186
186
|
label: {},
|
|
@@ -190,7 +190,7 @@ const Ve = /* @__PURE__ */ M({
|
|
|
190
190
|
const n = z(null), v = z(!1), u = () => {
|
|
191
191
|
n.value && (v.value = n.value.scrollWidth > n.value.clientWidth);
|
|
192
192
|
};
|
|
193
|
-
return
|
|
193
|
+
return M(() => {
|
|
194
194
|
u();
|
|
195
195
|
}), Ue(n, () => {
|
|
196
196
|
u();
|
|
@@ -202,11 +202,11 @@ const Ve = /* @__PURE__ */ M({
|
|
|
202
202
|
placement: e.placement || "top"
|
|
203
203
|
}, {
|
|
204
204
|
default: p(() => [
|
|
205
|
-
|
|
205
|
+
A("span", {
|
|
206
206
|
ref_key: "textRef",
|
|
207
207
|
ref: n,
|
|
208
208
|
class: "header-cell-content"
|
|
209
|
-
},
|
|
209
|
+
}, j(e.label), 513)
|
|
210
210
|
]),
|
|
211
211
|
_: 1
|
|
212
212
|
}, 8, ["content", "placement"])) : (r(), S("span", {
|
|
@@ -214,7 +214,7 @@ const Ve = /* @__PURE__ */ M({
|
|
|
214
214
|
ref_key: "textRef",
|
|
215
215
|
ref: n,
|
|
216
216
|
class: "header-cell-content"
|
|
217
|
-
},
|
|
217
|
+
}, j(e.label), 513));
|
|
218
218
|
};
|
|
219
219
|
}
|
|
220
220
|
}), X = (d, n) => {
|
|
@@ -222,7 +222,7 @@ const Ve = /* @__PURE__ */ M({
|
|
|
222
222
|
for (const [u, e] of n)
|
|
223
223
|
v[u] = e;
|
|
224
224
|
return v;
|
|
225
|
-
},
|
|
225
|
+
}, Fe = /* @__PURE__ */ X(Ve, [["__scopeId", "data-v-d23c8660"]]), Ae = {
|
|
226
226
|
key: 0,
|
|
227
227
|
class: "search-section-wrapper"
|
|
228
228
|
}, $e = { class: "flex flex-wrap items-center justify-between gap-4" }, ze = { class: "flex items-center gap-x-2" }, Oe = { class: "flex items-center gap-x-3 action-buttons flex-shrink-0" }, xe = { class: "table-content-wrapper" }, Pe = { key: 1 }, Re = {
|
|
@@ -231,7 +231,7 @@ const Ve = /* @__PURE__ */ M({
|
|
|
231
231
|
}, Te = {
|
|
232
232
|
key: 1,
|
|
233
233
|
class: "pagination-wrapper flex justify-end mt-2"
|
|
234
|
-
}, Ne = { style: { "overflow-y": "auto", flex: "1" } }, Ee = { class: "dialog-footer" },
|
|
234
|
+
}, Ne = { style: { "overflow-y": "auto", flex: "1" } }, Ee = { class: "dialog-footer" }, We = /* @__PURE__ */ L({
|
|
235
235
|
__name: "CrudTable",
|
|
236
236
|
props: {
|
|
237
237
|
/**
|
|
@@ -312,25 +312,35 @@ const Ve = /* @__PURE__ */ M({
|
|
|
312
312
|
// 弹窗表单配置
|
|
313
313
|
dialogFormConfig: { type: Array, default: () => [] },
|
|
314
314
|
dialogFormRules: { type: Object, default: () => ({}) },
|
|
315
|
+
/**
|
|
316
|
+
* @description 弹窗表单的标签宽度 (label-width)
|
|
317
|
+
* @type {String}
|
|
318
|
+
*/
|
|
319
|
+
dialogFormLabelWidth: { type: String, default: 120 },
|
|
315
320
|
/**
|
|
316
321
|
* @description 是否以 multipart/form-data 格式提交表单。
|
|
317
322
|
* 适用于需要上传文件的场景。
|
|
318
323
|
* @type {Boolean}
|
|
319
324
|
*/
|
|
320
|
-
submitAsFormData: { type: Boolean, default: !1 }
|
|
325
|
+
submitAsFormData: { type: Boolean, default: !1 },
|
|
326
|
+
/**
|
|
327
|
+
* @description [✨ 新增] 控制弹窗是否在组件内部全屏
|
|
328
|
+
* @type {Boolean}
|
|
329
|
+
*/
|
|
330
|
+
dialogFullscreen: { type: Boolean, default: !1 }
|
|
321
331
|
},
|
|
322
332
|
emits: ["open-dialog", "submit", "delete"],
|
|
323
333
|
setup(d, { expose: n, emit: v }) {
|
|
324
334
|
const u = v, e = d, h = P(() => ["crud-table-wrapper", `theme-${e.theme}`, e.customClass]), B = P(() => e.theme === "large-screen" ? "large-screen-dialog" : ""), k = (t, o) => t ? !0 : (R.error(`${o} prop is required.`), !1), O = async (t, o) => {
|
|
325
335
|
try {
|
|
326
|
-
let
|
|
327
|
-
e.onBeforeSubmit && (
|
|
328
|
-
let g =
|
|
336
|
+
let a = { ...o };
|
|
337
|
+
e.onBeforeSubmit && (a = await e.onBeforeSubmit(a, t));
|
|
338
|
+
let g = a;
|
|
329
339
|
if (e.submitAsFormData) {
|
|
330
340
|
const E = new FormData();
|
|
331
|
-
for (const U in
|
|
332
|
-
if (Object.prototype.hasOwnProperty.call(
|
|
333
|
-
const Q =
|
|
341
|
+
for (const U in a)
|
|
342
|
+
if (Object.prototype.hasOwnProperty.call(a, U)) {
|
|
343
|
+
const Q = a[U];
|
|
334
344
|
E.append(U, Q ?? "");
|
|
335
345
|
}
|
|
336
346
|
g = E;
|
|
@@ -342,101 +352,101 @@ const Ve = /* @__PURE__ */ M({
|
|
|
342
352
|
if (!k(e.apiUrlUpdate, "apiUrlUpdate")) throw new Error("apiUrlUpdate is not configured.");
|
|
343
353
|
await $.put(e.apiUrlUpdate, g), R.success("更新成功");
|
|
344
354
|
}
|
|
345
|
-
return e.onAfterSubmit && e.onAfterSubmit(t,
|
|
346
|
-
} catch (
|
|
347
|
-
return console.error("Submit failed:",
|
|
355
|
+
return e.onAfterSubmit && e.onAfterSubmit(t, a), u("submit", { mode: t, data: a }), i.visible && (i.visible = !1), x(), Promise.resolve();
|
|
356
|
+
} catch (a) {
|
|
357
|
+
return console.error("Submit failed:", a), Promise.reject(a);
|
|
348
358
|
} finally {
|
|
349
359
|
i.submitting = !1;
|
|
350
360
|
}
|
|
351
|
-
}, f = G({ pageNum: 1, pageSize: 10, ...e.initialSearchForm }), C = z([]), w = z(0),
|
|
361
|
+
}, f = G({ pageNum: 1, pageSize: 10, ...e.initialSearchForm }), C = z([]), w = z(0), l = z(!1), m = z([]), i = G({ visible: !1, loading: !1, submitting: !1, mode: "add", data: {}, formRef: null }), Y = P(() => i.mode === "add" ? "新增" : "编辑"), Z = P(() => {
|
|
352
362
|
if (i.mode === "add") return e.dialogFormConfig.filter((o) => o.prop !== "id");
|
|
353
363
|
const t = [...e.dialogFormConfig.filter((o) => o.prop !== "id")];
|
|
354
364
|
return t.some((o) => o.prop === "id") || t.unshift({ type: "input-disabled", prop: "id", label: "用户ID" }), t;
|
|
355
365
|
}), x = async () => {
|
|
356
366
|
if (k(e.apiUrlQuery, "apiUrlQuery")) {
|
|
357
|
-
|
|
367
|
+
l.value = !0;
|
|
358
368
|
try {
|
|
359
369
|
let t = { ...f };
|
|
360
370
|
e.onBeforeQuery && (t = await e.onBeforeQuery(t));
|
|
361
371
|
const o = await $.get(e.apiUrlQuery, { params: t });
|
|
362
372
|
if (o && o.data && Array.isArray(o.data.rows) && typeof o.data.total == "number") {
|
|
363
|
-
let
|
|
364
|
-
e.onAfterQuery && (
|
|
373
|
+
let a = o.data.rows;
|
|
374
|
+
e.onAfterQuery && (a = await e.onAfterQuery(a, t)), C.value = a, w.value = o.data.total;
|
|
365
375
|
} else
|
|
366
376
|
console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."), C.value = [], w.value = 0;
|
|
367
377
|
} catch (t) {
|
|
368
378
|
console.error("Fetch data failed:", t);
|
|
369
379
|
} finally {
|
|
370
|
-
|
|
380
|
+
l.value = !1;
|
|
371
381
|
}
|
|
372
382
|
}
|
|
373
383
|
}, N = () => {
|
|
374
384
|
f.pageNum = 1, x();
|
|
375
385
|
}, ee = () => {
|
|
376
|
-
const { pageNum: t, pageSize: o, ...
|
|
386
|
+
const { pageNum: t, pageSize: o, ...a } = e.initialSearchForm;
|
|
377
387
|
Object.keys(f).forEach((g) => {
|
|
378
388
|
g !== "pageNum" && g !== "pageSize" && delete f[g];
|
|
379
|
-
}), Object.assign(f,
|
|
389
|
+
}), Object.assign(f, a), N();
|
|
380
390
|
}, te = (t) => {
|
|
381
391
|
m.value = t;
|
|
382
392
|
}, q = async (t, o) => {
|
|
383
|
-
let
|
|
384
|
-
if (t === "add" ?
|
|
385
|
-
const g = await e.onBeforeOpenDialog(t,
|
|
386
|
-
g && (
|
|
393
|
+
let a;
|
|
394
|
+
if (t === "add" ? a = o ? { ...o } : { role: "user" } : a = { ...o }, e.onBeforeOpenDialog) {
|
|
395
|
+
const g = await e.onBeforeOpenDialog(t, a);
|
|
396
|
+
g && (a = g);
|
|
387
397
|
}
|
|
388
398
|
if (i.mode = t, i.visible = !0, t === "edit") {
|
|
389
399
|
if (!k(e.apiUrlDetail, "apiUrlDetail")) return;
|
|
390
400
|
i.loading = !0;
|
|
391
401
|
try {
|
|
392
|
-
const g = await $.get(e.apiUrlDetail + "/" +
|
|
402
|
+
const g = await $.get(e.apiUrlDetail + "/" + a.id.toString());
|
|
393
403
|
i.data = g.data.data;
|
|
394
404
|
} finally {
|
|
395
405
|
i.loading = !1, e.onAfterOpenDialog && e.onAfterOpenDialog(t, i.data), u("open-dialog", { mode: t, data: i.data });
|
|
396
406
|
}
|
|
397
407
|
} else
|
|
398
|
-
i.data =
|
|
408
|
+
i.data = a, e.onAfterOpenDialog && e.onAfterOpenDialog(t, i.data), u("open-dialog", { mode: t, data: i.data });
|
|
399
409
|
}, oe = async () => {
|
|
400
410
|
try {
|
|
401
411
|
i.formRef ? await i.formRef.validate() : console.warn("Dialog form ref is not available for validation."), await O(i.mode, i.data);
|
|
402
412
|
} catch (t) {
|
|
403
413
|
console.log("Validation or submit error:", t);
|
|
404
414
|
}
|
|
405
|
-
},
|
|
415
|
+
}, H = async (t) => {
|
|
406
416
|
if (k(e.apiUrlDelete, "apiUrlDelete"))
|
|
407
417
|
try {
|
|
408
418
|
const o = C.value.filter((g) => t.includes(g.id));
|
|
409
419
|
if (e.onBeforeDelete && await e.onBeforeDelete(t, o) === !1)
|
|
410
420
|
return;
|
|
411
|
-
const
|
|
412
|
-
await $.delete(e.apiUrlDelete + "/" +
|
|
421
|
+
const a = t.join(",");
|
|
422
|
+
await $.delete(e.apiUrlDelete + "/" + a.toString()), R.success("删除成功"), e.onAfterDelete && e.onAfterDelete(t, o), u("delete", t), C.value.length === t.length && f.pageNum > 1 && f.pageNum--, x();
|
|
413
423
|
} catch (o) {
|
|
414
424
|
console.error("Delete failed", o);
|
|
415
425
|
}
|
|
416
|
-
}, ae = (t) => {
|
|
417
|
-
f.pageSize = t, N();
|
|
418
426
|
}, le = (t) => {
|
|
427
|
+
f.pageSize = t, N();
|
|
428
|
+
}, ae = (t) => {
|
|
419
429
|
f.pageNum = t, x();
|
|
420
430
|
};
|
|
421
|
-
return
|
|
431
|
+
return M(x), n({
|
|
422
432
|
refresh: x,
|
|
423
433
|
// 刷新表格
|
|
424
434
|
search: N,
|
|
425
435
|
// 按当前条件搜索
|
|
426
|
-
handleDelete:
|
|
436
|
+
handleDelete: H,
|
|
427
437
|
// 手动触发删除
|
|
428
438
|
openDialog: q,
|
|
429
439
|
// 手动打开弹窗
|
|
430
440
|
submit: O
|
|
431
441
|
// 手动提交
|
|
432
442
|
}), (t, o) => {
|
|
433
|
-
const
|
|
443
|
+
const a = y("el-button"), g = y("el-form-item"), E = y("el-form"), U = y("el-table-column"), Q = y("el-popconfirm"), re = y("el-table"), ne = y("el-pagination"), ie = y("el-skeleton"), se = y("el-dialog"), ue = ge("loading");
|
|
434
444
|
return r(), S("div", {
|
|
435
445
|
class: ye([h.value, "crud-table-container"])
|
|
436
446
|
}, [
|
|
437
|
-
e.showSearchSection ? (r(), S("div",
|
|
447
|
+
e.showSearchSection ? (r(), S("div", Ae, [
|
|
438
448
|
_(t.$slots, "header", {}, void 0, !0),
|
|
439
|
-
|
|
449
|
+
A("div", $e, [
|
|
440
450
|
D(E, {
|
|
441
451
|
model: f,
|
|
442
452
|
class: "query-form flex flex-nowrap items-center gap-x-4",
|
|
@@ -446,20 +456,20 @@ const Ve = /* @__PURE__ */ M({
|
|
|
446
456
|
_(t.$slots, "query-conditions", { searchForm: f }, void 0, !0),
|
|
447
457
|
D(g, { class: "!mr-0 flex-shrink-0" }, {
|
|
448
458
|
default: p(() => [
|
|
449
|
-
|
|
459
|
+
A("div", ze, [
|
|
450
460
|
_(t.$slots, "query-left", { searchForm: f }, void 0, !0),
|
|
451
461
|
e.showSearchActionButtons ? (r(), S(T, { key: 0 }, [
|
|
452
|
-
D(
|
|
462
|
+
D(a, {
|
|
453
463
|
type: "primary",
|
|
454
464
|
onClick: N,
|
|
455
|
-
loading:
|
|
465
|
+
loading: l.value
|
|
456
466
|
}, {
|
|
457
467
|
default: p(() => [...o[5] || (o[5] = [
|
|
458
468
|
V("搜索", -1)
|
|
459
469
|
])]),
|
|
460
470
|
_: 1
|
|
461
471
|
}, 8, ["loading"]),
|
|
462
|
-
D(
|
|
472
|
+
D(a, { onClick: ee }, {
|
|
463
473
|
default: p(() => [...o[6] || (o[6] = [
|
|
464
474
|
V("清空", -1)
|
|
465
475
|
])]),
|
|
@@ -474,10 +484,10 @@ const Ve = /* @__PURE__ */ M({
|
|
|
474
484
|
]),
|
|
475
485
|
_: 3
|
|
476
486
|
}, 8, ["model"]),
|
|
477
|
-
|
|
487
|
+
A("div", Oe, [
|
|
478
488
|
_(t.$slots, "action-left", { selections: m.value }, void 0, !0),
|
|
479
489
|
_(t.$slots, "add-button-content", { selections: m.value }, () => [
|
|
480
|
-
e.showNewBtn ? (r(), c(
|
|
490
|
+
e.showNewBtn ? (r(), c(a, {
|
|
481
491
|
key: 0,
|
|
482
492
|
type: "success",
|
|
483
493
|
onClick: o[0] || (o[0] = (s) => q("add"))
|
|
@@ -492,8 +502,8 @@ const Ve = /* @__PURE__ */ M({
|
|
|
492
502
|
])
|
|
493
503
|
])
|
|
494
504
|
])) : b("", !0),
|
|
495
|
-
|
|
496
|
-
ve((r(), c(re,
|
|
505
|
+
A("div", xe, [
|
|
506
|
+
ve((r(), c(re, F({
|
|
497
507
|
data: C.value,
|
|
498
508
|
"element-loading-text": e.loadingText,
|
|
499
509
|
"element-loading-background": e.loadingBackground,
|
|
@@ -516,7 +526,7 @@ const Ve = /* @__PURE__ */ M({
|
|
|
516
526
|
width: "70",
|
|
517
527
|
fixed: ""
|
|
518
528
|
})) : b("", !0),
|
|
519
|
-
(r(!0), S(T, null,
|
|
529
|
+
(r(!0), S(T, null, W(e.columns, (s) => (r(), c(U, F({
|
|
520
530
|
key: s.prop,
|
|
521
531
|
prop: s.prop,
|
|
522
532
|
label: s.label,
|
|
@@ -524,11 +534,11 @@ const Ve = /* @__PURE__ */ M({
|
|
|
524
534
|
sortable: s.sortable || !1
|
|
525
535
|
}, { ref_for: !0 }, s.attrs), be({
|
|
526
536
|
header: p(() => [
|
|
527
|
-
s.headerTooltip ? (r(), c(
|
|
537
|
+
s.headerTooltip ? (r(), c(Fe, {
|
|
528
538
|
key: 0,
|
|
529
539
|
label: s.label,
|
|
530
540
|
placement: s.placement
|
|
531
|
-
}, null, 8, ["label", "placement"])) : (r(), S("span", Pe,
|
|
541
|
+
}, null, 8, ["label", "placement"])) : (r(), S("span", Pe, j(s.label), 1))
|
|
532
542
|
]),
|
|
533
543
|
_: 2
|
|
534
544
|
}, [
|
|
@@ -556,7 +566,7 @@ const Ve = /* @__PURE__ */ M({
|
|
|
556
566
|
_(t.$slots, "action-before-edit", {
|
|
557
567
|
row: s.row
|
|
558
568
|
}, void 0, !0),
|
|
559
|
-
e.showEditButton ? (r(), c(
|
|
569
|
+
e.showEditButton ? (r(), c(a, {
|
|
560
570
|
key: 0,
|
|
561
571
|
size: "small",
|
|
562
572
|
type: "primary",
|
|
@@ -571,13 +581,13 @@ const Ve = /* @__PURE__ */ M({
|
|
|
571
581
|
e.showDeleteButton ? (r(), c(Q, {
|
|
572
582
|
key: 1,
|
|
573
583
|
title: "确定要删除这条数据吗?",
|
|
574
|
-
onConfirm: (I) =>
|
|
584
|
+
onConfirm: (I) => H([s.row.id]),
|
|
575
585
|
"confirm-button-text": "确定",
|
|
576
586
|
"cancel-button-text": "取消",
|
|
577
587
|
width: "200"
|
|
578
588
|
}, {
|
|
579
589
|
reference: p(() => [
|
|
580
|
-
D(
|
|
590
|
+
D(a, {
|
|
581
591
|
size: "small",
|
|
582
592
|
type: "danger",
|
|
583
593
|
link: ""
|
|
@@ -601,7 +611,7 @@ const Ve = /* @__PURE__ */ M({
|
|
|
601
611
|
]),
|
|
602
612
|
_: 3
|
|
603
613
|
}, 16, ["data", "element-loading-text", "element-loading-background"])), [
|
|
604
|
-
[ue,
|
|
614
|
+
[ue, l.value]
|
|
605
615
|
])
|
|
606
616
|
]),
|
|
607
617
|
e.showPagination && w.value > 0 ? (r(), S("div", Te, [
|
|
@@ -616,22 +626,24 @@ const Ve = /* @__PURE__ */ M({
|
|
|
616
626
|
background: e.paginationBackground,
|
|
617
627
|
small: e.paginationSmall,
|
|
618
628
|
"hide-on-single-page": e.paginationHideOnSinglePage,
|
|
619
|
-
onSizeChange:
|
|
620
|
-
onCurrentChange:
|
|
629
|
+
onSizeChange: le,
|
|
630
|
+
onCurrentChange: ae
|
|
621
631
|
}, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total", "background", "small", "hide-on-single-page"])
|
|
622
632
|
])) : b("", !0),
|
|
623
633
|
D(se, {
|
|
624
634
|
modelValue: i.visible,
|
|
625
635
|
"onUpdate:modelValue": o[4] || (o[4] = (s) => i.visible = s),
|
|
636
|
+
fullscreen: e.dialogFullscreen,
|
|
626
637
|
title: Y.value,
|
|
627
638
|
width: e.dialogWidth,
|
|
628
639
|
"destroy-on-close": !0,
|
|
640
|
+
modal: !e.dialogFullscreen,
|
|
629
641
|
"custom-class": B.value,
|
|
630
|
-
style: { display: "flex", "flex-direction": "column", "max-height": "
|
|
642
|
+
style: { display: "flex", "flex-direction": "column", "max-height": "100vh" }
|
|
631
643
|
}, {
|
|
632
644
|
footer: p(() => [
|
|
633
|
-
|
|
634
|
-
D(
|
|
645
|
+
A("span", Ee, [
|
|
646
|
+
D(a, {
|
|
635
647
|
onClick: o[3] || (o[3] = (s) => i.visible = !1)
|
|
636
648
|
}, {
|
|
637
649
|
default: p(() => [...o[10] || (o[10] = [
|
|
@@ -639,7 +651,7 @@ const Ve = /* @__PURE__ */ M({
|
|
|
639
651
|
])]),
|
|
640
652
|
_: 1
|
|
641
653
|
}),
|
|
642
|
-
D(
|
|
654
|
+
D(a, {
|
|
643
655
|
type: "primary",
|
|
644
656
|
onClick: oe,
|
|
645
657
|
loading: i.submitting
|
|
@@ -652,7 +664,7 @@ const Ve = /* @__PURE__ */ M({
|
|
|
652
664
|
])
|
|
653
665
|
]),
|
|
654
666
|
default: p(() => [
|
|
655
|
-
|
|
667
|
+
A("div", Ne, [
|
|
656
668
|
t.$slots["dialog-form"] ? _(t.$slots, "dialog-form", {
|
|
657
669
|
key: 0,
|
|
658
670
|
formData: i.data,
|
|
@@ -671,16 +683,17 @@ const Ve = /* @__PURE__ */ M({
|
|
|
671
683
|
},
|
|
672
684
|
"model-value": i.data,
|
|
673
685
|
"form-config": Z.value,
|
|
674
|
-
rules: e.dialogFormRules
|
|
675
|
-
|
|
686
|
+
rules: e.dialogFormRules,
|
|
687
|
+
"label-width": e.dialogFormLabelWidth
|
|
688
|
+
}, null, 8, ["model-value", "form-config", "rules", "label-width"]))
|
|
676
689
|
])
|
|
677
690
|
]),
|
|
678
691
|
_: 3
|
|
679
|
-
}, 8, ["modelValue", "title", "width", "custom-class"])
|
|
692
|
+
}, 8, ["modelValue", "fullscreen", "title", "width", "modal", "custom-class"])
|
|
680
693
|
], 2);
|
|
681
694
|
};
|
|
682
695
|
}
|
|
683
|
-
}), Ie = /* @__PURE__ */ X(
|
|
696
|
+
}), Ie = /* @__PURE__ */ X(We, [["__scopeId", "data-v-cfc138a6"]]);
|
|
684
697
|
export {
|
|
685
698
|
Ie as CrudTable
|
|
686
699
|
};
|
|
@@ -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,O){"use strict";const $=e.defineComponent({__name:"DynamicForm",props:{modelValue:{},formConfig:{},rules:{}},setup(c,{expose:a}){const g=e.ref(null);return a({validate:()=>{var d;return(d=g.value)==null?void 0:d.validate()}}),(d,t)=>{const u=e.resolveComponent("el-input"),B=e.resolveComponent("el-option"),k=e.resolveComponent("el-select"),_=e.resolveComponent("el-radio"),p=e.resolveComponent("el-radio-group"),h=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:g},d.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.formConfig,r=>(e.openBlock(),e.createBlock(h,{key:r.prop,label:r.label,prop:r.prop},{default:e.withCtx(()=>[r.type==="input"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:0,modelValue:d.modelValue[r.prop],"onUpdate:modelValue":f=>d.modelValue[r.prop]=f},{ref_for:!0},r.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),r.type==="textarea"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:1,type:"textarea",modelValue:d.modelValue[r.prop],"onUpdate:modelValue":f=>d.modelValue[r.prop]=f},{ref_for:!0},r.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),r.type==="select"?(e.openBlock(),e.createBlock(k,e.mergeProps({key:2,modelValue:d.modelValue[r.prop],"onUpdate:modelValue":f=>d.modelValue[r.prop]=f},{ref_for:!0},r.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.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),r.type==="radio-group"?(e.openBlock(),e.createBlock(p,e.mergeProps({key:3,modelValue:d.modelValue[r.prop],"onUpdate:modelValue":f=>d.modelValue[r.prop]=f},{ref_for:!0},r.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,f=>(e.openBlock(),e.createBlock(_,{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),r.type==="input-disabled"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:4,"model-value":d.modelValue[r.prop],disabled:""},{ref_for:!0},r.componentProps),null,16,["model-value"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop"]))),128))]),_:1},16,["model","rules"])}}}),S=O.create({baseURL:"",timeout:1e4});S.interceptors.request.use(c=>{const a=localStorage.getItem("token");return a&&(c.headers.Authorization="Bearer "+a),c},c=>(console.log(c),Promise.reject(c))),S.interceptors.response.use(c=>{const a=c.data;return a.code!==200?(b.ElMessage({message:a.msg||"Error",type:"error",duration:5*1e3}),(a.code===401||a.code===403)&&b.ElMessageBox.confirm("您的登录状态已失效，请重新登录","确认登出",{confirmButtonText:"重新登录",cancelButtonText:"取消",type:"warning"}).then(()=>{localStorage.removeItem("token"),location.reload()}),Promise.reject(new Error(a.msg||"Error"))):a},c=>(console.log("HTTP Error: "+c),b.ElMessage({message:"网络错误，请检查您的网络连接或联系管理员",type:"error",duration:5*1e3}),Promise.reject(c)));function z(c){return e.getCurrentScope()?(e.onScopeDispose(c),!0):!1}const P=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const R=P?window:void 0;function F(c){var a;const g=e.toValue(c);return(a=g==null?void 0:g.$el)!=null?a:g}function j(){const c=e.shallowRef(!1),a=e.getCurrentInstance();return a&&e.onMounted(()=>{c.value=!0},a),c}function q(c){const a=j();return e.computed(()=>(a.value,!!c()))}function M(c,a,g={}){const{window:d=R,...t}=g;let u;const B=q(()=>d&&"ResizeObserver"in d),k=()=>{u&&(u.disconnect(),u=void 0)},_=e.computed(()=>{const y=e.toValue(c);return Array.isArray(y)?y.map(r=>F(r)):[F(y)]}),p=e.watch(_,y=>{if(k(),B.value&&d){u=new ResizeObserver(a);for(const r of y)r&&u.observe(r,t)}},{immediate:!0,flush:"post"}),h=()=>{k(),p()};return z(h),{isSupported:B,stop:h}}const W=e.defineComponent({__name:"TableHeaderWithTooltip",props:{label:{},placement:{}},setup(c){const a=e.ref(null),g=e.ref(!1),d=()=>{a.value&&(g.value=a.value.scrollWidth>a.value.clientWidth)};return e.onMounted(()=>{d()}),M(a,()=>{d()}),(t,u)=>{const B=e.resolveComponent("el-tooltip");return g.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:a,class:"header-cell-content"},e.toDisplayString(t.label),513)]),_:1},8,["content","placement"])):(e.openBlock(),e.createElementBlock("span",{key:0,ref_key:"textRef",ref:a,class:"header-cell-content"},e.toDisplayString(t.label),513))}}}),T=(c,a)=>{const g=c.__vccOpts||c;for(const[d,t]of a)g[d]=t;return g},Q=T(W,[["__scopeId","data-v-d23c8660"]]),I={key:0,class:"search-section-wrapper"},L={class:"flex flex-wrap items-center justify-between gap-4"},H={class:"flex items-center gap-x-2"},G={class:"flex items-center gap-x-3 action-buttons flex-shrink-0"},Z={class:"table-content-wrapper"},J={key:1},K={key:0,class:"flex items-center gap-x-2"},X={key:1,class:"pagination-wrapper flex justify-end mt-2"},Y={style:{"overflow-y":"auto",flex:"1"}},v={class:"dialog-footer"},ee=T(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},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:()=>({})},submitAsFormData:{type:Boolean,default:!1}},emits:["open-dialog","submit","delete"],setup(c,{expose:a,emit:g}){const d=g,t=c,u=e.computed(()=>["crud-table-wrapper",`theme-${t.theme}`,t.customClass]),B=e.computed(()=>t.theme==="large-screen"?"large-screen-dialog":""),k=(o,l)=>o?!0:(b.ElMessage.error(`${l} prop is required.`),!1),_=async(o,l)=>{try{let n={...l};t.onBeforeSubmit&&(n=await t.onBeforeSubmit(n,o));let m=n;if(t.submitAsFormData){const N=new FormData;for(const C in n)if(Object.prototype.hasOwnProperty.call(n,C)){const U=n[C];N.append(C,U??"")}m=N}if(i.submitting=!0,o==="add"){if(!k(t.apiUrlCreate,"apiUrlCreate"))throw new Error("apiUrlCreate is not configured.");await S.post(t.apiUrlCreate,m),b.ElMessage.success("新增成功")}else{if(!k(t.apiUrlUpdate,"apiUrlUpdate"))throw new Error("apiUrlUpdate is not configured.");await S.put(t.apiUrlUpdate,m),b.ElMessage.success("更新成功")}return t.onAfterSubmit&&t.onAfterSubmit(o,n),d("submit",{mode:o,data:n}),i.visible&&(i.visible=!1),V(),Promise.resolve()}catch(n){return console.error("Submit failed:",n),Promise.reject(n)}finally{i.submitting=!1}},p=e.reactive({pageNum:1,pageSize:10,...t.initialSearchForm}),h=e.ref([]),y=e.ref(0),r=e.ref(!1),f=e.ref([]),i=e.reactive({visible:!1,loading:!1,submitting:!1,mode:"add",data:{},formRef:null}),te=e.computed(()=>i.mode==="add"?"新增":"编辑"),oe=e.computed(()=>{if(i.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(k(t.apiUrlQuery,"apiUrlQuery")){r.value=!0;try{let o={...p};t.onBeforeQuery&&(o=await t.onBeforeQuery(o));const l=await S.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)),h.value=n,y.value=l.data.total}else console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."),h.value=[],y.value=0}catch(o){console.error("Fetch data failed:",o)}finally{r.value=!1}}},D=()=>{p.pageNum=1,V()},le=()=>{const{pageNum:o,pageSize:l,...n}=t.initialSearchForm;Object.keys(p).forEach(m=>{m!=="pageNum"&&m!=="pageSize"&&delete p[m]}),Object.assign(p,n),D()},re=o=>{f.value=o},x=async(o,l)=>{let n;if(o==="add"?n=l?{...l}:{role:"user"}:n={...l},t.onBeforeOpenDialog){const m=await t.onBeforeOpenDialog(o,n);m&&(n=m)}if(i.mode=o,i.visible=!0,o==="edit"){if(!k(t.apiUrlDetail,"apiUrlDetail"))return;i.loading=!0;try{const m=await S.get(t.apiUrlDetail+"/"+n.id.toString());i.data=m.data.data}finally{i.loading=!1,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,i.data),d("open-dialog",{mode:o,data:i.data})}}else i.data=n,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,i.data),d("open-dialog",{mode:o,data:i.data})},ne=async()=>{try{i.formRef?await i.formRef.validate():console.warn("Dialog form ref is not available for validation."),await _(i.mode,i.data)}catch(o){console.log("Validation or submit error:",o)}},A=async o=>{if(k(t.apiUrlDelete,"apiUrlDelete"))try{const l=h.value.filter(m=>o.includes(m.id));if(t.onBeforeDelete&&await t.onBeforeDelete(o,l)===!1)return;const n=o.join(",");await S.delete(t.apiUrlDelete+"/"+n.toString()),b.ElMessage.success("删除成功"),t.onAfterDelete&&t.onAfterDelete(o,l),d("delete",o),h.value.length===o.length&&p.pageNum>1&&p.pageNum--,V()}catch(l){console.error("Delete failed",l)}},ae=o=>{p.pageSize=o,D()},ie=o=>{p.pageNum=o,V()};return e.onMounted(V),a({refresh:V,search:D,handleDelete:A,openDialog:x,submit:_}),(o,l)=>{const n=e.resolveComponent("el-button"),m=e.resolveComponent("el-form-item"),N=e.resolveComponent("el-form"),C=e.resolveComponent("el-table-column"),U=e.resolveComponent("el-popconfirm"),se=e.resolveComponent("el-table"),de=e.resolveComponent("el-pagination"),ce=e.resolveComponent("el-skeleton"),pe=e.resolveComponent("el-dialog"),fe=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([u.value,"crud-table-container"])},[t.showSearchSection?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(o.$slots,"header",{},void 0,!0),e.createElementVNode("div",L,[e.createVNode(N,{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(m,{class:"!mr-0 flex-shrink-0"},{default:e.withCtx(()=>[e.createElementVNode("div",H,[e.renderSlot(o.$slots,"query-left",{searchForm:p},void 0,!0),t.showSearchActionButtons?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(n,{type:"primary",onClick:D,loading:r.value},{default:e.withCtx(()=>[...l[5]||(l[5]=[e.createTextVNode("搜索",-1)])]),_:1},8,["loading"]),e.createVNode(n,{onClick:le},{default:e.withCtx(()=>[...l[6]||(l[6]=[e.createTextVNode("清空",-1)])]),_:1})],64)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"query-right",{searchForm:p},void 0,!0)])]),_:3})]),_:3},8,["model"]),e.createElementVNode("div",G,[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,type:"success",onClick:l[0]||(l[0]=s=>x("add"))},{default:e.withCtx(()=>[...l[7]||(l[7]=[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",Z,[e.withDirectives((e.openBlock(),e.createBlock(se,e.mergeProps({data:h.value,"element-loading-text":t.loadingText,"element-loading-background":t.loadingBackground,onSelectionChange:re},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,s=>(e.openBlock(),e.createBlock(C,e.mergeProps({key:s.prop,prop:s.prop,label:s.label,width:s.width,sortable:s.sortable||!1},{ref_for:!0},s.attrs),e.createSlots({header:e.withCtx(()=>[s.headerTooltip?(e.openBlock(),e.createBlock(Q,{key:0,label:s.label,placement:s.placement},null,8,["label","placement"])):(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(s.label),1))]),_:2},[s.slot?{name:"default",fn:e.withCtx(E=>[e.renderSlot(o.$slots,s.slot,{row:E.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(s=>[s.row?(e.openBlock(),e.createElementBlock("div",K,[o.$slots.actions?e.renderSlot(o.$slots,"actions",{key:0,row:s.row},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(o.$slots,"action-before-edit",{row:s.row},void 0,!0),t.showEditButton?(e.openBlock(),e.createBlock(n,{key:0,size:"small",type:"primary",link:"",onClick:E=>x("edit",s.row)},{default:e.withCtx(()=>[...l[8]||(l[8]=[e.createTextVNode("编辑 ",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("",!0),t.showDeleteButton?(e.openBlock(),e.createBlock(U,{key:1,title:"确定要删除这条数据吗?",onConfirm:E=>A([s.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[9]||(l[9]=[e.createTextVNode("删除",-1)])]),_:1})]),_:1},8,["onConfirm"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"action-after-delete",{row:s.row},void 0,!0)],64))])):e.createCommentVNode("",!0)]),_:3},8,["width"])):e.createCommentVNode("",!0)]),_:3},16,["data","element-loading-text","element-loading-background"])),[[fe,r.value]])]),t.showPagination&&y.value>0?(e.openBlock(),e.createElementBlock("div",X,[e.createVNode(de,{"current-page":p.pageNum,"onUpdate:currentPage":l[1]||(l[1]=s=>p.pageNum=s),"page-size":p.pageSize,"onUpdate:pageSize":l[2]||(l[2]=s=>p.pageSize=s),"page-sizes":t.pageSizes,layout:t.paginationLayout,total:y.value,background:t.paginationBackground,small:t.paginationSmall,"hide-on-single-page":t.paginationHideOnSinglePage,onSizeChange:ae,onCurrentChange:ie},null,8,["current-page","page-size","page-sizes","layout","total","background","small","hide-on-single-page"])])):e.createCommentVNode("",!0),e.createVNode(pe,{modelValue:i.visible,"onUpdate:modelValue":l[4]||(l[4]=s=>i.visible=s),title:te.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.createElementVNode("span",v,[e.createVNode(n,{onClick:l[3]||(l[3]=s=>i.visible=!1)},{default:e.withCtx(()=>[...l[10]||(l[10]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(n,{type:"primary",onClick:ne,loading:i.submitting},{default:e.withCtx(()=>[...l[11]||(l[11]=[e.createTextVNode(" 确定 ",-1)])]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.createElementVNode("div",Y,[o.$slots["dialog-form"]?e.renderSlot(o.$slots,"dialog-form",{key:0,formData:i.data,mode:i.mode,formRef:s=>{i.formRef=s}},void 0,!0):i.loading?(e.openBlock(),e.createBlock(ce,{key:1,rows:5,animated:""})):i.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($,{key:2,ref:s=>{i.formRef=s},"model-value":i.data,"form-config":oe.value,rules:t.dialogFormRules},null,8,["model-value","form-config","rules"]))])]),_:3},8,["modelValue","title","width","custom-class"])],2)}}}),[["__scopeId","data-v-c6e93397"]]);w.CrudTable=ee,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-cfc138a6]{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;min-height:0;overflow:hidden}.search-section-wrapper[data-v-cfc138a6]{flex-shrink:0}.table-content-wrapper[data-v-cfc138a6]{flex:1;min-height:0;overflow:hidden}.pagination-wrapper[data-v-cfc138a6]{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,O){"use strict";const $=e.defineComponent({__name:"DynamicForm",props:{modelValue:{},formConfig:{},rules:{}},setup(c,{expose:a}){const u=e.ref(null);return a({validate:()=>{var d;return(d=u.value)==null?void 0:d.validate()}}),(d,t)=>{const g=e.resolveComponent("el-input"),B=e.resolveComponent("el-option"),k=e.resolveComponent("el-select"),_=e.resolveComponent("el-radio"),p=e.resolveComponent("el-radio-group"),h=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:u},d.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.formConfig,r=>(e.openBlock(),e.createBlock(h,{key:r.prop,label:r.label,prop:r.prop},{default:e.withCtx(()=>[r.type==="input"?(e.openBlock(),e.createBlock(g,e.mergeProps({key:0,modelValue:d.modelValue[r.prop],"onUpdate:modelValue":f=>d.modelValue[r.prop]=f},{ref_for:!0},r.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),r.type==="textarea"?(e.openBlock(),e.createBlock(g,e.mergeProps({key:1,type:"textarea",modelValue:d.modelValue[r.prop],"onUpdate:modelValue":f=>d.modelValue[r.prop]=f},{ref_for:!0},r.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),r.type==="select"?(e.openBlock(),e.createBlock(k,e.mergeProps({key:2,modelValue:d.modelValue[r.prop],"onUpdate:modelValue":f=>d.modelValue[r.prop]=f},{ref_for:!0},r.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.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),r.type==="radio-group"?(e.openBlock(),e.createBlock(p,e.mergeProps({key:3,modelValue:d.modelValue[r.prop],"onUpdate:modelValue":f=>d.modelValue[r.prop]=f},{ref_for:!0},r.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,f=>(e.openBlock(),e.createBlock(_,{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),r.type==="input-disabled"?(e.openBlock(),e.createBlock(g,e.mergeProps({key:4,"model-value":d.modelValue[r.prop],disabled:""},{ref_for:!0},r.componentProps),null,16,["model-value"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop"]))),128))]),_:1},16,["model","rules"])}}}),S=O.create({baseURL:"",timeout:1e4});S.interceptors.request.use(c=>{const a=localStorage.getItem("token");return a&&(c.headers.Authorization="Bearer "+a),c},c=>(console.log(c),Promise.reject(c))),S.interceptors.response.use(c=>{const a=c.data;return a.code!==200?(b.ElMessage({message:a.msg||"Error",type:"error",duration:5*1e3}),(a.code===401||a.code===403)&&b.ElMessageBox.confirm("您的登录状态已失效，请重新登录","确认登出",{confirmButtonText:"重新登录",cancelButtonText:"取消",type:"warning"}).then(()=>{localStorage.removeItem("token"),location.reload()}),Promise.reject(new Error(a.msg||"Error"))):a},c=>(console.log("HTTP Error: "+c),b.ElMessage({message:"网络错误，请检查您的网络连接或联系管理员",type:"error",duration:5*1e3}),Promise.reject(c)));function z(c){return e.getCurrentScope()?(e.onScopeDispose(c),!0):!1}const P=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const R=P?window:void 0;function F(c){var a;const u=e.toValue(c);return(a=u==null?void 0:u.$el)!=null?a:u}function j(){const c=e.shallowRef(!1),a=e.getCurrentInstance();return a&&e.onMounted(()=>{c.value=!0},a),c}function q(c){const a=j();return e.computed(()=>(a.value,!!c()))}function M(c,a,u={}){const{window:d=R,...t}=u;let g;const B=q(()=>d&&"ResizeObserver"in d),k=()=>{g&&(g.disconnect(),g=void 0)},_=e.computed(()=>{const y=e.toValue(c);return Array.isArray(y)?y.map(r=>F(r)):[F(y)]}),p=e.watch(_,y=>{if(k(),B.value&&d){g=new ResizeObserver(a);for(const r of y)r&&g.observe(r,t)}},{immediate:!0,flush:"post"}),h=()=>{k(),p()};return z(h),{isSupported:B,stop:h}}const W=e.defineComponent({__name:"TableHeaderWithTooltip",props:{label:{},placement:{}},setup(c){const a=e.ref(null),u=e.ref(!1),d=()=>{a.value&&(u.value=a.value.scrollWidth>a.value.clientWidth)};return e.onMounted(()=>{d()}),M(a,()=>{d()}),(t,g)=>{const B=e.resolveComponent("el-tooltip");return u.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:a,class:"header-cell-content"},e.toDisplayString(t.label),513)]),_:1},8,["content","placement"])):(e.openBlock(),e.createElementBlock("span",{key:0,ref_key:"textRef",ref:a,class:"header-cell-content"},e.toDisplayString(t.label),513))}}}),T=(c,a)=>{const u=c.__vccOpts||c;for(const[d,t]of a)u[d]=t;return u},Q=T(W,[["__scopeId","data-v-d23c8660"]]),I={key:0,class:"search-section-wrapper"},L={class:"flex flex-wrap items-center justify-between gap-4"},H={class:"flex items-center gap-x-2"},G={class:"flex items-center gap-x-3 action-buttons flex-shrink-0"},Z={class:"table-content-wrapper"},J={key:1},K={key:0,class:"flex items-center gap-x-2"},X={key:1,class:"pagination-wrapper flex justify-end mt-2"},Y={style:{"overflow-y":"auto",flex:"1"}},v={class:"dialog-footer"},ee=T(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},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}},emits:["open-dialog","submit","delete"],setup(c,{expose:a,emit:u}){const d=u,t=c,g=e.computed(()=>["crud-table-wrapper",`theme-${t.theme}`,t.customClass]),B=e.computed(()=>t.theme==="large-screen"?"large-screen-dialog":""),k=(o,l)=>o?!0:(b.ElMessage.error(`${l} prop is required.`),!1),_=async(o,l)=>{try{let n={...l};t.onBeforeSubmit&&(n=await t.onBeforeSubmit(n,o));let m=n;if(t.submitAsFormData){const N=new FormData;for(const C in n)if(Object.prototype.hasOwnProperty.call(n,C)){const U=n[C];N.append(C,U??"")}m=N}if(i.submitting=!0,o==="add"){if(!k(t.apiUrlCreate,"apiUrlCreate"))throw new Error("apiUrlCreate is not configured.");await S.post(t.apiUrlCreate,m),b.ElMessage.success("新增成功")}else{if(!k(t.apiUrlUpdate,"apiUrlUpdate"))throw new Error("apiUrlUpdate is not configured.");await S.put(t.apiUrlUpdate,m),b.ElMessage.success("更新成功")}return t.onAfterSubmit&&t.onAfterSubmit(o,n),d("submit",{mode:o,data:n}),i.visible&&(i.visible=!1),V(),Promise.resolve()}catch(n){return console.error("Submit failed:",n),Promise.reject(n)}finally{i.submitting=!1}},p=e.reactive({pageNum:1,pageSize:10,...t.initialSearchForm}),h=e.ref([]),y=e.ref(0),r=e.ref(!1),f=e.ref([]),i=e.reactive({visible:!1,loading:!1,submitting:!1,mode:"add",data:{},formRef:null}),te=e.computed(()=>i.mode==="add"?"新增":"编辑"),oe=e.computed(()=>{if(i.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(k(t.apiUrlQuery,"apiUrlQuery")){r.value=!0;try{let o={...p};t.onBeforeQuery&&(o=await t.onBeforeQuery(o));const l=await S.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)),h.value=n,y.value=l.data.total}else console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."),h.value=[],y.value=0}catch(o){console.error("Fetch data failed:",o)}finally{r.value=!1}}},D=()=>{p.pageNum=1,V()},le=()=>{const{pageNum:o,pageSize:l,...n}=t.initialSearchForm;Object.keys(p).forEach(m=>{m!=="pageNum"&&m!=="pageSize"&&delete p[m]}),Object.assign(p,n),D()},re=o=>{f.value=o},x=async(o,l)=>{let n;if(o==="add"?n=l?{...l}:{role:"user"}:n={...l},t.onBeforeOpenDialog){const m=await t.onBeforeOpenDialog(o,n);m&&(n=m)}if(i.mode=o,i.visible=!0,o==="edit"){if(!k(t.apiUrlDetail,"apiUrlDetail"))return;i.loading=!0;try{const m=await S.get(t.apiUrlDetail+"/"+n.id.toString());i.data=m.data.data}finally{i.loading=!1,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,i.data),d("open-dialog",{mode:o,data:i.data})}}else i.data=n,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,i.data),d("open-dialog",{mode:o,data:i.data})},ne=async()=>{try{i.formRef?await i.formRef.validate():console.warn("Dialog form ref is not available for validation."),await _(i.mode,i.data)}catch(o){console.log("Validation or submit error:",o)}},A=async o=>{if(k(t.apiUrlDelete,"apiUrlDelete"))try{const l=h.value.filter(m=>o.includes(m.id));if(t.onBeforeDelete&&await t.onBeforeDelete(o,l)===!1)return;const n=o.join(",");await S.delete(t.apiUrlDelete+"/"+n.toString()),b.ElMessage.success("删除成功"),t.onAfterDelete&&t.onAfterDelete(o,l),d("delete",o),h.value.length===o.length&&p.pageNum>1&&p.pageNum--,V()}catch(l){console.error("Delete failed",l)}},ae=o=>{p.pageSize=o,D()},ie=o=>{p.pageNum=o,V()};return e.onMounted(V),a({refresh:V,search:D,handleDelete:A,openDialog:x,submit:_}),(o,l)=>{const n=e.resolveComponent("el-button"),m=e.resolveComponent("el-form-item"),N=e.resolveComponent("el-form"),C=e.resolveComponent("el-table-column"),U=e.resolveComponent("el-popconfirm"),se=e.resolveComponent("el-table"),de=e.resolveComponent("el-pagination"),ce=e.resolveComponent("el-skeleton"),pe=e.resolveComponent("el-dialog"),fe=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([g.value,"crud-table-container"])},[t.showSearchSection?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(o.$slots,"header",{},void 0,!0),e.createElementVNode("div",L,[e.createVNode(N,{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(m,{class:"!mr-0 flex-shrink-0"},{default:e.withCtx(()=>[e.createElementVNode("div",H,[e.renderSlot(o.$slots,"query-left",{searchForm:p},void 0,!0),t.showSearchActionButtons?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(n,{type:"primary",onClick:D,loading:r.value},{default:e.withCtx(()=>[...l[5]||(l[5]=[e.createTextVNode("搜索",-1)])]),_:1},8,["loading"]),e.createVNode(n,{onClick:le},{default:e.withCtx(()=>[...l[6]||(l[6]=[e.createTextVNode("清空",-1)])]),_:1})],64)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"query-right",{searchForm:p},void 0,!0)])]),_:3})]),_:3},8,["model"]),e.createElementVNode("div",G,[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,type:"success",onClick:l[0]||(l[0]=s=>x("add"))},{default:e.withCtx(()=>[...l[7]||(l[7]=[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",Z,[e.withDirectives((e.openBlock(),e.createBlock(se,e.mergeProps({data:h.value,"element-loading-text":t.loadingText,"element-loading-background":t.loadingBackground,onSelectionChange:re},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,s=>(e.openBlock(),e.createBlock(C,e.mergeProps({key:s.prop,prop:s.prop,label:s.label,width:s.width,sortable:s.sortable||!1},{ref_for:!0},s.attrs),e.createSlots({header:e.withCtx(()=>[s.headerTooltip?(e.openBlock(),e.createBlock(Q,{key:0,label:s.label,placement:s.placement},null,8,["label","placement"])):(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(s.label),1))]),_:2},[s.slot?{name:"default",fn:e.withCtx(E=>[e.renderSlot(o.$slots,s.slot,{row:E.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(s=>[s.row?(e.openBlock(),e.createElementBlock("div",K,[o.$slots.actions?e.renderSlot(o.$slots,"actions",{key:0,row:s.row},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(o.$slots,"action-before-edit",{row:s.row},void 0,!0),t.showEditButton?(e.openBlock(),e.createBlock(n,{key:0,size:"small",type:"primary",link:"",onClick:E=>x("edit",s.row)},{default:e.withCtx(()=>[...l[8]||(l[8]=[e.createTextVNode("编辑 ",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("",!0),t.showDeleteButton?(e.openBlock(),e.createBlock(U,{key:1,title:"确定要删除这条数据吗?",onConfirm:E=>A([s.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[9]||(l[9]=[e.createTextVNode("删除",-1)])]),_:1})]),_:1},8,["onConfirm"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"action-after-delete",{row:s.row},void 0,!0)],64))])):e.createCommentVNode("",!0)]),_:3},8,["width"])):e.createCommentVNode("",!0)]),_:3},16,["data","element-loading-text","element-loading-background"])),[[fe,r.value]])]),t.showPagination&&y.value>0?(e.openBlock(),e.createElementBlock("div",X,[e.createVNode(de,{"current-page":p.pageNum,"onUpdate:currentPage":l[1]||(l[1]=s=>p.pageNum=s),"page-size":p.pageSize,"onUpdate:pageSize":l[2]||(l[2]=s=>p.pageSize=s),"page-sizes":t.pageSizes,layout:t.paginationLayout,total:y.value,background:t.paginationBackground,small:t.paginationSmall,"hide-on-single-page":t.paginationHideOnSinglePage,onSizeChange:ae,onCurrentChange:ie},null,8,["current-page","page-size","page-sizes","layout","total","background","small","hide-on-single-page"])])):e.createCommentVNode("",!0),e.createVNode(pe,{modelValue:i.visible,"onUpdate:modelValue":l[4]||(l[4]=s=>i.visible=s),fullscreen:t.dialogFullscreen,title:te.value,width:t.dialogWidth,"destroy-on-close":!0,modal:!t.dialogFullscreen,"custom-class":B.value,style:{display:"flex","flex-direction":"column","max-height":"100vh"}},{footer:e.withCtx(()=>[e.createElementVNode("span",v,[e.createVNode(n,{onClick:l[3]||(l[3]=s=>i.visible=!1)},{default:e.withCtx(()=>[...l[10]||(l[10]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(n,{type:"primary",onClick:ne,loading:i.submitting},{default:e.withCtx(()=>[...l[11]||(l[11]=[e.createTextVNode(" 确定 ",-1)])]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.createElementVNode("div",Y,[o.$slots["dialog-form"]?e.renderSlot(o.$slots,"dialog-form",{key:0,formData:i.data,mode:i.mode,formRef:s=>{i.formRef=s}},void 0,!0):i.loading?(e.openBlock(),e.createBlock(ce,{key:1,rows:5,animated:""})):i.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($,{key:2,ref:s=>{i.formRef=s},"model-value":i.data,"form-config":oe.value,rules:t.dialogFormRules,"label-width":t.dialogFormLabelWidth},null,8,["model-value","form-config","rules","label-width"]))])]),_:3},8,["modelValue","fullscreen","title","width","modal","custom-class"])],2)}}}),[["__scopeId","data-v-cfc138a6"]]);w.CrudTable=ee,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
|