z-crud-table 0.0.46 → 0.0.47
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 +38 -0
- package/dist/z-crud-table.js +207 -186
- package/dist/z-crud-table.umd.cjs +2 -2
- package/package.json +1 -1
|
@@ -57,6 +57,24 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
57
57
|
type: BooleanConstructor;
|
|
58
58
|
default: boolean;
|
|
59
59
|
};
|
|
60
|
+
/**
|
|
61
|
+
* @description [✨ 新增] 单独控制“搜索”按钮的显示
|
|
62
|
+
* 必须在 showSearchActionButtons = true 时才生效
|
|
63
|
+
* @type {Boolean}
|
|
64
|
+
*/
|
|
65
|
+
showSearchButton: {
|
|
66
|
+
type: BooleanConstructor;
|
|
67
|
+
default: boolean;
|
|
68
|
+
};
|
|
69
|
+
/**
|
|
70
|
+
* @description [✨ 新增] 单独控制“清空”按钮的显示
|
|
71
|
+
* 必须在 showSearchActionButtons = true 时才生效
|
|
72
|
+
* @type {Boolean}
|
|
73
|
+
*/
|
|
74
|
+
showClearButton: {
|
|
75
|
+
type: BooleanConstructor;
|
|
76
|
+
default: boolean;
|
|
77
|
+
};
|
|
60
78
|
showNewBtn: {
|
|
61
79
|
type: BooleanConstructor;
|
|
62
80
|
default: boolean;
|
|
@@ -248,6 +266,24 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
248
266
|
type: BooleanConstructor;
|
|
249
267
|
default: boolean;
|
|
250
268
|
};
|
|
269
|
+
/**
|
|
270
|
+
* @description [✨ 新增] 单独控制“搜索”按钮的显示
|
|
271
|
+
* 必须在 showSearchActionButtons = true 时才生效
|
|
272
|
+
* @type {Boolean}
|
|
273
|
+
*/
|
|
274
|
+
showSearchButton: {
|
|
275
|
+
type: BooleanConstructor;
|
|
276
|
+
default: boolean;
|
|
277
|
+
};
|
|
278
|
+
/**
|
|
279
|
+
* @description [✨ 新增] 单独控制“清空”按钮的显示
|
|
280
|
+
* 必须在 showSearchActionButtons = true 时才生效
|
|
281
|
+
* @type {Boolean}
|
|
282
|
+
*/
|
|
283
|
+
showClearButton: {
|
|
284
|
+
type: BooleanConstructor;
|
|
285
|
+
default: boolean;
|
|
286
|
+
};
|
|
251
287
|
showNewBtn: {
|
|
252
288
|
type: BooleanConstructor;
|
|
253
289
|
default: boolean;
|
|
@@ -383,6 +419,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
383
419
|
loadingBackground: string;
|
|
384
420
|
showSearchSection: boolean;
|
|
385
421
|
showSearchActionButtons: boolean;
|
|
422
|
+
showSearchButton: boolean;
|
|
423
|
+
showClearButton: boolean;
|
|
386
424
|
showNewBtn: boolean;
|
|
387
425
|
columns: any[];
|
|
388
426
|
showSelectionColumn: boolean;
|
package/dist/z-crud-table.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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 q, createElementBlock 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-2e055325]{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;min-height:0;overflow:hidden}.search-section-wrapper[data-v-2e055325]{flex-shrink:0}.table-content-wrapper[data-v-2e055325]{flex:1;min-height:0;overflow:hidden}.pagination-wrapper[data-v-2e055325]{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 q, createElementBlock as b, openBlock as r, createElementVNode as S, ref as x, resolveComponent as y, createBlock as f, mergeProps as A, withCtx as p, Fragment as T, renderList as j, createCommentVNode as g, createTextVNode as D, toDisplayString as N, getCurrentScope as fe, onScopeDispose as ce, computed as R, toValue as te, watch as me, shallowRef as ge, getCurrentInstance as ye, onMounted as M, reactive as Y, resolveDirective as ve, normalizeClass as he, renderSlot as w, createVNode as C, withDirectives as we, createSlots as be, unref as _e } from "vue";
|
|
3
3
|
import { ElMessage as P, ElMessageBox as ke } from "element-plus";
|
|
4
4
|
import Se from "axios";
|
|
5
5
|
/*! Element Plus Icons Vue v2.3.2 */
|
|
@@ -7,17 +7,17 @@ var Ce = /* @__PURE__ */ q({
|
|
|
7
7
|
name: "ArrowLeftBold",
|
|
8
8
|
__name: "arrow-left-bold",
|
|
9
9
|
setup(u) {
|
|
10
|
-
return (s,
|
|
10
|
+
return (s, v) => (r(), b("svg", {
|
|
11
11
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12
12
|
viewBox: "0 0 1024 1024"
|
|
13
13
|
}, [
|
|
14
|
-
|
|
14
|
+
S("path", {
|
|
15
15
|
fill: "currentColor",
|
|
16
16
|
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"
|
|
17
17
|
})
|
|
18
18
|
]));
|
|
19
19
|
}
|
|
20
|
-
}),
|
|
20
|
+
}), Be = Ce;
|
|
21
21
|
const Z = /* @__PURE__ */ q({
|
|
22
22
|
__name: "DynamicForm",
|
|
23
23
|
props: {
|
|
@@ -26,75 +26,75 @@ const Z = /* @__PURE__ */ q({
|
|
|
26
26
|
rules: {}
|
|
27
27
|
},
|
|
28
28
|
setup(u, { expose: s }) {
|
|
29
|
-
const
|
|
29
|
+
const v = x(null);
|
|
30
30
|
return s({
|
|
31
31
|
validate: () => {
|
|
32
32
|
var d;
|
|
33
|
-
return (d =
|
|
33
|
+
return (d = v.value) == null ? void 0 : d.validate();
|
|
34
34
|
}
|
|
35
35
|
}), (d, e) => {
|
|
36
|
-
const
|
|
37
|
-
return
|
|
36
|
+
const _ = y("el-input"), U = y("el-option"), B = y("el-select"), z = y("el-radio"), c = y("el-radio-group"), F = y("el-form-item"), k = y("el-form");
|
|
37
|
+
return r(), f(k, A({
|
|
38
38
|
model: d.modelValue,
|
|
39
39
|
rules: d.rules,
|
|
40
40
|
ref_key: "formRef",
|
|
41
|
-
ref:
|
|
41
|
+
ref: v
|
|
42
42
|
}, d.$attrs), {
|
|
43
43
|
default: p(() => [
|
|
44
|
-
(
|
|
44
|
+
(r(!0), b(T, null, j(d.formConfig, (i) => (r(), f(F, {
|
|
45
45
|
key: i.prop,
|
|
46
46
|
label: i.label,
|
|
47
47
|
prop: i.prop
|
|
48
48
|
}, {
|
|
49
49
|
default: p(() => [
|
|
50
|
-
i.type === "input" ? (
|
|
50
|
+
i.type === "input" ? (r(), f(_, A({
|
|
51
51
|
key: 0,
|
|
52
52
|
modelValue: d.modelValue[i.prop],
|
|
53
53
|
"onUpdate:modelValue": (m) => d.modelValue[i.prop] = m
|
|
54
|
-
}, { ref_for: !0 }, i.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) :
|
|
55
|
-
i.type === "textarea" ? (
|
|
54
|
+
}, { ref_for: !0 }, i.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : g("", !0),
|
|
55
|
+
i.type === "textarea" ? (r(), f(_, A({
|
|
56
56
|
key: 1,
|
|
57
57
|
type: "textarea",
|
|
58
58
|
modelValue: d.modelValue[i.prop],
|
|
59
59
|
"onUpdate:modelValue": (m) => d.modelValue[i.prop] = m
|
|
60
|
-
}, { ref_for: !0 }, i.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) :
|
|
61
|
-
i.type === "select" ? (
|
|
60
|
+
}, { ref_for: !0 }, i.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : g("", !0),
|
|
61
|
+
i.type === "select" ? (r(), f(B, A({
|
|
62
62
|
key: 2,
|
|
63
63
|
modelValue: d.modelValue[i.prop],
|
|
64
64
|
"onUpdate:modelValue": (m) => d.modelValue[i.prop] = m
|
|
65
65
|
}, { ref_for: !0 }, i.componentProps), {
|
|
66
66
|
default: p(() => [
|
|
67
|
-
(
|
|
67
|
+
(r(!0), b(T, null, j(i.options, (m) => (r(), f(U, {
|
|
68
68
|
key: m.value,
|
|
69
69
|
label: m.label,
|
|
70
70
|
value: m.value
|
|
71
71
|
}, null, 8, ["label", "value"]))), 128))
|
|
72
72
|
]),
|
|
73
73
|
_: 2
|
|
74
|
-
}, 1040, ["modelValue", "onUpdate:modelValue"])) :
|
|
75
|
-
i.type === "radio-group" ? (
|
|
74
|
+
}, 1040, ["modelValue", "onUpdate:modelValue"])) : g("", !0),
|
|
75
|
+
i.type === "radio-group" ? (r(), f(c, A({
|
|
76
76
|
key: 3,
|
|
77
77
|
modelValue: d.modelValue[i.prop],
|
|
78
78
|
"onUpdate:modelValue": (m) => d.modelValue[i.prop] = m
|
|
79
79
|
}, { ref_for: !0 }, i.componentProps), {
|
|
80
80
|
default: p(() => [
|
|
81
|
-
(
|
|
81
|
+
(r(!0), b(T, null, j(i.options, (m) => (r(), f(z, {
|
|
82
82
|
key: m.value,
|
|
83
83
|
label: m.value
|
|
84
84
|
}, {
|
|
85
85
|
default: p(() => [
|
|
86
|
-
|
|
86
|
+
D(N(m.label), 1)
|
|
87
87
|
]),
|
|
88
88
|
_: 2
|
|
89
89
|
}, 1032, ["label"]))), 128))
|
|
90
90
|
]),
|
|
91
91
|
_: 2
|
|
92
|
-
}, 1040, ["modelValue", "onUpdate:modelValue"])) :
|
|
93
|
-
i.type === "input-disabled" ? (
|
|
92
|
+
}, 1040, ["modelValue", "onUpdate:modelValue"])) : g("", !0),
|
|
93
|
+
i.type === "input-disabled" ? (r(), f(_, A({
|
|
94
94
|
key: 4,
|
|
95
95
|
"model-value": d.modelValue[i.prop],
|
|
96
96
|
disabled: ""
|
|
97
|
-
}, { ref_for: !0 }, i.componentProps), null, 16, ["model-value"])) :
|
|
97
|
+
}, { ref_for: !0 }, i.componentProps), null, 16, ["model-value"])) : g("", !0)
|
|
98
98
|
]),
|
|
99
99
|
_: 2
|
|
100
100
|
}, 1032, ["label", "prop"]))), 128))
|
|
@@ -147,19 +147,19 @@ $.interceptors.response.use(
|
|
|
147
147
|
duration: 5 * 1e3
|
|
148
148
|
}), Promise.reject(u))
|
|
149
149
|
);
|
|
150
|
-
function
|
|
150
|
+
function Fe(u) {
|
|
151
151
|
return fe() ? (ce(u), !0) : !1;
|
|
152
152
|
}
|
|
153
|
-
const
|
|
153
|
+
const De = typeof window < "u" && typeof document < "u";
|
|
154
154
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
155
|
-
const
|
|
155
|
+
const Ue = De ? window : void 0;
|
|
156
156
|
function ee(u) {
|
|
157
157
|
var s;
|
|
158
|
-
const
|
|
159
|
-
return (s =
|
|
158
|
+
const v = te(u);
|
|
159
|
+
return (s = v == null ? void 0 : v.$el) != null ? s : v;
|
|
160
160
|
}
|
|
161
161
|
// @__NO_SIDE_EFFECTS__
|
|
162
|
-
function
|
|
162
|
+
function Ve() {
|
|
163
163
|
const u = ge(!1), s = ye();
|
|
164
164
|
return s && M(() => {
|
|
165
165
|
u.value = !0;
|
|
@@ -167,33 +167,33 @@ function Fe() {
|
|
|
167
167
|
}
|
|
168
168
|
// @__NO_SIDE_EFFECTS__
|
|
169
169
|
function Ae(u) {
|
|
170
|
-
const s = /* @__PURE__ */
|
|
170
|
+
const s = /* @__PURE__ */ Ve();
|
|
171
171
|
return R(() => (s.value, !!u()));
|
|
172
172
|
}
|
|
173
|
-
function $e(u, s,
|
|
174
|
-
const { window: d =
|
|
175
|
-
let
|
|
176
|
-
const
|
|
177
|
-
|
|
173
|
+
function $e(u, s, v = {}) {
|
|
174
|
+
const { window: d = Ue, ...e } = v;
|
|
175
|
+
let _;
|
|
176
|
+
const U = /* @__PURE__ */ Ae(() => d && "ResizeObserver" in d), B = () => {
|
|
177
|
+
_ && (_.disconnect(), _ = void 0);
|
|
178
178
|
}, z = R(() => {
|
|
179
|
-
const
|
|
180
|
-
return Array.isArray(
|
|
179
|
+
const k = te(u);
|
|
180
|
+
return Array.isArray(k) ? k.map((i) => ee(i)) : [ee(k)];
|
|
181
181
|
}), c = me(
|
|
182
182
|
z,
|
|
183
|
-
(
|
|
184
|
-
if (
|
|
185
|
-
|
|
186
|
-
for (const i of
|
|
187
|
-
i &&
|
|
183
|
+
(k) => {
|
|
184
|
+
if (B(), U.value && d) {
|
|
185
|
+
_ = new ResizeObserver(s);
|
|
186
|
+
for (const i of k)
|
|
187
|
+
i && _.observe(i, e);
|
|
188
188
|
}
|
|
189
189
|
},
|
|
190
190
|
{ immediate: !0, flush: "post" }
|
|
191
|
-
),
|
|
192
|
-
|
|
191
|
+
), F = () => {
|
|
192
|
+
B(), c();
|
|
193
193
|
};
|
|
194
|
-
return
|
|
195
|
-
isSupported:
|
|
196
|
-
stop:
|
|
194
|
+
return Fe(F), {
|
|
195
|
+
isSupported: U,
|
|
196
|
+
stop: F
|
|
197
197
|
};
|
|
198
198
|
}
|
|
199
199
|
const xe = /* @__PURE__ */ q({
|
|
@@ -203,29 +203,29 @@ const xe = /* @__PURE__ */ q({
|
|
|
203
203
|
placement: {}
|
|
204
204
|
},
|
|
205
205
|
setup(u) {
|
|
206
|
-
const s = x(null),
|
|
207
|
-
s.value && (
|
|
206
|
+
const s = x(null), v = x(!1), d = () => {
|
|
207
|
+
s.value && (v.value = s.value.scrollWidth > s.value.clientWidth);
|
|
208
208
|
};
|
|
209
209
|
return M(() => {
|
|
210
210
|
d();
|
|
211
211
|
}), $e(s, () => {
|
|
212
212
|
d();
|
|
213
|
-
}), (e,
|
|
214
|
-
const
|
|
215
|
-
return
|
|
213
|
+
}), (e, _) => {
|
|
214
|
+
const U = y("el-tooltip");
|
|
215
|
+
return v.value ? (r(), f(U, {
|
|
216
216
|
key: 1,
|
|
217
217
|
content: e.label,
|
|
218
218
|
placement: e.placement || "top"
|
|
219
219
|
}, {
|
|
220
220
|
default: p(() => [
|
|
221
|
-
|
|
221
|
+
S("span", {
|
|
222
222
|
ref_key: "textRef",
|
|
223
223
|
ref: s,
|
|
224
224
|
class: "header-cell-content"
|
|
225
225
|
}, N(e.label), 513)
|
|
226
226
|
]),
|
|
227
227
|
_: 1
|
|
228
|
-
}, 8, ["content", "placement"])) : (
|
|
228
|
+
}, 8, ["content", "placement"])) : (r(), b("span", {
|
|
229
229
|
key: 0,
|
|
230
230
|
ref_key: "textRef",
|
|
231
231
|
ref: s,
|
|
@@ -234,10 +234,10 @@ const xe = /* @__PURE__ */ q({
|
|
|
234
234
|
};
|
|
235
235
|
}
|
|
236
236
|
}), oe = (u, s) => {
|
|
237
|
-
const
|
|
237
|
+
const v = u.__vccOpts || u;
|
|
238
238
|
for (const [d, e] of s)
|
|
239
|
-
|
|
240
|
-
return
|
|
239
|
+
v[d] = e;
|
|
240
|
+
return v;
|
|
241
241
|
}, ze = /* @__PURE__ */ oe(xe, [["__scopeId", "data-v-d23c8660"]]), Oe = {
|
|
242
242
|
key: 0,
|
|
243
243
|
class: "search-section-wrapper"
|
|
@@ -284,6 +284,18 @@ const xe = /* @__PURE__ */ q({
|
|
|
284
284
|
showSearchSection: { type: Boolean, default: !0 },
|
|
285
285
|
// ✨ [新增] 控制搜索/清空按钮的显示
|
|
286
286
|
showSearchActionButtons: { type: Boolean, default: !0 },
|
|
287
|
+
/**
|
|
288
|
+
* @description [✨ 新增] 单独控制“搜索”按钮的显示
|
|
289
|
+
* 必须在 showSearchActionButtons = true 时才生效
|
|
290
|
+
* @type {Boolean}
|
|
291
|
+
*/
|
|
292
|
+
showSearchButton: { type: Boolean, default: !0 },
|
|
293
|
+
/**
|
|
294
|
+
* @description [✨ 新增] 单独控制“清空”按钮的显示
|
|
295
|
+
* 必须在 showSearchActionButtons = true 时才生效
|
|
296
|
+
* @type {Boolean}
|
|
297
|
+
*/
|
|
298
|
+
showClearButton: { type: Boolean, default: !0 },
|
|
287
299
|
// 控制新增按钮
|
|
288
300
|
showNewBtn: { type: Boolean, default: !0 },
|
|
289
301
|
// 表格列定义,通过配置数组动态渲染,比 slot 更灵活。
|
|
@@ -346,50 +358,50 @@ const xe = /* @__PURE__ */ q({
|
|
|
346
358
|
dialogFullscreen: { type: Boolean, default: !1 }
|
|
347
359
|
},
|
|
348
360
|
emits: ["open-dialog", "submit", "delete"],
|
|
349
|
-
setup(u, { expose: s, emit:
|
|
350
|
-
const d =
|
|
361
|
+
setup(u, { expose: s, emit: v }) {
|
|
362
|
+
const d = v, e = u, _ = R(() => ["crud-table-wrapper", `theme-${e.theme}`, e.customClass]), U = R(() => e.theme === "large-screen" ? "large-screen-dialog" : ""), B = (o, t) => o ? !0 : (P.error(`${t} prop is required.`), !1), z = async (o, t) => {
|
|
351
363
|
try {
|
|
352
|
-
let
|
|
353
|
-
e.onBeforeSubmit && (
|
|
354
|
-
let
|
|
364
|
+
let n = { ...t };
|
|
365
|
+
e.onBeforeSubmit && (n = await e.onBeforeSubmit(n, o));
|
|
366
|
+
let h = n;
|
|
355
367
|
if (e.submitAsFormData) {
|
|
356
368
|
const E = new FormData();
|
|
357
|
-
for (const
|
|
358
|
-
if (Object.prototype.hasOwnProperty.call(
|
|
359
|
-
const Q =
|
|
360
|
-
E.append(
|
|
369
|
+
for (const V in n)
|
|
370
|
+
if (Object.prototype.hasOwnProperty.call(n, V)) {
|
|
371
|
+
const Q = n[V];
|
|
372
|
+
E.append(V, Q ?? "");
|
|
361
373
|
}
|
|
362
|
-
|
|
374
|
+
h = E;
|
|
363
375
|
}
|
|
364
376
|
if (l.submitting = !0, o === "add") {
|
|
365
|
-
if (!
|
|
366
|
-
await $.post(e.apiUrlCreate,
|
|
377
|
+
if (!B(e.apiUrlCreate, "apiUrlCreate")) throw new Error("apiUrlCreate is not configured.");
|
|
378
|
+
await $.post(e.apiUrlCreate, h), P.success("新增成功");
|
|
367
379
|
} else {
|
|
368
|
-
if (!
|
|
369
|
-
await $.put(e.apiUrlUpdate,
|
|
380
|
+
if (!B(e.apiUrlUpdate, "apiUrlUpdate")) throw new Error("apiUrlUpdate is not configured.");
|
|
381
|
+
await $.put(e.apiUrlUpdate, h), P.success("更新成功");
|
|
370
382
|
}
|
|
371
|
-
return e.onAfterSubmit && e.onAfterSubmit(o,
|
|
372
|
-
} catch (
|
|
373
|
-
return console.error("Submit failed:",
|
|
383
|
+
return e.onAfterSubmit && e.onAfterSubmit(o, n), d("submit", { mode: o, data: n }), l.visible && (l.visible = !1), O(), Promise.resolve();
|
|
384
|
+
} catch (n) {
|
|
385
|
+
return console.error("Submit failed:", n), Promise.reject(n);
|
|
374
386
|
} finally {
|
|
375
387
|
l.submitting = !1;
|
|
376
388
|
}
|
|
377
|
-
}, c = Y({ pageNum: 1, pageSize: 10, ...e.initialSearchForm }),
|
|
389
|
+
}, c = Y({ pageNum: 1, pageSize: 10, ...e.initialSearchForm }), F = x([]), k = x(0), i = x(!1), m = x([]), l = Y({ visible: !1, loading: !1, submitting: !1, mode: "add", data: {}, formRef: null }), H = R(() => l.mode === "add" ? "新增" : "编辑"), G = R(() => {
|
|
378
390
|
if (l.mode === "add") return e.dialogFormConfig.filter((t) => t.prop !== "id");
|
|
379
391
|
const o = [...e.dialogFormConfig.filter((t) => t.prop !== "id")];
|
|
380
392
|
return o.some((t) => t.prop === "id") || o.unshift({ type: "input-disabled", prop: "id", label: "用户ID" }), o;
|
|
381
393
|
}), O = async () => {
|
|
382
|
-
if (
|
|
394
|
+
if (B(e.apiUrlQuery, "apiUrlQuery")) {
|
|
383
395
|
i.value = !0;
|
|
384
396
|
try {
|
|
385
397
|
let o = { ...c };
|
|
386
398
|
e.onBeforeQuery && (o = await e.onBeforeQuery(o));
|
|
387
399
|
const t = await $.get(e.apiUrlQuery, { params: o });
|
|
388
400
|
if (t && t.data && Array.isArray(t.data.rows) && typeof t.data.total == "number") {
|
|
389
|
-
let
|
|
390
|
-
e.onAfterQuery && (
|
|
401
|
+
let n = t.data.rows;
|
|
402
|
+
e.onAfterQuery && (n = await e.onAfterQuery(n, o)), F.value = n, k.value = t.data.total;
|
|
391
403
|
} else
|
|
392
|
-
console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."),
|
|
404
|
+
console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."), F.value = [], k.value = 0;
|
|
393
405
|
} catch (o) {
|
|
394
406
|
console.error("Fetch data failed:", o);
|
|
395
407
|
} finally {
|
|
@@ -399,29 +411,29 @@ const xe = /* @__PURE__ */ q({
|
|
|
399
411
|
}, W = () => {
|
|
400
412
|
c.pageNum = 1, O();
|
|
401
413
|
}, le = () => {
|
|
402
|
-
const { pageNum: o, pageSize: t, ...
|
|
403
|
-
Object.keys(c).forEach((
|
|
404
|
-
|
|
405
|
-
}), Object.assign(c,
|
|
414
|
+
const { pageNum: o, pageSize: t, ...n } = e.initialSearchForm;
|
|
415
|
+
Object.keys(c).forEach((h) => {
|
|
416
|
+
h !== "pageNum" && h !== "pageSize" && delete c[h];
|
|
417
|
+
}), Object.assign(c, n), W();
|
|
406
418
|
}, ae = (o) => {
|
|
407
419
|
m.value = o;
|
|
408
420
|
}, L = async (o, t) => {
|
|
409
|
-
let
|
|
410
|
-
if (o === "add" ?
|
|
411
|
-
const
|
|
412
|
-
|
|
421
|
+
let n;
|
|
422
|
+
if (o === "add" ? n = t ? { ...t } : { role: "user" } : n = { ...t }, e.onBeforeOpenDialog) {
|
|
423
|
+
const h = await e.onBeforeOpenDialog(o, n);
|
|
424
|
+
h && (n = h);
|
|
413
425
|
}
|
|
414
426
|
if (l.mode = o, l.visible = !0, o === "edit") {
|
|
415
|
-
if (!
|
|
427
|
+
if (!B(e.apiUrlDetail, "apiUrlDetail")) return;
|
|
416
428
|
l.loading = !0;
|
|
417
429
|
try {
|
|
418
|
-
const
|
|
419
|
-
l.data =
|
|
430
|
+
const h = await $.get(e.apiUrlDetail + "/" + n.id.toString());
|
|
431
|
+
l.data = h.data.data;
|
|
420
432
|
} finally {
|
|
421
433
|
l.loading = !1, e.onAfterOpenDialog && e.onAfterOpenDialog(o, l.data), d("open-dialog", { mode: o, data: l.data });
|
|
422
434
|
}
|
|
423
435
|
} else
|
|
424
|
-
l.data =
|
|
436
|
+
l.data = n, e.onAfterOpenDialog && e.onAfterOpenDialog(o, l.data), d("open-dialog", { mode: o, data: l.data });
|
|
425
437
|
}, J = async () => {
|
|
426
438
|
try {
|
|
427
439
|
l.formRef ? await l.formRef.validate() : console.warn("Dialog form ref is not available for validation."), await z(l.mode, l.data);
|
|
@@ -429,13 +441,13 @@ const xe = /* @__PURE__ */ q({
|
|
|
429
441
|
console.log("Validation or submit error:", o);
|
|
430
442
|
}
|
|
431
443
|
}, K = async (o) => {
|
|
432
|
-
if (
|
|
444
|
+
if (B(e.apiUrlDelete, "apiUrlDelete"))
|
|
433
445
|
try {
|
|
434
|
-
const t =
|
|
446
|
+
const t = F.value.filter((h) => o.includes(h.id));
|
|
435
447
|
if (e.onBeforeDelete && await e.onBeforeDelete(o, t) === !1)
|
|
436
448
|
return;
|
|
437
|
-
const
|
|
438
|
-
await $.delete(e.apiUrlDelete + "/" +
|
|
449
|
+
const n = o.join(",");
|
|
450
|
+
await $.delete(e.apiUrlDelete + "/" + n.toString()), P.success("删除成功"), e.onAfterDelete && e.onAfterDelete(o, t), d("delete", o), F.value.length === o.length && c.pageNum > 1 && c.pageNum--, O();
|
|
439
451
|
} catch (t) {
|
|
440
452
|
console.error("Delete failed", t);
|
|
441
453
|
}
|
|
@@ -456,43 +468,49 @@ const xe = /* @__PURE__ */ q({
|
|
|
456
468
|
submit: z
|
|
457
469
|
// 手动提交
|
|
458
470
|
}), (o, t) => {
|
|
459
|
-
const
|
|
460
|
-
return
|
|
461
|
-
class:
|
|
471
|
+
const n = y("el-button"), h = y("el-form-item"), E = y("el-form"), V = y("el-table-column"), Q = y("el-popconfirm"), ie = y("el-table"), se = y("el-pagination"), ue = y("el-skeleton"), X = y("el-dialog"), de = y("el-icon"), pe = ve("loading");
|
|
472
|
+
return r(), b("div", {
|
|
473
|
+
class: he([_.value, "crud-table-container"])
|
|
462
474
|
}, [
|
|
463
|
-
e.showSearchSection ? (
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
475
|
+
e.showSearchSection ? (r(), b("div", Oe, [
|
|
476
|
+
w(o.$slots, "header", {}, void 0, !0),
|
|
477
|
+
S("div", Re, [
|
|
478
|
+
C(E, {
|
|
467
479
|
model: c,
|
|
468
480
|
class: "query-form flex flex-nowrap items-center gap-x-4",
|
|
469
481
|
style: { "overflow-x": "auto", "padding-bottom": "8px" }
|
|
470
482
|
}, {
|
|
471
483
|
default: p(() => [
|
|
472
|
-
|
|
473
|
-
|
|
484
|
+
w(o.$slots, "query-conditions", { searchForm: c }, void 0, !0),
|
|
485
|
+
C(h, { class: "!mr-0 flex-shrink-0" }, {
|
|
474
486
|
default: p(() => [
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
e.showSearchActionButtons ? (
|
|
478
|
-
|
|
479
|
-
|
|
487
|
+
S("div", Pe, [
|
|
488
|
+
w(o.$slots, "query-left", { searchForm: c }, void 0, !0),
|
|
489
|
+
e.showSearchActionButtons ? (r(), b(T, { key: 0 }, [
|
|
490
|
+
e.showSearchButton ? (r(), f(n, {
|
|
491
|
+
key: 0,
|
|
492
|
+
color: "#336FFF",
|
|
480
493
|
onClick: W,
|
|
481
494
|
loading: i.value
|
|
482
495
|
}, {
|
|
483
496
|
default: p(() => [...t[8] || (t[8] = [
|
|
484
|
-
|
|
497
|
+
D("搜索", -1)
|
|
485
498
|
])]),
|
|
486
499
|
_: 1
|
|
487
|
-
}, 8, ["loading"]),
|
|
488
|
-
|
|
500
|
+
}, 8, ["loading"])) : g("", !0),
|
|
501
|
+
e.showClearButton ? (r(), f(n, {
|
|
502
|
+
key: 1,
|
|
503
|
+
color: "#336FFF",
|
|
504
|
+
plain: "",
|
|
505
|
+
onClick: le
|
|
506
|
+
}, {
|
|
489
507
|
default: p(() => [...t[9] || (t[9] = [
|
|
490
|
-
|
|
508
|
+
D("清空", -1)
|
|
491
509
|
])]),
|
|
492
510
|
_: 1
|
|
493
|
-
})
|
|
494
|
-
], 64)) :
|
|
495
|
-
|
|
511
|
+
})) : g("", !0)
|
|
512
|
+
], 64)) : g("", !0),
|
|
513
|
+
w(o.$slots, "query-right", { searchForm: c }, void 0, !0)
|
|
496
514
|
])
|
|
497
515
|
]),
|
|
498
516
|
_: 3
|
|
@@ -500,27 +518,27 @@ const xe = /* @__PURE__ */ q({
|
|
|
500
518
|
]),
|
|
501
519
|
_: 3
|
|
502
520
|
}, 8, ["model"]),
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
e.showNewBtn ? (
|
|
521
|
+
S("div", Te, [
|
|
522
|
+
w(o.$slots, "action-left", { selections: m.value }, void 0, !0),
|
|
523
|
+
w(o.$slots, "add-button-content", { selections: m.value }, () => [
|
|
524
|
+
e.showNewBtn ? (r(), f(n, {
|
|
507
525
|
key: 0,
|
|
508
|
-
|
|
526
|
+
color: "#336FFF",
|
|
509
527
|
onClick: t[0] || (t[0] = (a) => L("add"))
|
|
510
528
|
}, {
|
|
511
529
|
default: p(() => [...t[10] || (t[10] = [
|
|
512
|
-
|
|
530
|
+
D("新增", -1)
|
|
513
531
|
])]),
|
|
514
532
|
_: 1
|
|
515
|
-
})) :
|
|
533
|
+
})) : g("", !0)
|
|
516
534
|
], !0),
|
|
517
|
-
|
|
535
|
+
w(o.$slots, "action-right", { selections: m.value }, void 0, !0)
|
|
518
536
|
])
|
|
519
537
|
])
|
|
520
|
-
])) :
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
data:
|
|
538
|
+
])) : g("", !0),
|
|
539
|
+
S("div", Ne, [
|
|
540
|
+
we((r(), f(ie, A({
|
|
541
|
+
data: F.value,
|
|
524
542
|
"element-loading-text": e.loadingText,
|
|
525
543
|
"element-loading-background": e.loadingBackground,
|
|
526
544
|
onSelectionChange: ae
|
|
@@ -529,60 +547,60 @@ const xe = /* @__PURE__ */ q({
|
|
|
529
547
|
style: { width: "100%" }
|
|
530
548
|
}), {
|
|
531
549
|
default: p(() => [
|
|
532
|
-
e.showSelectionColumn ? (
|
|
550
|
+
e.showSelectionColumn ? (r(), f(V, {
|
|
533
551
|
key: 0,
|
|
534
552
|
type: "selection",
|
|
535
553
|
width: "55",
|
|
536
554
|
fixed: ""
|
|
537
|
-
})) :
|
|
538
|
-
e.showIndexColumn ? (
|
|
555
|
+
})) : g("", !0),
|
|
556
|
+
e.showIndexColumn ? (r(), f(V, {
|
|
539
557
|
key: 1,
|
|
540
558
|
type: "index",
|
|
541
559
|
label: "序号",
|
|
542
560
|
width: "70",
|
|
543
561
|
fixed: ""
|
|
544
|
-
})) :
|
|
545
|
-
(
|
|
562
|
+
})) : g("", !0),
|
|
563
|
+
(r(!0), b(T, null, j(e.columns, (a) => (r(), f(V, A({
|
|
546
564
|
key: a.prop,
|
|
547
565
|
prop: a.prop,
|
|
548
566
|
label: a.label,
|
|
549
567
|
width: a.width,
|
|
550
568
|
sortable: a.sortable || !1
|
|
551
|
-
}, { ref_for: !0 }, a.attrs),
|
|
569
|
+
}, { ref_for: !0 }, a.attrs), be({
|
|
552
570
|
header: p(() => [
|
|
553
|
-
a.headerTooltip ? (
|
|
571
|
+
a.headerTooltip ? (r(), f(ze, {
|
|
554
572
|
key: 0,
|
|
555
573
|
label: a.label,
|
|
556
574
|
placement: a.placement
|
|
557
|
-
}, null, 8, ["label", "placement"])) : (
|
|
575
|
+
}, null, 8, ["label", "placement"])) : (r(), b("span", We, N(a.label), 1))
|
|
558
576
|
]),
|
|
559
577
|
_: 2
|
|
560
578
|
}, [
|
|
561
579
|
a.slot ? {
|
|
562
580
|
name: "default",
|
|
563
581
|
fn: p((I) => [
|
|
564
|
-
|
|
582
|
+
w(o.$slots, a.slot, {
|
|
565
583
|
row: I.row
|
|
566
584
|
}, void 0, !0)
|
|
567
585
|
]),
|
|
568
586
|
key: "0"
|
|
569
587
|
} : void 0
|
|
570
588
|
]), 1040, ["prop", "label", "width", "sortable"]))), 128)),
|
|
571
|
-
e.showActionsColumn ? (
|
|
589
|
+
e.showActionsColumn ? (r(), f(V, {
|
|
572
590
|
key: 2,
|
|
573
591
|
label: "操作",
|
|
574
592
|
width: u.actionsColumnWidth
|
|
575
593
|
}, {
|
|
576
594
|
default: p((a) => [
|
|
577
|
-
a.row ? (
|
|
578
|
-
o.$slots.actions ?
|
|
595
|
+
a.row ? (r(), b("div", Ee, [
|
|
596
|
+
o.$slots.actions ? w(o.$slots, "actions", {
|
|
579
597
|
key: 0,
|
|
580
598
|
row: a.row
|
|
581
|
-
}, void 0, !0) : (
|
|
582
|
-
|
|
599
|
+
}, void 0, !0) : (r(), b(T, { key: 1 }, [
|
|
600
|
+
w(o.$slots, "action-before-edit", {
|
|
583
601
|
row: a.row
|
|
584
602
|
}, void 0, !0),
|
|
585
|
-
e.showEditButton ? (
|
|
603
|
+
e.showEditButton ? (r(), f(n, {
|
|
586
604
|
key: 0,
|
|
587
605
|
size: "small",
|
|
588
606
|
type: "primary",
|
|
@@ -590,11 +608,11 @@ const xe = /* @__PURE__ */ q({
|
|
|
590
608
|
onClick: (I) => L("edit", a.row)
|
|
591
609
|
}, {
|
|
592
610
|
default: p(() => [...t[11] || (t[11] = [
|
|
593
|
-
|
|
611
|
+
D("编辑 ", -1)
|
|
594
612
|
])]),
|
|
595
613
|
_: 1
|
|
596
|
-
}, 8, ["onClick"])) :
|
|
597
|
-
e.showDeleteButton ? (
|
|
614
|
+
}, 8, ["onClick"])) : g("", !0),
|
|
615
|
+
e.showDeleteButton ? (r(), f(Q, {
|
|
598
616
|
key: 1,
|
|
599
617
|
title: "确定要删除这条数据吗?",
|
|
600
618
|
onConfirm: (I) => K([a.row.id]),
|
|
@@ -603,50 +621,50 @@ const xe = /* @__PURE__ */ q({
|
|
|
603
621
|
width: "200"
|
|
604
622
|
}, {
|
|
605
623
|
reference: p(() => [
|
|
606
|
-
|
|
624
|
+
C(n, {
|
|
607
625
|
size: "small",
|
|
608
626
|
type: "danger",
|
|
609
627
|
link: ""
|
|
610
628
|
}, {
|
|
611
629
|
default: p(() => [...t[12] || (t[12] = [
|
|
612
|
-
|
|
630
|
+
D("删除", -1)
|
|
613
631
|
])]),
|
|
614
632
|
_: 1
|
|
615
633
|
})
|
|
616
634
|
]),
|
|
617
635
|
_: 1
|
|
618
|
-
}, 8, ["onConfirm"])) :
|
|
619
|
-
|
|
636
|
+
}, 8, ["onConfirm"])) : g("", !0),
|
|
637
|
+
w(o.$slots, "action-after-delete", {
|
|
620
638
|
row: a.row
|
|
621
639
|
}, void 0, !0)
|
|
622
640
|
], 64))
|
|
623
|
-
])) :
|
|
641
|
+
])) : g("", !0)
|
|
624
642
|
]),
|
|
625
643
|
_: 3
|
|
626
|
-
}, 8, ["width"])) :
|
|
644
|
+
}, 8, ["width"])) : g("", !0)
|
|
627
645
|
]),
|
|
628
646
|
_: 3
|
|
629
647
|
}, 16, ["data", "element-loading-text", "element-loading-background"])), [
|
|
630
648
|
[pe, i.value]
|
|
631
649
|
])
|
|
632
650
|
]),
|
|
633
|
-
e.showPagination &&
|
|
634
|
-
|
|
651
|
+
e.showPagination && k.value > 0 ? (r(), b("div", je, [
|
|
652
|
+
C(se, {
|
|
635
653
|
"current-page": c.pageNum,
|
|
636
654
|
"onUpdate:currentPage": t[1] || (t[1] = (a) => c.pageNum = a),
|
|
637
655
|
"page-size": c.pageSize,
|
|
638
656
|
"onUpdate:pageSize": t[2] || (t[2] = (a) => c.pageSize = a),
|
|
639
657
|
"page-sizes": e.pageSizes,
|
|
640
658
|
layout: e.paginationLayout,
|
|
641
|
-
total:
|
|
659
|
+
total: k.value,
|
|
642
660
|
background: e.paginationBackground,
|
|
643
661
|
small: e.paginationSmall,
|
|
644
662
|
"hide-on-single-page": e.paginationHideOnSinglePage,
|
|
645
663
|
onSizeChange: re,
|
|
646
664
|
onCurrentChange: ne
|
|
647
665
|
}, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total", "background", "small", "hide-on-single-page"])
|
|
648
|
-
])) :
|
|
649
|
-
e.dialogFullscreen ? (
|
|
666
|
+
])) : g("", !0),
|
|
667
|
+
e.dialogFullscreen ? (r(), f(X, {
|
|
650
668
|
key: 3,
|
|
651
669
|
modelValue: l.visible,
|
|
652
670
|
"onUpdate:modelValue": t[7] || (t[7] = (a) => l.visible = a),
|
|
@@ -654,63 +672,65 @@ const xe = /* @__PURE__ */ q({
|
|
|
654
672
|
width: e.dialogWidth,
|
|
655
673
|
"destroy-on-close": !0,
|
|
656
674
|
modal: !e.dialogFullscreen,
|
|
657
|
-
"custom-class":
|
|
675
|
+
"custom-class": U.value,
|
|
658
676
|
"show-close": !1,
|
|
659
677
|
style: { display: "flex", "flex-direction": "column", "max-height": "100vh" }
|
|
660
678
|
}, {
|
|
661
679
|
header: p(() => [
|
|
662
|
-
|
|
663
|
-
|
|
680
|
+
S("div", Qe, [
|
|
681
|
+
C(n, {
|
|
664
682
|
type: "info",
|
|
665
683
|
text: "",
|
|
666
684
|
onClick: t[5] || (t[5] = (a) => l.visible = !1),
|
|
667
685
|
style: { "margin-right": "12px" }
|
|
668
686
|
}, {
|
|
669
687
|
default: p(() => [
|
|
670
|
-
|
|
688
|
+
C(de, { size: "20" }, {
|
|
671
689
|
default: p(() => [
|
|
672
|
-
|
|
690
|
+
C(_e(Be))
|
|
673
691
|
]),
|
|
674
692
|
_: 1
|
|
675
693
|
})
|
|
676
694
|
]),
|
|
677
695
|
_: 1
|
|
678
696
|
}),
|
|
679
|
-
|
|
697
|
+
S("span", Ie, N(H.value), 1)
|
|
680
698
|
])
|
|
681
699
|
]),
|
|
682
700
|
footer: p(() => [
|
|
683
|
-
|
|
684
|
-
|
|
701
|
+
S("span", He, [
|
|
702
|
+
C(n, {
|
|
703
|
+
color: "#336FFF",
|
|
704
|
+
plain: "",
|
|
685
705
|
onClick: t[6] || (t[6] = (a) => l.visible = !1)
|
|
686
706
|
}, {
|
|
687
707
|
default: p(() => [...t[15] || (t[15] = [
|
|
688
|
-
|
|
708
|
+
D("取消", -1)
|
|
689
709
|
])]),
|
|
690
710
|
_: 1
|
|
691
711
|
}),
|
|
692
|
-
|
|
693
|
-
|
|
712
|
+
C(n, {
|
|
713
|
+
color: "#336FFF",
|
|
694
714
|
onClick: J,
|
|
695
715
|
loading: l.submitting
|
|
696
716
|
}, {
|
|
697
717
|
default: p(() => [...t[16] || (t[16] = [
|
|
698
|
-
|
|
718
|
+
D(" 确定 ", -1)
|
|
699
719
|
])]),
|
|
700
720
|
_: 1
|
|
701
721
|
}, 8, ["loading"])
|
|
702
722
|
])
|
|
703
723
|
]),
|
|
704
724
|
default: p(() => [
|
|
705
|
-
|
|
706
|
-
o.$slots["dialog-form"] ?
|
|
725
|
+
S("div", Me, [
|
|
726
|
+
o.$slots["dialog-form"] ? w(o.$slots, "dialog-form", {
|
|
707
727
|
key: 0,
|
|
708
728
|
formData: l.data,
|
|
709
729
|
mode: l.mode,
|
|
710
730
|
formRef: (a) => {
|
|
711
731
|
l.formRef = a;
|
|
712
732
|
}
|
|
713
|
-
}, void 0, !0) : l.loading ?
|
|
733
|
+
}, void 0, !0) : l.loading ? g("", !0) : (r(), f(Z, {
|
|
714
734
|
key: 1,
|
|
715
735
|
ref: (a) => {
|
|
716
736
|
l.formRef = a;
|
|
@@ -723,52 +743,53 @@ const xe = /* @__PURE__ */ q({
|
|
|
723
743
|
])
|
|
724
744
|
]),
|
|
725
745
|
_: 3
|
|
726
|
-
}, 8, ["modelValue", "width", "modal", "custom-class"])) : (
|
|
746
|
+
}, 8, ["modelValue", "width", "modal", "custom-class"])) : (r(), f(X, {
|
|
727
747
|
key: 2,
|
|
728
748
|
modelValue: l.visible,
|
|
729
749
|
"onUpdate:modelValue": t[4] || (t[4] = (a) => l.visible = a),
|
|
730
750
|
title: H.value,
|
|
731
751
|
width: e.dialogWidth,
|
|
732
752
|
"destroy-on-close": !0,
|
|
733
|
-
"custom-class":
|
|
753
|
+
"custom-class": U.value,
|
|
734
754
|
style: { display: "flex", "flex-direction": "column", "max-height": "80vh" }
|
|
735
755
|
}, {
|
|
736
756
|
footer: p(() => [
|
|
737
|
-
|
|
738
|
-
|
|
757
|
+
S("span", Le, [
|
|
758
|
+
C(n, {
|
|
759
|
+
color: "#336FFF",
|
|
739
760
|
onClick: t[3] || (t[3] = (a) => l.visible = !1)
|
|
740
761
|
}, {
|
|
741
762
|
default: p(() => [...t[13] || (t[13] = [
|
|
742
|
-
|
|
763
|
+
D("取消", -1)
|
|
743
764
|
])]),
|
|
744
765
|
_: 1
|
|
745
766
|
}),
|
|
746
|
-
|
|
747
|
-
|
|
767
|
+
C(n, {
|
|
768
|
+
color: "#336FFF",
|
|
748
769
|
onClick: J,
|
|
749
770
|
loading: l.submitting
|
|
750
771
|
}, {
|
|
751
772
|
default: p(() => [...t[14] || (t[14] = [
|
|
752
|
-
|
|
773
|
+
D(" 确定 ", -1)
|
|
753
774
|
])]),
|
|
754
775
|
_: 1
|
|
755
776
|
}, 8, ["loading"])
|
|
756
777
|
])
|
|
757
778
|
]),
|
|
758
779
|
default: p(() => [
|
|
759
|
-
|
|
760
|
-
o.$slots["dialog-form"] ?
|
|
780
|
+
S("div", qe, [
|
|
781
|
+
o.$slots["dialog-form"] ? w(o.$slots, "dialog-form", {
|
|
761
782
|
key: 0,
|
|
762
783
|
formData: l.data,
|
|
763
784
|
mode: l.mode,
|
|
764
785
|
formRef: (a) => {
|
|
765
786
|
l.formRef = a;
|
|
766
787
|
}
|
|
767
|
-
}, void 0, !0) : l.loading ? (
|
|
788
|
+
}, void 0, !0) : l.loading ? (r(), f(ue, {
|
|
768
789
|
key: 1,
|
|
769
790
|
rows: 5,
|
|
770
791
|
animated: ""
|
|
771
|
-
})) : l.loading ?
|
|
792
|
+
})) : l.loading ? g("", !0) : (r(), f(Z, {
|
|
772
793
|
key: 2,
|
|
773
794
|
ref: (a) => {
|
|
774
795
|
l.formRef = a;
|
|
@@ -785,7 +806,7 @@ const xe = /* @__PURE__ */ q({
|
|
|
785
806
|
], 2);
|
|
786
807
|
};
|
|
787
808
|
}
|
|
788
|
-
}), Ye = /* @__PURE__ */ oe(Ge, [["__scopeId", "data-v-
|
|
809
|
+
}), Ye = /* @__PURE__ */ oe(Ge, [["__scopeId", "data-v-2e055325"]]);
|
|
789
810
|
export {
|
|
790
811
|
Ye as CrudTable
|
|
791
812
|
};
|
|
@@ -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,W){"use strict";/*! Element Plus Icons Vue v2.3.2 */var j=e.defineComponent({name:"ArrowLeftBold",__name:"arrow-left-bold",setup(d){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=j;const F=e.defineComponent({__name:"DynamicForm",props:{modelValue:{},formConfig:{},rules:{}},setup(d,{expose:s}){const m=e.ref(null);return s({validate:()=>{var c;return(c=m.value)==null?void 0:c.validate()}}),(c,t)=>{const u=e.resolveComponent("el-input"),C=e.resolveComponent("el-option"),h=e.resolveComponent("el-select"),V=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:c.modelValue,rules:c.rules,ref_key:"formRef",ref:m},c.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.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:c.modelValue[i.prop],"onUpdate:modelValue":f=>c.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:c.modelValue[i.prop],"onUpdate:modelValue":f=>c.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:c.modelValue[i.prop],"onUpdate:modelValue":f=>c.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(C,{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:c.modelValue[i.prop],"onUpdate:modelValue":f=>c.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(V,{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":c.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"])}}}),_=W.create({baseURL:"",timeout:1e4});_.interceptors.request.use(d=>{const s=localStorage.getItem("token");return s&&(d.headers.Authorization="Bearer "+s),d},d=>(console.log(d),Promise.reject(d))),_.interceptors.response.use(d=>{const s=d.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},d=>(console.log("HTTP Error: "+d),b.ElMessage({message:"网络错误,请检查您的网络连接或联系管理员",type:"error",duration:5*1e3}),Promise.reject(d)));function q(d){return e.getCurrentScope()?(e.onScopeDispose(d),!0):!1}const L=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Q=L?window:void 0;function T(d){var s;const m=e.toValue(d);return(s=m==null?void 0:m.$el)!=null?s:m}function I(){const d=e.shallowRef(!1),s=e.getCurrentInstance();return s&&e.onMounted(()=>{d.value=!0},s),d}function H(d){const s=I();return e.computed(()=>(s.value,!!d()))}function G(d,s,m={}){const{window:c=Q,...t}=m;let u;const C=H(()=>c&&"ResizeObserver"in c),h=()=>{u&&(u.disconnect(),u=void 0)},V=e.computed(()=>{const y=e.toValue(d);return Array.isArray(y)?y.map(i=>T(i)):[T(y)]}),p=e.watch(V,y=>{if(h(),C.value&&c){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:C,stop:k}}const Z=e.defineComponent({__name:"TableHeaderWithTooltip",props:{label:{},placement:{}},setup(d){const s=e.ref(null),m=e.ref(!1),c=()=>{s.value&&(m.value=s.value.scrollWidth>s.value.clientWidth)};return e.onMounted(()=>{c()}),G(s,()=>{c()}),(t,u)=>{const C=e.resolveComponent("el-tooltip");return m.value?(e.openBlock(),e.createBlock(C,{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=(d,s)=>{const m=d.__vccOpts||d;for(const[c,t]of s)m[c]=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"},re={style:{"overflow-y":"auto",flex:"1"}},ae={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},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(d,{expose:s,emit:m}){const c=m,t=d,u=e.computed(()=>["crud-table-wrapper",`theme-${t.theme}`,t.customClass]),C=e.computed(()=>t.theme==="large-screen"?"large-screen-dialog":""),h=(l,o)=>l?!0:(b.ElMessage.error(`${o} prop is required.`),!1),V=async(l,o)=>{try{let n={...o};t.onBeforeSubmit&&(n=await t.onBeforeSubmit(n,l));let g=n;if(t.submitAsFormData){const N=new FormData;for(const B in n)if(Object.prototype.hasOwnProperty.call(n,B)){const E=n[B];N.append(B,E??"")}g=N}if(r.submitting=!0,l==="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(l,n),c("submit",{mode:l,data:n}),r.visible&&(r.visible=!1),S(),Promise.resolve()}catch(n){return console.error("Submit failed:",n),Promise.reject(n)}finally{r.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([]),r=e.reactive({visible:!1,loading:!1,submitting:!1,mode:"add",data:{},formRef:null}),$=e.computed(()=>r.mode==="add"?"新增":"编辑"),z=e.computed(()=>{if(r.mode==="add")return t.dialogFormConfig.filter(o=>o.prop!=="id");const l=[...t.dialogFormConfig.filter(o=>o.prop!=="id")];return l.some(o=>o.prop==="id")||l.unshift({type:"input-disabled",prop:"id",label:"用户ID"}),l}),S=async()=>{if(h(t.apiUrlQuery,"apiUrlQuery")){i.value=!0;try{let l={...p};t.onBeforeQuery&&(l=await t.onBeforeQuery(l));const o=await _.get(t.apiUrlQuery,{params:l});if(o&&o.data&&Array.isArray(o.data.rows)&&typeof o.data.total=="number"){let n=o.data.rows;t.onAfterQuery&&(n=await t.onAfterQuery(n,l)),k.value=n,y.value=o.data.total}else console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."),k.value=[],y.value=0}catch(l){console.error("Fetch data failed:",l)}finally{i.value=!1}}},x=()=>{p.pageNum=1,S()},pe=()=>{const{pageNum:l,pageSize:o,...n}=t.initialSearchForm;Object.keys(p).forEach(g=>{g!=="pageNum"&&g!=="pageSize"&&delete p[g]}),Object.assign(p,n),x()},fe=l=>{f.value=l},D=async(l,o)=>{let n;if(l==="add"?n=o?{...o}:{role:"user"}:n={...o},t.onBeforeOpenDialog){const g=await t.onBeforeOpenDialog(l,n);g&&(n=g)}if(r.mode=l,r.visible=!0,l==="edit"){if(!h(t.apiUrlDetail,"apiUrlDetail"))return;r.loading=!0;try{const g=await _.get(t.apiUrlDetail+"/"+n.id.toString());r.data=g.data.data}finally{r.loading=!1,t.onAfterOpenDialog&&t.onAfterOpenDialog(l,r.data),c("open-dialog",{mode:l,data:r.data})}}else r.data=n,t.onAfterOpenDialog&&t.onAfterOpenDialog(l,r.data),c("open-dialog",{mode:l,data:r.data})},O=async()=>{try{r.formRef?await r.formRef.validate():console.warn("Dialog form ref is not available for validation."),await V(r.mode,r.data)}catch(l){console.log("Validation or submit error:",l)}},R=async l=>{if(h(t.apiUrlDelete,"apiUrlDelete"))try{const o=k.value.filter(g=>l.includes(g.id));if(t.onBeforeDelete&&await t.onBeforeDelete(l,o)===!1)return;const n=l.join(",");await _.delete(t.apiUrlDelete+"/"+n.toString()),b.ElMessage.success("删除成功"),t.onAfterDelete&&t.onAfterDelete(l,o),c("delete",l),k.value.length===l.length&&p.pageNum>1&&p.pageNum--,S()}catch(o){console.error("Delete failed",o)}},me=l=>{p.pageSize=l,x()},ge=l=>{p.pageNum=l,S()};return e.onMounted(S),s({refresh:S,search:x,handleDelete:R,openDialog:D,submit:V}),(l,o)=>{const n=e.resolveComponent("el-button"),g=e.resolveComponent("el-form-item"),N=e.resolveComponent("el-form"),B=e.resolveComponent("el-table-column"),E=e.resolveComponent("el-popconfirm"),ue=e.resolveComponent("el-table"),ye=e.resolveComponent("el-pagination"),he=e.resolveComponent("el-skeleton"),P=e.resolveComponent("el-dialog"),ke=e.resolveComponent("el-icon"),we=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(l.$slots,"header",{},void 0,!0),e.createElementVNode("div",X,[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(l.$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(l.$slots,"query-left",{searchForm:p},void 0,!0),t.showSearchActionButtons?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(n,{type:"primary",onClick:x,loading:i.value},{default:e.withCtx(()=>[...o[8]||(o[8]=[e.createTextVNode("搜索",-1)])]),_:1},8,["loading"]),e.createVNode(n,{onClick:pe},{default:e.withCtx(()=>[...o[9]||(o[9]=[e.createTextVNode("清空",-1)])]),_:1})],64)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"query-right",{searchForm:p},void 0,!0)])]),_:3})]),_:3},8,["model"]),e.createElementVNode("div",v,[e.renderSlot(l.$slots,"action-left",{selections:f.value},void 0,!0),e.renderSlot(l.$slots,"add-button-content",{selections:f.value},()=>[t.showNewBtn?(e.openBlock(),e.createBlock(n,{key:0,type:"success",onClick:o[0]||(o[0]=a=>D("add"))},{default:e.withCtx(()=>[...o[10]||(o[10]=[e.createTextVNode("新增",-1)])]),_:1})):e.createCommentVNode("",!0)],!0),e.renderSlot(l.$slots,"action-right",{selections:f.value},void 0,!0)])])])):e.createCommentVNode("",!0),e.createElementVNode("div",ee,[e.withDirectives((e.openBlock(),e.createBlock(ue,e.mergeProps({data:k.value,"element-loading-text":t.loadingText,"element-loading-background":t.loadingBackground,onSelectionChange:fe},l.$attrs,{height:"100%",style:{width:"100%"}}),{default:e.withCtx(()=>[t.showSelectionColumn?(e.openBlock(),e.createBlock(B,{key:0,type:"selection",width:"55",fixed:""})):e.createCommentVNode("",!0),t.showIndexColumn?(e.openBlock(),e.createBlock(B,{key:1,type:"index",label:"序号",width:"70",fixed:""})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,a=>(e.openBlock(),e.createBlock(B,e.mergeProps({key:a.prop,prop:a.prop,label:a.label,width:a.width,sortable:a.sortable||!1},{ref_for:!0},a.attrs),e.createSlots({header:e.withCtx(()=>[a.headerTooltip?(e.openBlock(),e.createBlock(J,{key:0,label:a.label,placement:a.placement},null,8,["label","placement"])):(e.openBlock(),e.createElementBlock("span",te,e.toDisplayString(a.label),1))]),_:2},[a.slot?{name:"default",fn:e.withCtx(U=>[e.renderSlot(l.$slots,a.slot,{row:U.row},void 0,!0)]),key:"0"}:void 0]),1040,["prop","label","width","sortable"]))),128)),t.showActionsColumn?(e.openBlock(),e.createBlock(B,{key:2,label:"操作",width:d.actionsColumnWidth},{default:e.withCtx(a=>[a.row?(e.openBlock(),e.createElementBlock("div",oe,[l.$slots.actions?e.renderSlot(l.$slots,"actions",{key:0,row:a.row},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(l.$slots,"action-before-edit",{row:a.row},void 0,!0),t.showEditButton?(e.openBlock(),e.createBlock(n,{key:0,size:"small",type:"primary",link:"",onClick:U=>D("edit",a.row)},{default:e.withCtx(()=>[...o[11]||(o[11]=[e.createTextVNode("编辑 ",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("",!0),t.showDeleteButton?(e.openBlock(),e.createBlock(E,{key:1,title:"确定要删除这条数据吗?",onConfirm:U=>R([a.row.id]),"confirm-button-text":"确定","cancel-button-text":"取消",width:"200"},{reference:e.withCtx(()=>[e.createVNode(n,{size:"small",type:"danger",link:""},{default:e.withCtx(()=>[...o[12]||(o[12]=[e.createTextVNode("删除",-1)])]),_:1})]),_:1},8,["onConfirm"])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"action-after-delete",{row:a.row},void 0,!0)],64))])):e.createCommentVNode("",!0)]),_:3},8,["width"])):e.createCommentVNode("",!0)]),_:3},16,["data","element-loading-text","element-loading-background"])),[[we,i.value]])]),t.showPagination&&y.value>0?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(ye,{"current-page":p.pageNum,"onUpdate:currentPage":o[1]||(o[1]=a=>p.pageNum=a),"page-size":p.pageSize,"onUpdate:pageSize":o[2]||(o[2]=a=>p.pageSize=a),"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:r.visible,"onUpdate:modelValue":o[7]||(o[7]=a=>r.visible=a),fullscreen:!0,width:t.dialogWidth,"destroy-on-close":!0,modal:!t.dialogFullscreen,"custom-class":C.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:o[5]||(o[5]=a=>r.visible=!1),style:{"margin-right":"12px"}},{default:e.withCtx(()=>[e.createVNode(ke,{size:"20"},{default:e.withCtx(()=>[e.createVNode(e.unref(M))]),_:1})]),_:1}),e.createElementVNode("span",ie,e.toDisplayString($.value),1)])]),footer:e.withCtx(()=>[e.createElementVNode("span",de,[e.createVNode(n,{onClick:o[6]||(o[6]=a=>r.visible=!1)},{default:e.withCtx(()=>[...o[15]||(o[15]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(n,{type:"primary",onClick:O,loading:r.submitting},{default:e.withCtx(()=>[...o[16]||(o[16]=[e.createTextVNode(" 确定 ",-1)])]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.createElementVNode("div",se,[l.$slots["dialog-form"]?e.renderSlot(l.$slots,"dialog-form",{key:0,formData:r.data,mode:r.mode,formRef:a=>{r.formRef=a}},void 0,!0):r.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(F,{key:1,ref:a=>{r.formRef=a},"model-value":r.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:r.visible,"onUpdate:modelValue":o[4]||(o[4]=a=>r.visible=a),title:$.value,width:t.dialogWidth,"destroy-on-close":!0,"custom-class":C.value,style:{display:"flex","flex-direction":"column","max-height":"80vh"}},{footer:e.withCtx(()=>[e.createElementVNode("span",ae,[e.createVNode(n,{onClick:o[3]||(o[3]=a=>r.visible=!1)},{default:e.withCtx(()=>[...o[13]||(o[13]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(n,{type:"primary",onClick:O,loading:r.submitting},{default:e.withCtx(()=>[...o[14]||(o[14]=[e.createTextVNode(" 确定 ",-1)])]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.createElementVNode("div",re,[l.$slots["dialog-form"]?e.renderSlot(l.$slots,"dialog-form",{key:0,formData:r.data,mode:r.mode,formRef:a=>{r.formRef=a}},void 0,!0):r.loading?(e.openBlock(),e.createBlock(he,{key:1,rows:5,animated:""})):r.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(F,{key:2,ref:a=>{r.formRef=a},"model-value":r.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-833f1fc3"]]);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-2e055325]{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;min-height:0;overflow:hidden}.search-section-wrapper[data-v-2e055325]{flex-shrink:0}.table-content-wrapper[data-v-2e055325]{flex:1;min-height:0;overflow:hidden}.pagination-wrapper[data-v-2e055325]{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,W){"use strict";/*! Element Plus Icons Vue v2.3.2 */var j=e.defineComponent({name:"ArrowLeftBold",__name:"arrow-left-bold",setup(d){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=j;const U=e.defineComponent({__name:"DynamicForm",props:{modelValue:{},formConfig:{},rules:{}},setup(d,{expose:s}){const m=e.ref(null);return s({validate:()=>{var c;return(c=m.value)==null?void 0:c.validate()}}),(c,t)=>{const u=e.resolveComponent("el-input"),B=e.resolveComponent("el-option"),h=e.resolveComponent("el-select"),V=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:c.modelValue,rules:c.rules,ref_key:"formRef",ref:m},c.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.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:c.modelValue[i.prop],"onUpdate:modelValue":f=>c.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:c.modelValue[i.prop],"onUpdate:modelValue":f=>c.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:c.modelValue[i.prop],"onUpdate:modelValue":f=>c.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:c.modelValue[i.prop],"onUpdate:modelValue":f=>c.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(V,{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":c.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"])}}}),_=W.create({baseURL:"",timeout:1e4});_.interceptors.request.use(d=>{const s=localStorage.getItem("token");return s&&(d.headers.Authorization="Bearer "+s),d},d=>(console.log(d),Promise.reject(d))),_.interceptors.response.use(d=>{const s=d.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},d=>(console.log("HTTP Error: "+d),b.ElMessage({message:"网络错误,请检查您的网络连接或联系管理员",type:"error",duration:5*1e3}),Promise.reject(d)));function q(d){return e.getCurrentScope()?(e.onScopeDispose(d),!0):!1}const L=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Q=L?window:void 0;function T(d){var s;const m=e.toValue(d);return(s=m==null?void 0:m.$el)!=null?s:m}function I(){const d=e.shallowRef(!1),s=e.getCurrentInstance();return s&&e.onMounted(()=>{d.value=!0},s),d}function H(d){const s=I();return e.computed(()=>(s.value,!!d()))}function G(d,s,m={}){const{window:c=Q,...t}=m;let u;const B=H(()=>c&&"ResizeObserver"in c),h=()=>{u&&(u.disconnect(),u=void 0)},V=e.computed(()=>{const y=e.toValue(d);return Array.isArray(y)?y.map(i=>T(i)):[T(y)]}),p=e.watch(V,y=>{if(h(),B.value&&c){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(d){const s=e.ref(null),m=e.ref(!1),c=()=>{s.value&&(m.value=s.value.scrollWidth>s.value.clientWidth)};return e.onMounted(()=>{c()}),G(s,()=>{c()}),(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=(d,s)=>{const m=d.__vccOpts||d;for(const[c,t]of s)m[c]=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"},re={style:{"overflow-y":"auto",flex:"1"}},ae={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}},emits:["open-dialog","submit","delete"],setup(d,{expose:s,emit:m}){const c=m,t=d,u=e.computed(()=>["crud-table-wrapper",`theme-${t.theme}`,t.customClass]),B=e.computed(()=>t.theme==="large-screen"?"large-screen-dialog":""),h=(l,o)=>l?!0:(b.ElMessage.error(`${o} prop is required.`),!1),V=async(l,o)=>{try{let n={...o};t.onBeforeSubmit&&(n=await t.onBeforeSubmit(n,l));let g=n;if(t.submitAsFormData){const N=new FormData;for(const C in n)if(Object.prototype.hasOwnProperty.call(n,C)){const D=n[C];N.append(C,D??"")}g=N}if(r.submitting=!0,l==="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(l,n),c("submit",{mode:l,data:n}),r.visible&&(r.visible=!1),S(),Promise.resolve()}catch(n){return console.error("Submit failed:",n),Promise.reject(n)}finally{r.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([]),r=e.reactive({visible:!1,loading:!1,submitting:!1,mode:"add",data:{},formRef:null}),$=e.computed(()=>r.mode==="add"?"新增":"编辑"),z=e.computed(()=>{if(r.mode==="add")return t.dialogFormConfig.filter(o=>o.prop!=="id");const l=[...t.dialogFormConfig.filter(o=>o.prop!=="id")];return l.some(o=>o.prop==="id")||l.unshift({type:"input-disabled",prop:"id",label:"用户ID"}),l}),S=async()=>{if(h(t.apiUrlQuery,"apiUrlQuery")){i.value=!0;try{let l={...p};t.onBeforeQuery&&(l=await t.onBeforeQuery(l));const o=await _.get(t.apiUrlQuery,{params:l});if(o&&o.data&&Array.isArray(o.data.rows)&&typeof o.data.total=="number"){let n=o.data.rows;t.onAfterQuery&&(n=await t.onAfterQuery(n,l)),k.value=n,y.value=o.data.total}else console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."),k.value=[],y.value=0}catch(l){console.error("Fetch data failed:",l)}finally{i.value=!1}}},x=()=>{p.pageNum=1,S()},pe=()=>{const{pageNum:l,pageSize:o,...n}=t.initialSearchForm;Object.keys(p).forEach(g=>{g!=="pageNum"&&g!=="pageSize"&&delete p[g]}),Object.assign(p,n),x()},fe=l=>{f.value=l},F=async(l,o)=>{let n;if(l==="add"?n=o?{...o}:{role:"user"}:n={...o},t.onBeforeOpenDialog){const g=await t.onBeforeOpenDialog(l,n);g&&(n=g)}if(r.mode=l,r.visible=!0,l==="edit"){if(!h(t.apiUrlDetail,"apiUrlDetail"))return;r.loading=!0;try{const g=await _.get(t.apiUrlDetail+"/"+n.id.toString());r.data=g.data.data}finally{r.loading=!1,t.onAfterOpenDialog&&t.onAfterOpenDialog(l,r.data),c("open-dialog",{mode:l,data:r.data})}}else r.data=n,t.onAfterOpenDialog&&t.onAfterOpenDialog(l,r.data),c("open-dialog",{mode:l,data:r.data})},O=async()=>{try{r.formRef?await r.formRef.validate():console.warn("Dialog form ref is not available for validation."),await V(r.mode,r.data)}catch(l){console.log("Validation or submit error:",l)}},R=async l=>{if(h(t.apiUrlDelete,"apiUrlDelete"))try{const o=k.value.filter(g=>l.includes(g.id));if(t.onBeforeDelete&&await t.onBeforeDelete(l,o)===!1)return;const n=l.join(",");await _.delete(t.apiUrlDelete+"/"+n.toString()),b.ElMessage.success("删除成功"),t.onAfterDelete&&t.onAfterDelete(l,o),c("delete",l),k.value.length===l.length&&p.pageNum>1&&p.pageNum--,S()}catch(o){console.error("Delete failed",o)}},me=l=>{p.pageSize=l,x()},ge=l=>{p.pageNum=l,S()};return e.onMounted(S),s({refresh:S,search:x,handleDelete:R,openDialog:F,submit:V}),(l,o)=>{const n=e.resolveComponent("el-button"),g=e.resolveComponent("el-form-item"),N=e.resolveComponent("el-form"),C=e.resolveComponent("el-table-column"),D=e.resolveComponent("el-popconfirm"),ue=e.resolveComponent("el-table"),ye=e.resolveComponent("el-pagination"),he=e.resolveComponent("el-skeleton"),P=e.resolveComponent("el-dialog"),ke=e.resolveComponent("el-icon"),we=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(l.$slots,"header",{},void 0,!0),e.createElementVNode("div",X,[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(l.$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(l.$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(()=>[...o[8]||(o[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(()=>[...o[9]||(o[9]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"query-right",{searchForm:p},void 0,!0)])]),_:3})]),_:3},8,["model"]),e.createElementVNode("div",v,[e.renderSlot(l.$slots,"action-left",{selections:f.value},void 0,!0),e.renderSlot(l.$slots,"add-button-content",{selections:f.value},()=>[t.showNewBtn?(e.openBlock(),e.createBlock(n,{key:0,color:"#336FFF",onClick:o[0]||(o[0]=a=>F("add"))},{default:e.withCtx(()=>[...o[10]||(o[10]=[e.createTextVNode("新增",-1)])]),_:1})):e.createCommentVNode("",!0)],!0),e.renderSlot(l.$slots,"action-right",{selections:f.value},void 0,!0)])])])):e.createCommentVNode("",!0),e.createElementVNode("div",ee,[e.withDirectives((e.openBlock(),e.createBlock(ue,e.mergeProps({data:k.value,"element-loading-text":t.loadingText,"element-loading-background":t.loadingBackground,onSelectionChange:fe},l.$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,a=>(e.openBlock(),e.createBlock(C,e.mergeProps({key:a.prop,prop:a.prop,label:a.label,width:a.width,sortable:a.sortable||!1},{ref_for:!0},a.attrs),e.createSlots({header:e.withCtx(()=>[a.headerTooltip?(e.openBlock(),e.createBlock(J,{key:0,label:a.label,placement:a.placement},null,8,["label","placement"])):(e.openBlock(),e.createElementBlock("span",te,e.toDisplayString(a.label),1))]),_:2},[a.slot?{name:"default",fn:e.withCtx(E=>[e.renderSlot(l.$slots,a.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:d.actionsColumnWidth},{default:e.withCtx(a=>[a.row?(e.openBlock(),e.createElementBlock("div",oe,[l.$slots.actions?e.renderSlot(l.$slots,"actions",{key:0,row:a.row},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(l.$slots,"action-before-edit",{row:a.row},void 0,!0),t.showEditButton?(e.openBlock(),e.createBlock(n,{key:0,size:"small",type:"primary",link:"",onClick:E=>F("edit",a.row)},{default:e.withCtx(()=>[...o[11]||(o[11]=[e.createTextVNode("编辑 ",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("",!0),t.showDeleteButton?(e.openBlock(),e.createBlock(D,{key:1,title:"确定要删除这条数据吗?",onConfirm:E=>R([a.row.id]),"confirm-button-text":"确定","cancel-button-text":"取消",width:"200"},{reference:e.withCtx(()=>[e.createVNode(n,{size:"small",type:"danger",link:""},{default:e.withCtx(()=>[...o[12]||(o[12]=[e.createTextVNode("删除",-1)])]),_:1})]),_:1},8,["onConfirm"])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"action-after-delete",{row:a.row},void 0,!0)],64))])):e.createCommentVNode("",!0)]),_:3},8,["width"])):e.createCommentVNode("",!0)]),_:3},16,["data","element-loading-text","element-loading-background"])),[[we,i.value]])]),t.showPagination&&y.value>0?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(ye,{"current-page":p.pageNum,"onUpdate:currentPage":o[1]||(o[1]=a=>p.pageNum=a),"page-size":p.pageSize,"onUpdate:pageSize":o[2]||(o[2]=a=>p.pageSize=a),"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:r.visible,"onUpdate:modelValue":o[7]||(o[7]=a=>r.visible=a),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:o[5]||(o[5]=a=>r.visible=!1),style:{"margin-right":"12px"}},{default:e.withCtx(()=>[e.createVNode(ke,{size:"20"},{default:e.withCtx(()=>[e.createVNode(e.unref(M))]),_:1})]),_:1}),e.createElementVNode("span",ie,e.toDisplayString($.value),1)])]),footer:e.withCtx(()=>[e.createElementVNode("span",de,[e.createVNode(n,{color:"#336FFF",plain:"",onClick:o[6]||(o[6]=a=>r.visible=!1)},{default:e.withCtx(()=>[...o[15]||(o[15]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(n,{color:"#336FFF",onClick:O,loading:r.submitting},{default:e.withCtx(()=>[...o[16]||(o[16]=[e.createTextVNode(" 确定 ",-1)])]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.createElementVNode("div",se,[l.$slots["dialog-form"]?e.renderSlot(l.$slots,"dialog-form",{key:0,formData:r.data,mode:r.mode,formRef:a=>{r.formRef=a}},void 0,!0):r.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(U,{key:1,ref:a=>{r.formRef=a},"model-value":r.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:r.visible,"onUpdate:modelValue":o[4]||(o[4]=a=>r.visible=a),title:$.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",ae,[e.createVNode(n,{color:"#336FFF",onClick:o[3]||(o[3]=a=>r.visible=!1)},{default:e.withCtx(()=>[...o[13]||(o[13]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(n,{color:"#336FFF",onClick:O,loading:r.submitting},{default:e.withCtx(()=>[...o[14]||(o[14]=[e.createTextVNode(" 确定 ",-1)])]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.createElementVNode("div",re,[l.$slots["dialog-form"]?e.renderSlot(l.$slots,"dialog-form",{key:0,formData:r.data,mode:r.mode,formRef:a=>{r.formRef=a}},void 0,!0):r.loading?(e.openBlock(),e.createBlock(he,{key:1,rows:5,animated:""})):r.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(U,{key:2,ref:a=>{r.formRef=a},"model-value":r.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-2e055325"]]);w.CrudTable=ce,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
|