z-crud-table 0.0.48 → 0.0.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components/CrudTable.vue.d.ts +49 -0
  2. package/dist/z-crud-table.js +315 -275
  3. package/dist/z-crud-table.umd.cjs +2 -2
  4. package/package.json +1 -1
package/dist/components/CrudTable.vue.d.ts CHANGED
@@ -199,16 +199,34 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
199
199
  type: BooleanConstructor;
200
200
  default: boolean;
201
201
  };
202
+ /**
203
+ * @description [✨ 新增] 新增弹窗的自定义标题
204
+ * @type {String}
205
+ */
206
+ addDialogTitle: {
207
+ type: StringConstructor;
208
+ default: string;
209
+ };
210
+ /**
211
+ * @description [✨ 新增] 编辑弹窗的自定义标题
212
+ * @type {String}
213
+ */
214
+ editDialogTitle: {
215
+ type: StringConstructor;
216
+ default: string;
217
+ };
202
218
  }>, {
203
219
  refresh: () => Promise<void>;
204
220
  search: () => void;
205
221
  handleDelete: (ids: number[]) => Promise<void>;
206
222
  openDialog: (mode: "add" | "edit", dataPayload?: any) => Promise<void>;
207
223
  submit: (mode: "add" | "edit", data: Record<string, any>) => Promise<void>;
224
+ closeDialog: () => void;
208
225
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
209
226
  submit: (...args: any[]) => void;
210
227
  delete: (...args: any[]) => void;
211
228
  "open-dialog": (...args: any[]) => void;
229
+ "update:initialSearchForm": (...args: any[]) => void;
212
230
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
213
231
  /**
214
232
  * @description 组件的主题风格
@@ -408,10 +426,27 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
408
426
  type: BooleanConstructor;
409
427
  default: boolean;
410
428
  };
429
+ /**
430
+ * @description [✨ 新增] 新增弹窗的自定义标题
431
+ * @type {String}
432
+ */
433
+ addDialogTitle: {
434
+ type: StringConstructor;
435
+ default: string;
436
+ };
437
+ /**
438
+ * @description [✨ 新增] 编辑弹窗的自定义标题
439
+ * @type {String}
440
+ */
441
+ editDialogTitle: {
442
+ type: StringConstructor;
443
+ default: string;
444
+ };
411
445
  }>> & Readonly<{
412
446
  onSubmit?: ((...args: any[]) => any) | undefined;
413
447
  onDelete?: ((...args: any[]) => any) | undefined;
414
448
  "onOpen-dialog"?: ((...args: any[]) => any) | undefined;
449
+ "onUpdate:initialSearchForm"?: ((...args: any[]) => any) | undefined;
415
450
  }>, {
416
451
  customClass: string;
417
452
  theme: "default" | "large-screen";
@@ -442,6 +477,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
442
477
  dialogFormLabelWidth: string;
443
478
  submitAsFormData: boolean;
444
479
  dialogFullscreen: boolean;
480
+ addDialogTitle: string;
481
+ editDialogTitle: string;
445
482
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Partial<Record<any, (_: {
446
483
  row: any;
447
484
  }) => any>> & {
@@ -487,6 +524,18 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
487
524
  mode: "add" | "edit";
488
525
  formRef: (el: any) => void;
489
526
  }): any;
527
+ "dialog-footer"?(_: {
528
+ dialog: {
529
+ visible: boolean;
530
+ loading: boolean;
531
+ submitting: boolean;
532
+ mode: "add" | "edit";
533
+ data: Record<string, any>;
534
+ formRef: any;
535
+ };
536
+ submit: () => Promise<void>;
537
+ cancel: () => boolean;
538
+ }): any;
490
539
  }>;
491
540
  export default _default;
492
541
  type __VLS_WithTemplateSlots<T, S> = T & {
package/dist/z-crud-table.js CHANGED
@@ -1,70 +1,70 @@
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
- import { ElMessage as P, ElMessageBox as ke } from "element-plus";
4
- import Se from "axios";
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-cd8dabb7]{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;min-height:0;overflow:hidden}.search-section-wrapper[data-v-cd8dabb7]{flex-shrink:0}.table-content-wrapper[data-v-cd8dabb7]{flex:1;min-height:0;overflow:hidden}.pagination-wrapper[data-v-cd8dabb7]{flex-shrink:0;padding-top:1rem;display:flex;justify-content:flex-end}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.relative{position:relative}.\\!mr-0{margin-right:0!important}.mt-2{margin-top:.5rem}.flex{display:flex}.hidden{display:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body{background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.crud-container{transition:box-shadow .3s ease-in-out}.crud-container:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.query-form .el-form-item{margin-bottom:0!important}.el-table__expanded-cell{padding:1rem 3.5rem!important;background-color:#f8fafc}.action-buttons>*+*{margin-left:.75rem}.el-dialog__header{border-bottom:none;padding:24px 24px 10px}.el-dialog__title{font-size:1.25rem;font-weight:600}.el-dialog__footer{border-top:none;padding:10px 24px 24px}.el-dialog__body{padding:10px 24px}:root{--large-screen-border-color: rgba(120, 153, 199, 1);--large-screen-text-color: rgba(227, 246, 255, 1);--large-screen-search-bg: rgba(210, 224, 243, .1);--large-screen-button-bg: rgba(38, 120, 255, 1);--large-screen-action-link-color: rgba(39, 233, 255, 1);--large-screen-dialog-bg: #1e293b;--large-screen-hover-bg: rgba(120, 153, 199, .15)}.theme-large-screen{color:var(--large-screen-text-color)}.el-modal-dialog,.el-overlay-dialog{position:absolute!important}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
2
+ import { defineComponent as L, createElementBlock as w, openBlock as r, createElementVNode as k, ref as x, resolveComponent as y, createBlock as f, mergeProps as $, withCtx as p, Fragment as P, renderList as q, createCommentVNode as g, createTextVNode as B, toDisplayString as N, getCurrentScope as me, onScopeDispose as ge, computed as R, toValue as oe, watch as H, shallowRef as ye, getCurrentInstance as ve, onMounted as G, reactive as Z, resolveDirective as be, normalizeClass as he, renderSlot as h, createVNode as C, withDirectives as we, createSlots as _e, unref as Se } from "vue";
3
+ import { ElMessage as T, ElMessageBox as ke } from "element-plus";
4
+ import Ce from "axios";
5
5
  /*! Element Plus Icons Vue v2.3.2 */
6
- var Ce = /* @__PURE__ */ q({
6
+ var De = /* @__PURE__ */ L({
7
7
  name: "ArrowLeftBold",
8
8
  __name: "arrow-left-bold",
9
- setup(u) {
10
- return (s, v) => (r(), b("svg", {
9
+ setup(d) {
10
+ return (s, v) => (r(), w("svg", {
11
11
  xmlns: "http://www.w3.org/2000/svg",
12
12
  viewBox: "0 0 1024 1024"
13
13
  }, [
14
- S("path", {
14
+ k("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
- }), Be = Ce;
21
- const Z = /* @__PURE__ */ q({
20
+ }), Fe = De;
21
+ const ee = /* @__PURE__ */ L({
22
22
  __name: "DynamicForm",
23
23
  props: {
24
24
  modelValue: {},
25
25
  formConfig: {},
26
26
  rules: {}
27
27
  },
28
- setup(u, { expose: s }) {
28
+ setup(d, { expose: s }) {
29
29
  const v = x(null);
30
30
  return s({
31
31
  validate: () => {
32
- var d;
33
- return (d = v.value) == null ? void 0 : d.validate();
32
+ var u;
33
+ return (u = v.value) == null ? void 0 : u.validate();
34
34
  }
35
- }), (d, e) => {
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
- model: d.modelValue,
39
- rules: d.rules,
35
+ }), (u, e) => {
36
+ const _ = y("el-input"), U = y("el-option"), D = y("el-select"), z = y("el-radio"), c = y("el-radio-group"), F = y("el-form-item"), S = y("el-form");
37
+ return r(), f(S, $({
38
+ model: u.modelValue,
39
+ rules: u.rules,
40
40
  ref_key: "formRef",
41
41
  ref: v
42
- }, d.$attrs), {
42
+ }, u.$attrs), {
43
43
  default: p(() => [
44
- (r(!0), b(T, null, j(d.formConfig, (i) => (r(), f(F, {
44
+ (r(!0), w(P, null, q(u.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" ? (r(), f(_, A({
50
+ i.type === "input" ? (r(), f(_, $({
51
51
  key: 0,
52
- modelValue: d.modelValue[i.prop],
53
- "onUpdate:modelValue": (m) => d.modelValue[i.prop] = m
52
+ modelValue: u.modelValue[i.prop],
53
+ "onUpdate:modelValue": (m) => u.modelValue[i.prop] = m
54
54
  }, { ref_for: !0 }, i.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : g("", !0),
55
- i.type === "textarea" ? (r(), f(_, A({
55
+ i.type === "textarea" ? (r(), f(_, $({
56
56
  key: 1,
57
57
  type: "textarea",
58
- modelValue: d.modelValue[i.prop],
59
- "onUpdate:modelValue": (m) => d.modelValue[i.prop] = m
58
+ modelValue: u.modelValue[i.prop],
59
+ "onUpdate:modelValue": (m) => u.modelValue[i.prop] = m
60
60
  }, { ref_for: !0 }, i.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : g("", !0),
61
- i.type === "select" ? (r(), f(B, A({
61
+ i.type === "select" ? (r(), f(D, $({
62
62
  key: 2,
63
- modelValue: d.modelValue[i.prop],
64
- "onUpdate:modelValue": (m) => d.modelValue[i.prop] = m
63
+ modelValue: u.modelValue[i.prop],
64
+ "onUpdate:modelValue": (m) => u.modelValue[i.prop] = m
65
65
  }, { ref_for: !0 }, i.componentProps), {
66
66
  default: p(() => [
67
- (r(!0), b(T, null, j(i.options, (m) => (r(), f(U, {
67
+ (r(!0), w(P, null, q(i.options, (m) => (r(), f(U, {
68
68
  key: m.value,
69
69
  label: m.label,
70
70
  value: m.value
@@ -72,27 +72,27 @@ const Z = /* @__PURE__ */ q({
72
72
  ]),
73
73
  _: 2
74
74
  }, 1040, ["modelValue", "onUpdate:modelValue"])) : g("", !0),
75
- i.type === "radio-group" ? (r(), f(c, A({
75
+ i.type === "radio-group" ? (r(), f(c, $({
76
76
  key: 3,
77
- modelValue: d.modelValue[i.prop],
78
- "onUpdate:modelValue": (m) => d.modelValue[i.prop] = m
77
+ modelValue: u.modelValue[i.prop],
78
+ "onUpdate:modelValue": (m) => u.modelValue[i.prop] = m
79
79
  }, { ref_for: !0 }, i.componentProps), {
80
80
  default: p(() => [
81
- (r(!0), b(T, null, j(i.options, (m) => (r(), f(z, {
81
+ (r(!0), w(P, null, q(i.options, (m) => (r(), f(z, {
82
82
  key: m.value,
83
83
  label: m.value
84
84
  }, {
85
85
  default: p(() => [
86
- D(N(m.label), 1)
86
+ B(N(m.label), 1)
87
87
  ]),
88
88
  _: 2
89
89
  }, 1032, ["label"]))), 128))
90
90
  ]),
91
91
  _: 2
92
92
  }, 1040, ["modelValue", "onUpdate:modelValue"])) : g("", !0),
93
- i.type === "input-disabled" ? (r(), f(_, A({
93
+ i.type === "input-disabled" ? (r(), f(_, $({
94
94
  key: 4,
95
- "model-value": d.modelValue[i.prop],
95
+ "model-value": u.modelValue[i.prop],
96
96
  disabled: ""
97
97
  }, { ref_for: !0 }, i.componentProps), null, 16, ["model-value"])) : g("", !0)
98
98
  ]),
@@ -103,27 +103,27 @@ const Z = /* @__PURE__ */ q({
103
103
  }, 16, ["model", "rules"]);
104
104
  };
105
105
  }
106
- }), $ = Se.create({
106
+ }), A = Ce.create({
107
107
  // VITE_APP_BASE_API 是在 .env 文件中定义的基础 URL
108
108
  baseURL: "",
109
109
  timeout: 1e4
110
110
  // 请求超时时间
111
111
  });
112
- $.interceptors.request.use(
113
- (u) => {
112
+ A.interceptors.request.use(
113
+ (d) => {
114
114
  const s = localStorage.getItem("token");
115
- return s && (u.headers.Authorization = "Bearer " + s), u;
115
+ return s && (d.headers.Authorization = "Bearer " + s), d;
116
116
  },
117
- (u) => (console.log(u), Promise.reject(u))
117
+ (d) => (console.log(d), Promise.reject(d))
118
118
  );
119
- $.interceptors.response.use(
119
+ A.interceptors.response.use(
120
120
  /**
121
121
  * @description 如果您想直接获取诸如 headers 或 status 之类的信息，
122
122
  * 请直接返回 response => response
123
123
  */
124
- (u) => {
125
- const s = u.data;
126
- return s.code !== 200 ? (P({
124
+ (d) => {
125
+ const s = d.data;
126
+ return s.code !== 200 ? (T({
127
127
  message: s.msg || "Error",
128
128
  // 使用后端返回的 `msg` 作为错误提示
129
129
  type: "error",
@@ -140,76 +140,76 @@ $.interceptors.response.use(
140
140
  localStorage.removeItem("token"), location.reload();
141
141
  }), Promise.reject(new Error(s.msg || "Error"))) : s;
142
142
  },
143
- (u) => (console.log("HTTP Error: " + u), P({
143
+ (d) => (console.log("HTTP Error: " + d), T({
144
144
  message: "网络错误，请检查您的网络连接或联系管理员",
145
145
  // 提供更友好的网络错误提示
146
146
  type: "error",
147
147
  duration: 5 * 1e3
148
- }), Promise.reject(u))
148
+ }), Promise.reject(d))
149
149
  );
150
- function Fe(u) {
151
- return fe() ? (ce(u), !0) : !1;
150
+ function Be(d) {
151
+ return me() ? (ge(d), !0) : !1;
152
152
  }
153
- const De = typeof window < "u" && typeof document < "u";
153
+ const Ue = typeof window < "u" && typeof document < "u";
154
154
  typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
155
- const Ue = De ? window : void 0;
156
- function ee(u) {
155
+ const Ve = Ue ? window : void 0;
156
+ function te(d) {
157
157
  var s;
158
- const v = te(u);
158
+ const v = oe(d);
159
159
  return (s = v == null ? void 0 : v.$el) != null ? s : v;
160
160
  }
161
161
  // @__NO_SIDE_EFFECTS__
162
- function Ve() {
163
- const u = ge(!1), s = ye();
164
- return s && M(() => {
165
- u.value = !0;
166
- }, s), u;
162
+ function $e() {
163
+ const d = ye(!1), s = ve();
164
+ return s && G(() => {
165
+ d.value = !0;
166
+ }, s), d;
167
167
  }
168
168
  // @__NO_SIDE_EFFECTS__
169
- function Ae(u) {
170
- const s = /* @__PURE__ */ Ve();
171
- return R(() => (s.value, !!u()));
169
+ function Ae(d) {
170
+ const s = /* @__PURE__ */ $e();
171
+ return R(() => (s.value, !!d()));
172
172
  }
173
- function $e(u, s, v = {}) {
174
- const { window: d = Ue, ...e } = v;
173
+ function xe(d, s, v = {}) {
174
+ const { window: u = Ve, ...e } = v;
175
175
  let _;
176
- const U = /* @__PURE__ */ Ae(() => d && "ResizeObserver" in d), B = () => {
176
+ const U = /* @__PURE__ */ Ae(() => u && "ResizeObserver" in u), D = () => {
177
177
  _ && (_.disconnect(), _ = void 0);
178
178
  }, z = R(() => {
179
- const k = te(u);
180
- return Array.isArray(k) ? k.map((i) => ee(i)) : [ee(k)];
181
- }), c = me(
179
+ const S = oe(d);
180
+ return Array.isArray(S) ? S.map((i) => te(i)) : [te(S)];
181
+ }), c = H(
182
182
  z,
183
- (k) => {
184
- if (B(), U.value && d) {
183
+ (S) => {
184
+ if (D(), U.value && u) {
185
185
  _ = new ResizeObserver(s);
186
- for (const i of k)
186
+ for (const i of S)
187
187
  i && _.observe(i, e);
188
188
  }
189
189
  },
190
190
  { immediate: !0, flush: "post" }
191
191
  ), F = () => {
192
- B(), c();
192
+ D(), c();
193
193
  };
194
- return Fe(F), {
194
+ return Be(F), {
195
195
  isSupported: U,
196
196
  stop: F
197
197
  };
198
198
  }
199
- const xe = /* @__PURE__ */ q({
199
+ const ze = /* @__PURE__ */ L({
200
200
  __name: "TableHeaderWithTooltip",
201
201
  props: {
202
202
  label: {},
203
203
  placement: {}
204
204
  },
205
- setup(u) {
206
- const s = x(null), v = x(!1), d = () => {
205
+ setup(d) {
206
+ const s = x(null), v = x(!1), u = () => {
207
207
  s.value && (v.value = s.value.scrollWidth > s.value.clientWidth);
208
208
  };
209
- return M(() => {
210
- d();
211
- }), $e(s, () => {
212
- d();
209
+ return G(() => {
210
+ u();
211
+ }), xe(s, () => {
212
+ u();
213
213
  }), (e, _) => {
214
214
  const U = y("el-tooltip");
215
215
  return v.value ? (r(), f(U, {
@@ -218,14 +218,14 @@ const xe = /* @__PURE__ */ q({
218
218
  placement: e.placement || "top"
219
219
  }, {
220
220
  default: p(() => [
221
- S("span", {
221
+ k("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"])) : (r(), b("span", {
228
+ }, 8, ["content", "placement"])) : (r(), w("span", {
229
229
  key: 0,
230
230
  ref_key: "textRef",
231
231
  ref: s,
@@ -233,21 +233,21 @@ const xe = /* @__PURE__ */ q({
233
233
  }, N(e.label), 513));
234
234
  };
235
235
  }
236
- }), oe = (u, s) => {
237
- const v = u.__vccOpts || u;
238
- for (const [d, e] of s)
239
- v[d] = e;
236
+ }), le = (d, s) => {
237
+ const v = d.__vccOpts || d;
238
+ for (const [u, e] of s)
239
+ v[u] = e;
240
240
  return v;
241
- }, ze = /* @__PURE__ */ oe(xe, [["__scopeId", "data-v-d23c8660"]]), Oe = {
241
+ }, Oe = /* @__PURE__ */ le(ze, [["__scopeId", "data-v-d23c8660"]]), Re = {
242
242
  key: 0,
243
243
  class: "search-section-wrapper"
244
- }, Re = { class: "flex flex-wrap items-center justify-between gap-4" }, Pe = { class: "flex items-center gap-x-2" }, Te = { class: "flex items-center gap-x-3 action-buttons flex-shrink-0" }, Ne = { class: "table-content-wrapper" }, We = { key: 1 }, Ee = {
244
+ }, Te = { class: "flex flex-wrap items-center justify-between gap-4" }, Pe = { class: "flex items-center gap-x-2" }, Ne = { class: "flex items-center gap-x-3 action-buttons flex-shrink-0" }, We = { class: "table-content-wrapper" }, je = { key: 1 }, Ee = {
245
245
  key: 0,
246
246
  class: "flex items-center gap-x-2"
247
- }, je = {
247
+ }, qe = {
248
248
  key: 1,
249
249
  class: "pagination-wrapper flex justify-end mt-2"
250
- }, qe = { style: { "overflow-y": "auto", flex: "1" } }, Le = { class: "dialog-footer" }, Qe = { class: "flex items-center" }, Ie = { class: "el-dialog__title" }, Me = { style: { "overflow-y": "auto", flex: "1" } }, He = { class: "dialog-footer" }, Ge = /* @__PURE__ */ q({
250
+ }, Le = { style: { "overflow-y": "auto", flex: "1" } }, Qe = { class: "dialog-footer" }, Ie = { class: "flex items-center" }, Me = { class: "el-dialog__title" }, He = { style: { "overflow-y": "auto", flex: "1" } }, Ge = { class: "dialog-footer" }, Je = /* @__PURE__ */ L({
251
251
  __name: "CrudTable",
252
252
  props: {
253
253
  /**
@@ -355,146 +355,174 @@ const xe = /* @__PURE__ */ q({
355
355
  * @description [✨ 新增] 控制弹窗是否在组件内部全屏
356
356
  * @type {Boolean}
357
357
  */
358
- dialogFullscreen: { type: Boolean, default: !1 }
358
+ dialogFullscreen: { type: Boolean, default: !1 },
359
+ /**
360
+ * @description [✨ 新增] 新增弹窗的自定义标题
361
+ * @type {String}
362
+ */
363
+ addDialogTitle: { type: String, default: "新增" },
364
+ /**
365
+ * @description [✨ 新增] 编辑弹窗的自定义标题
366
+ * @type {String}
367
+ */
368
+ editDialogTitle: { type: String, default: "编辑" }
359
369
  },
360
- emits: ["open-dialog", "submit", "delete"],
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) => {
370
+ emits: ["open-dialog", "submit", "delete", "update:initialSearchForm"],
371
+ setup(d, { expose: s, emit: v }) {
372
+ const u = v, e = d, _ = R(() => ["crud-table-wrapper", `theme-${e.theme}`, e.customClass]), U = R(() => e.theme === "large-screen" ? "large-screen-dialog" : ""), D = (t, o) => t ? !0 : (T.error(`${o} prop is required.`), !1), z = async (t, o) => {
363
373
  try {
364
- let n = { ...t };
365
- e.onBeforeSubmit && (n = await e.onBeforeSubmit(n, o));
366
- let h = n;
374
+ let n = { ...o };
375
+ e.onBeforeSubmit && (n = await e.onBeforeSubmit(n, t));
376
+ let b = n;
367
377
  if (e.submitAsFormData) {
368
378
  const E = new FormData();
369
379
  for (const V in n)
370
380
  if (Object.prototype.hasOwnProperty.call(n, V)) {
371
- const Q = n[V];
372
- E.append(V, Q ?? "");
381
+ const I = n[V];
382
+ E.append(V, I ?? "");
373
383
  }
374
- h = E;
384
+ b = E;
375
385
  }
376
- if (l.submitting = !0, o === "add") {
377
- if (!B(e.apiUrlCreate, "apiUrlCreate")) throw new Error("apiUrlCreate is not configured.");
378
- await $.post(e.apiUrlCreate, h), P.success("新增成功");
386
+ if (l.submitting = !0, t === "add") {
387
+ if (!D(e.apiUrlCreate, "apiUrlCreate")) throw new Error("apiUrlCreate is not configured.");
388
+ await A.post(e.apiUrlCreate, b), T.success("新增成功");
379
389
  } else {
380
- if (!B(e.apiUrlUpdate, "apiUrlUpdate")) throw new Error("apiUrlUpdate is not configured.");
381
- await $.put(e.apiUrlUpdate, h), P.success("更新成功");
390
+ if (!D(e.apiUrlUpdate, "apiUrlUpdate")) throw new Error("apiUrlUpdate is not configured.");
391
+ await A.put(e.apiUrlUpdate, b), T.success("更新成功");
382
392
  }
383
- return e.onAfterSubmit && e.onAfterSubmit(o, n), d("submit", { mode: o, data: n }), l.visible && (l.visible = !1), O(), Promise.resolve();
393
+ return e.onAfterSubmit && e.onAfterSubmit(t, n), u("submit", { mode: t, data: n }), l.visible && (l.visible = !1), O(), Promise.resolve();
384
394
  } catch (n) {
385
395
  return console.error("Submit failed:", n), Promise.reject(n);
386
396
  } finally {
387
397
  l.submitting = !1;
388
398
  }
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(() => {
390
- if (l.mode === "add") return e.dialogFormConfig.filter((t) => t.prop !== "id");
391
- const o = [...e.dialogFormConfig.filter((t) => t.prop !== "id")];
392
- return o.some((t) => t.prop === "id") || o.unshift({ type: "input-disabled", prop: "id", label: "用户ID" }), o;
399
+ }, c = Z({ pageNum: 1, pageSize: 10, ...e.initialSearchForm }), F = x([]), S = x(0), i = x(!1), m = x([]), l = Z({ visible: !1, loading: !1, submitting: !1, mode: "add", data: {}, formRef: null }), J = R(() => l.mode === "add" ? e.addDialogTitle : e.editDialogTitle), K = R(() => {
400
+ if (l.mode === "add") return e.dialogFormConfig.filter((o) => o.prop !== "id");
401
+ const t = [...e.dialogFormConfig.filter((o) => o.prop !== "id")];
402
+ return t.some((o) => o.prop === "id") || t.unshift({ type: "input-disabled", prop: "id", label: "用户ID" }), t;
393
403
  }), O = async () => {
394
- if (B(e.apiUrlQuery, "apiUrlQuery")) {
404
+ if (D(e.apiUrlQuery, "apiUrlQuery")) {
395
405
  i.value = !0;
396
406
  try {
397
- let o = { ...c };
398
- e.onBeforeQuery && (o = await e.onBeforeQuery(o));
399
- const t = await $.get(e.apiUrlQuery, { params: o });
400
- if (t && t.data && Array.isArray(t.data.rows) && typeof t.data.total == "number") {
401
- let n = t.data.rows;
402
- e.onAfterQuery && (n = await e.onAfterQuery(n, o)), F.value = n, k.value = t.data.total;
407
+ let t = { ...c };
408
+ e.onBeforeQuery && (t = await e.onBeforeQuery(t));
409
+ const o = await A.get(e.apiUrlQuery, { params: t });
410
+ if (o && o.data && Array.isArray(o.data.rows) && typeof o.data.total == "number") {
411
+ let n = o.data.rows;
412
+ e.onAfterQuery && (n = await e.onAfterQuery(n, t)), F.value = n, S.value = o.data.total;
403
413
  } else
404
- console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."), F.value = [], k.value = 0;
405
- } catch (o) {
406
- console.error("Fetch data failed:", o);
414
+ console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."), F.value = [], S.value = 0;
415
+ } catch (t) {
416
+ console.error("Fetch data failed:", t);
407
417
  } finally {
408
418
  i.value = !1;
409
419
  }
410
420
  }
411
421
  }, W = () => {
412
422
  c.pageNum = 1, O();
413
- }, le = () => {
414
- const { pageNum: o, pageSize: t, ...n } = e.initialSearchForm;
415
- Object.keys(c).forEach((h) => {
416
- h !== "pageNum" && h !== "pageSize" && delete c[h];
423
+ }, ae = () => {
424
+ const { pageNum: t, pageSize: o, ...n } = e.initialSearchForm;
425
+ Object.keys(c).forEach((b) => {
426
+ b !== "pageNum" && b !== "pageSize" && delete c[b];
417
427
  }), Object.assign(c, n), W();
418
- }, ae = (o) => {
419
- m.value = o;
420
- }, L = async (o, t) => {
428
+ }, re = (t) => {
429
+ m.value = t;
430
+ }, Q = async (t, o) => {
421
431
  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);
432
+ if (t === "add" ? n = o ? { ...o } : { role: "user" } : n = { ...o }, e.onBeforeOpenDialog) {
433
+ const b = await e.onBeforeOpenDialog(t, n);
434
+ b && (n = b);
425
435
  }
426
- if (l.mode = o, l.visible = !0, o === "edit") {
427
- if (!B(e.apiUrlDetail, "apiUrlDetail")) return;
436
+ if (l.mode = t, l.visible = !0, t === "edit") {
437
+ if (!D(e.apiUrlDetail, "apiUrlDetail")) return;
428
438
  l.loading = !0;
429
439
  try {
430
- const h = await $.get(e.apiUrlDetail + "/" + n.id.toString());
431
- l.data = h.data.data;
440
+ const b = await A.get(e.apiUrlDetail + "/" + n.id.toString());
441
+ l.data = b.data.data;
432
442
  } finally {
433
- l.loading = !1, e.onAfterOpenDialog && e.onAfterOpenDialog(o, l.data), d("open-dialog", { mode: o, data: l.data });
443
+ l.loading = !1, e.onAfterOpenDialog && e.onAfterOpenDialog(t, l.data), u("open-dialog", { mode: t, data: l.data });
434
444
  }
435
445
  } else
436
- l.data = n, e.onAfterOpenDialog && e.onAfterOpenDialog(o, l.data), d("open-dialog", { mode: o, data: l.data });
437
- }, J = async () => {
446
+ l.data = n, e.onAfterOpenDialog && e.onAfterOpenDialog(t, l.data), u("open-dialog", { mode: t, data: l.data });
447
+ }, j = async () => {
438
448
  try {
439
449
  l.formRef ? await l.formRef.validate() : console.warn("Dialog form ref is not available for validation."), await z(l.mode, l.data);
440
- } catch (o) {
441
- console.log("Validation or submit error:", o);
450
+ } catch (t) {
451
+ console.log("Validation or submit error:", t);
442
452
  }
443
- }, K = async (o) => {
444
- if (B(e.apiUrlDelete, "apiUrlDelete"))
453
+ }, X = async (t) => {
454
+ if (D(e.apiUrlDelete, "apiUrlDelete"))
445
455
  try {
446
- const t = F.value.filter((h) => o.includes(h.id));
447
- if (e.onBeforeDelete && await e.onBeforeDelete(o, t) === !1)
456
+ const o = F.value.filter((b) => t.includes(b.id));
457
+ if (e.onBeforeDelete && await e.onBeforeDelete(t, o) === !1)
448
458
  return;
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();
451
- } catch (t) {
452
- console.error("Delete failed", t);
459
+ const n = t.join(",");
460
+ await A.delete(e.apiUrlDelete + "/" + n.toString()), T.success("删除成功"), e.onAfterDelete && e.onAfterDelete(t, o), u("delete", t), F.value.length === t.length && c.pageNum > 1 && c.pageNum--, O();
461
+ } catch (o) {
462
+ console.error("Delete failed", o);
453
463
  }
454
- }, re = (o) => {
455
- c.pageSize = o, W();
456
- }, ne = (o) => {
457
- c.pageNum = o, O();
464
+ }, ne = (t) => {
465
+ c.pageSize = t, W();
466
+ }, ie = (t) => {
467
+ c.pageNum = t, O();
468
+ };
469
+ G(O);
470
+ const se = () => {
471
+ l.visible = !1;
458
472
  };
459
- return M(O), s({
473
+ return H(
474
+ c,
475
+ (t) => {
476
+ u("update:initialSearchForm", { ...toRaw(t) });
477
+ },
478
+ { deep: !0 }
479
+ ), H(
480
+ () => e.initialSearchForm,
481
+ (t) => {
482
+ Object.assign(c, t);
483
+ },
484
+ { deep: !0 }
485
+ ), s({
460
486
  refresh: O,
461
487
  // 刷新表格
462
488
  search: W,
463
489
  // 按当前条件搜索
464
- handleDelete: K,
490
+ handleDelete: X,
465
491
  // 手动触发删除
466
- openDialog: L,
492
+ openDialog: Q,
467
493
  // 手动打开弹窗
468
- submit: z
494
+ submit: z,
469
495
  // 手动提交
470
- }), (o, t) => {
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", {
496
+ closeDialog: se
497
+ //关闭弹窗
498
+ }), (t, o) => {
499
+ const n = y("el-button"), b = y("el-form-item"), E = y("el-form"), V = y("el-table-column"), I = y("el-popconfirm"), ue = y("el-table"), de = y("el-pagination"), pe = y("el-skeleton"), Y = y("el-dialog"), fe = y("el-icon"), ce = be("loading");
500
+ return r(), w("div", {
473
501
  class: he([_.value, "crud-table-container"])
474
502
  }, [
475
- e.showSearchSection ? (r(), b("div", Oe, [
476
- w(o.$slots, "header", {}, void 0, !0),
477
- S("div", Re, [
503
+ e.showSearchSection ? (r(), w("div", Re, [
504
+ h(t.$slots, "header", {}, void 0, !0),
505
+ k("div", Te, [
478
506
  C(E, {
479
507
  model: c,
480
508
  class: "query-form flex flex-nowrap items-center gap-x-4",
481
509
  style: { "overflow-x": "auto", "padding-bottom": "8px" }
482
510
  }, {
483
511
  default: p(() => [
484
- w(o.$slots, "query-conditions", { searchForm: c }, void 0, !0),
485
- C(h, { class: "!mr-0 flex-shrink-0" }, {
512
+ h(t.$slots, "query-conditions", { searchForm: c }, void 0, !0),
513
+ C(b, { class: "!mr-0 flex-shrink-0" }, {
486
514
  default: p(() => [
487
- S("div", Pe, [
488
- w(o.$slots, "query-left", { searchForm: c }, void 0, !0),
489
- e.showSearchActionButtons ? (r(), b(T, { key: 0 }, [
515
+ k("div", Pe, [
516
+ h(t.$slots, "query-left", { searchForm: c }, void 0, !0),
517
+ e.showSearchActionButtons ? (r(), w(P, { key: 0 }, [
490
518
  e.showSearchButton ? (r(), f(n, {
491
519
  key: 0,
492
520
  color: "#336FFF",
493
521
  onClick: W,
494
522
  loading: i.value
495
523
  }, {
496
- default: p(() => [...t[8] || (t[8] = [
497
- D("搜索", -1)
524
+ default: p(() => [...o[8] || (o[8] = [
525
+ B("搜索", -1)
498
526
  ])]),
499
527
  _: 1
500
528
  }, 8, ["loading"])) : g("", !0),
@@ -502,15 +530,15 @@ const xe = /* @__PURE__ */ q({
502
530
  key: 1,
503
531
  color: "#336FFF",
504
532
  plain: "",
505
- onClick: le
533
+ onClick: ae
506
534
  }, {
507
- default: p(() => [...t[9] || (t[9] = [
508
- D("清空", -1)
535
+ default: p(() => [...o[9] || (o[9] = [
536
+ B("清空", -1)
509
537
  ])]),
510
538
  _: 1
511
539
  })) : g("", !0)
512
540
  ], 64)) : g("", !0),
513
- w(o.$slots, "query-right", { searchForm: c }, void 0, !0)
541
+ h(t.$slots, "query-right", { searchForm: c }, void 0, !0)
514
542
  ])
515
543
  ]),
516
544
  _: 3
@@ -518,31 +546,31 @@ const xe = /* @__PURE__ */ q({
518
546
  ]),
519
547
  _: 3
520
548
  }, 8, ["model"]),
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 }, () => [
549
+ k("div", Ne, [
550
+ h(t.$slots, "action-left", { selections: m.value }, void 0, !0),
551
+ h(t.$slots, "add-button-content", { selections: m.value }, () => [
524
552
  e.showNewBtn ? (r(), f(n, {
525
553
  key: 0,
526
554
  color: "#336FFF",
527
- onClick: t[0] || (t[0] = (a) => L("add"))
555
+ onClick: o[0] || (o[0] = (a) => Q("add"))
528
556
  }, {
529
- default: p(() => [...t[10] || (t[10] = [
530
- D("新增", -1)
557
+ default: p(() => [...o[10] || (o[10] = [
558
+ B("新增", -1)
531
559
  ])]),
532
560
  _: 1
533
561
  })) : g("", !0)
534
562
  ], !0),
535
- w(o.$slots, "action-right", { selections: m.value }, void 0, !0)
563
+ h(t.$slots, "action-right", { selections: m.value }, void 0, !0)
536
564
  ])
537
565
  ])
538
566
  ])) : g("", !0),
539
- S("div", Ne, [
540
- we((r(), f(ie, A({
567
+ k("div", We, [
568
+ we((r(), f(ue, $({
541
569
  data: F.value,
542
570
  "element-loading-text": e.loadingText,
543
571
  "element-loading-background": e.loadingBackground,
544
- onSelectionChange: ae
545
- }, o.$attrs, {
572
+ onSelectionChange: re
573
+ }, t.$attrs, {
546
574
  height: "100%",
547
575
  style: { width: "100%" }
548
576
  }), {
@@ -560,27 +588,27 @@ const xe = /* @__PURE__ */ q({
560
588
  width: "70",
561
589
  fixed: ""
562
590
  })) : g("", !0),
563
- (r(!0), b(T, null, j(e.columns, (a) => (r(), f(V, A({
591
+ (r(!0), w(P, null, q(e.columns, (a) => (r(), f(V, $({
564
592
  key: a.prop,
565
593
  prop: a.prop,
566
594
  label: a.label,
567
595
  width: a.width,
568
596
  sortable: a.sortable || !1
569
- }, { ref_for: !0 }, a.attrs), be({
597
+ }, { ref_for: !0 }, a.attrs), _e({
570
598
  header: p(() => [
571
- a.headerTooltip ? (r(), f(ze, {
599
+ a.headerTooltip ? (r(), f(Oe, {
572
600
  key: 0,
573
601
  label: a.label,
574
602
  placement: a.placement
575
- }, null, 8, ["label", "placement"])) : (r(), b("span", We, N(a.label), 1))
603
+ }, null, 8, ["label", "placement"])) : (r(), w("span", je, N(a.label), 1))
576
604
  ]),
577
605
  _: 2
578
606
  }, [
579
607
  a.slot ? {
580
608
  name: "default",
581
- fn: p((I) => [
582
- w(o.$slots, a.slot, {
583
- row: I.row
609
+ fn: p((M) => [
610
+ h(t.$slots, a.slot, {
611
+ row: M.row
584
612
  }, void 0, !0)
585
613
  ]),
586
614
  key: "0"
@@ -589,15 +617,15 @@ const xe = /* @__PURE__ */ q({
589
617
  e.showActionsColumn ? (r(), f(V, {
590
618
  key: 2,
591
619
  label: "操作",
592
- width: u.actionsColumnWidth
620
+ width: d.actionsColumnWidth
593
621
  }, {
594
622
  default: p((a) => [
595
- a.row ? (r(), b("div", Ee, [
596
- o.$slots.actions ? w(o.$slots, "actions", {
623
+ a.row ? (r(), w("div", Ee, [
624
+ t.$slots.actions ? h(t.$slots, "actions", {
597
625
  key: 0,
598
626
  row: a.row
599
- }, void 0, !0) : (r(), b(T, { key: 1 }, [
600
- w(o.$slots, "action-before-edit", {
627
+ }, void 0, !0) : (r(), w(P, { key: 1 }, [
628
+ h(t.$slots, "action-before-edit", {
601
629
  row: a.row
602
630
  }, void 0, !0),
603
631
  e.showEditButton ? (r(), f(n, {
@@ -605,17 +633,17 @@ const xe = /* @__PURE__ */ q({
605
633
  size: "small",
606
634
  type: "primary",
607
635
  link: "",
608
- onClick: (I) => L("edit", a.row)
636
+ onClick: (M) => Q("edit", a.row)
609
637
  }, {
610
- default: p(() => [...t[11] || (t[11] = [
611
- D("编辑 ", -1)
638
+ default: p(() => [...o[11] || (o[11] = [
639
+ B("编辑 ", -1)
612
640
  ])]),
613
641
  _: 1
614
642
  }, 8, ["onClick"])) : g("", !0),
615
- e.showDeleteButton ? (r(), f(Q, {
643
+ e.showDeleteButton ? (r(), f(I, {
616
644
  key: 1,
617
645
  title: "确定要删除这条数据吗?",
618
- onConfirm: (I) => K([a.row.id]),
646
+ onConfirm: (M) => X([a.row.id]),
619
647
  "confirm-button-text": "确定",
620
648
  "cancel-button-text": "取消",
621
649
  width: "200"
@@ -626,15 +654,15 @@ const xe = /* @__PURE__ */ q({
626
654
  type: "danger",
627
655
  link: ""
628
656
  }, {
629
- default: p(() => [...t[12] || (t[12] = [
630
- D("删除", -1)
657
+ default: p(() => [...o[12] || (o[12] = [
658
+ B("删除", -1)
631
659
  ])]),
632
660
  _: 1
633
661
  })
634
662
  ]),
635
663
  _: 1
636
664
  }, 8, ["onConfirm"])) : g("", !0),
637
- w(o.$slots, "action-after-delete", {
665
+ h(t.$slots, "action-after-delete", {
638
666
  row: a.row
639
667
  }, void 0, !0)
640
668
  ], 64))
@@ -645,29 +673,29 @@ const xe = /* @__PURE__ */ q({
645
673
  ]),
646
674
  _: 3
647
675
  }, 16, ["data", "element-loading-text", "element-loading-background"])), [
648
- [pe, i.value]
676
+ [ce, i.value]
649
677
  ])
650
678
  ]),
651
- e.showPagination && k.value > 0 ? (r(), b("div", je, [
652
- C(se, {
679
+ e.showPagination && S.value > 0 ? (r(), w("div", qe, [
680
+ C(de, {
653
681
  "current-page": c.pageNum,
654
- "onUpdate:currentPage": t[1] || (t[1] = (a) => c.pageNum = a),
682
+ "onUpdate:currentPage": o[1] || (o[1] = (a) => c.pageNum = a),
655
683
  "page-size": c.pageSize,
656
- "onUpdate:pageSize": t[2] || (t[2] = (a) => c.pageSize = a),
684
+ "onUpdate:pageSize": o[2] || (o[2] = (a) => c.pageSize = a),
657
685
  "page-sizes": e.pageSizes,
658
686
  layout: e.paginationLayout,
659
- total: k.value,
687
+ total: S.value,
660
688
  background: e.paginationBackground,
661
689
  small: e.paginationSmall,
662
690
  "hide-on-single-page": e.paginationHideOnSinglePage,
663
- onSizeChange: re,
664
- onCurrentChange: ne
691
+ onSizeChange: ne,
692
+ onCurrentChange: ie
665
693
  }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total", "background", "small", "hide-on-single-page"])
666
694
  ])) : g("", !0),
667
- e.dialogFullscreen ? (r(), f(X, {
695
+ e.dialogFullscreen ? (r(), f(Y, {
668
696
  key: 3,
669
697
  modelValue: l.visible,
670
- "onUpdate:modelValue": t[7] || (t[7] = (a) => l.visible = a),
698
+ "onUpdate:modelValue": o[7] || (o[7] = (a) => l.visible = a),
671
699
  fullscreen: !0,
672
700
  width: e.dialogWidth,
673
701
  "destroy-on-close": !0,
@@ -677,125 +705,137 @@ const xe = /* @__PURE__ */ q({
677
705
  style: { display: "flex", "flex-direction": "column", "max-height": "100vh" }
678
706
  }, {
679
707
  header: p(() => [
680
- S("div", Qe, [
708
+ k("div", Ie, [
681
709
  C(n, {
682
710
  type: "info",
683
711
  text: "",
684
- onClick: t[5] || (t[5] = (a) => l.visible = !1),
712
+ onClick: o[5] || (o[5] = (a) => l.visible = !1),
685
713
  style: { "margin-right": "12px" }
686
714
  }, {
687
715
  default: p(() => [
688
- C(de, { size: "20" }, {
716
+ C(fe, { size: "20" }, {
689
717
  default: p(() => [
690
- C(_e(Be))
718
+ C(Se(Fe))
691
719
  ]),
692
720
  _: 1
693
721
  })
694
722
  ]),
695
723
  _: 1
696
724
  }),
697
- S("span", Ie, N(H.value), 1)
725
+ k("span", Me, N(J.value), 1)
698
726
  ])
699
727
  ]),
700
728
  footer: p(() => [
701
- S("span", He, [
702
- C(n, {
703
- color: "#336FFF",
704
- plain: "",
705
- onClick: t[6] || (t[6] = (a) => l.visible = !1)
706
- }, {
707
- default: p(() => [...t[15] || (t[15] = [
708
- D("取消", -1)
709
- ])]),
710
- _: 1
711
- }),
712
- C(n, {
713
- color: "#336FFF",
714
- onClick: J,
715
- loading: l.submitting
716
- }, {
717
- default: p(() => [...t[16] || (t[16] = [
718
- D(" 确定 ", -1)
719
- ])]),
720
- _: 1
721
- }, 8, ["loading"])
722
- ])
729
+ h(t.$slots, "dialog-footer", {
730
+ dialog: l,
731
+ submit: j,
732
+ cancel: () => l.visible = !1
733
+ }, () => [
734
+ k("span", Ge, [
735
+ C(n, {
736
+ color: "#336FFF",
737
+ plain: "",
738
+ onClick: o[6] || (o[6] = (a) => l.visible = !1)
739
+ }, {
740
+ default: p(() => [...o[15] || (o[15] = [
741
+ B("取消", -1)
742
+ ])]),
743
+ _: 1
744
+ }),
745
+ C(n, {
746
+ color: "#336FFF",
747
+ onClick: j,
748
+ loading: l.submitting
749
+ }, {
750
+ default: p(() => [...o[16] || (o[16] = [
751
+ B(" 确定 ", -1)
752
+ ])]),
753
+ _: 1
754
+ }, 8, ["loading"])
755
+ ])
756
+ ], !0)
723
757
  ]),
724
758
  default: p(() => [
725
- S("div", Me, [
726
- o.$slots["dialog-form"] ? w(o.$slots, "dialog-form", {
759
+ k("div", He, [
760
+ t.$slots["dialog-form"] ? h(t.$slots, "dialog-form", {
727
761
  key: 0,
728
762
  formData: l.data,
729
763
  mode: l.mode,
730
764
  formRef: (a) => {
731
765
  l.formRef = a;
732
766
  }
733
- }, void 0, !0) : l.loading ? g("", !0) : (r(), f(Z, {
767
+ }, void 0, !0) : l.loading ? g("", !0) : (r(), f(ee, {
734
768
  key: 1,
735
769
  ref: (a) => {
736
770
  l.formRef = a;
737
771
  },
738
772
  "model-value": l.data,
739
- "form-config": G.value,
773
+ "form-config": K.value,
740
774
  rules: e.dialogFormRules,
741
775
  "label-width": e.dialogFormLabelWidth
742
776
  }, null, 8, ["model-value", "form-config", "rules", "label-width"]))
743
777
  ])
744
778
  ]),
745
779
  _: 3
746
- }, 8, ["modelValue", "width", "modal", "custom-class"])) : (r(), f(X, {
780
+ }, 8, ["modelValue", "width", "modal", "custom-class"])) : (r(), f(Y, {
747
781
  key: 2,
748
782
  modelValue: l.visible,
749
- "onUpdate:modelValue": t[4] || (t[4] = (a) => l.visible = a),
750
- title: H.value,
783
+ "onUpdate:modelValue": o[4] || (o[4] = (a) => l.visible = a),
784
+ title: J.value,
751
785
  width: e.dialogWidth,
752
786
  "destroy-on-close": !0,
753
787
  "custom-class": U.value,
754
788
  style: { display: "flex", "flex-direction": "column", "max-height": "80vh" }
755
789
  }, {
756
790
  footer: p(() => [
757
- S("span", Le, [
758
- C(n, {
759
- color: "#336FFF",
760
- onClick: t[3] || (t[3] = (a) => l.visible = !1)
761
- }, {
762
- default: p(() => [...t[13] || (t[13] = [
763
- D("取消", -1)
764
- ])]),
765
- _: 1
766
- }),
767
- C(n, {
768
- color: "#336FFF",
769
- onClick: J,
770
- loading: l.submitting
771
- }, {
772
- default: p(() => [...t[14] || (t[14] = [
773
- D(" 确定 ", -1)
774
- ])]),
775
- _: 1
776
- }, 8, ["loading"])
777
- ])
791
+ h(t.$slots, "dialog-footer", {
792
+ dialog: l,
793
+ submit: j,
794
+ cancel: () => l.visible = !1
795
+ }, () => [
796
+ k("span", Qe, [
797
+ C(n, {
798
+ color: "#336FFF",
799
+ onClick: o[3] || (o[3] = (a) => l.visible = !1)
800
+ }, {
801
+ default: p(() => [...o[13] || (o[13] = [
802
+ B("取消", -1)
803
+ ])]),
804
+ _: 1
805
+ }),
806
+ C(n, {
807
+ color: "#336FFF",
808
+ onClick: j,
809
+ loading: l.submitting
810
+ }, {
811
+ default: p(() => [...o[14] || (o[14] = [
812
+ B(" 确定 ", -1)
813
+ ])]),
814
+ _: 1
815
+ }, 8, ["loading"])
816
+ ])
817
+ ], !0)
778
818
  ]),
779
819
  default: p(() => [
780
- S("div", qe, [
781
- o.$slots["dialog-form"] ? w(o.$slots, "dialog-form", {
820
+ k("div", Le, [
821
+ t.$slots["dialog-form"] ? h(t.$slots, "dialog-form", {
782
822
  key: 0,
783
823
  formData: l.data,
784
824
  mode: l.mode,
785
825
  formRef: (a) => {
786
826
  l.formRef = a;
787
827
  }
788
- }, void 0, !0) : l.loading ? (r(), f(ue, {
828
+ }, void 0, !0) : l.loading ? (r(), f(pe, {
789
829
  key: 1,
790
830
  rows: 5,
791
831
  animated: ""
792
- })) : l.loading ? g("", !0) : (r(), f(Z, {
832
+ })) : l.loading ? g("", !0) : (r(), f(ee, {
793
833
  key: 2,
794
834
  ref: (a) => {
795
835
  l.formRef = a;
796
836
  },
797
837
  "model-value": l.data,
798
- "form-config": G.value,
838
+ "form-config": K.value,
799
839
  rules: e.dialogFormRules,
800
840
  "label-width": e.dialogFormLabelWidth
801
841
  }, null, 8, ["model-value", "form-config", "rules", "label-width"]))
@@ -806,7 +846,7 @@ const xe = /* @__PURE__ */ q({
806
846
  ], 2);
807
847
  };
808
848
  }
809
- }), Ye = /* @__PURE__ */ oe(Ge, [["__scopeId", "data-v-2e055325"]]);
849
+ }), Ze = /* @__PURE__ */ le(Je, [["__scopeId", "data-v-cd8dabb7"]]);
810
850
  export {
811
- Ye as CrudTable
851
+ Ze as CrudTable
812
852
  };
package/dist/z-crud-table.umd.cjs CHANGED
@@ -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-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"})}));
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-cd8dabb7]{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;min-height:0;overflow:hidden}.search-section-wrapper[data-v-cd8dabb7]{flex-shrink:0}.table-content-wrapper[data-v-cd8dabb7]{flex:1;min-height:0;overflow:hidden}.pagination-wrapper[data-v-cd8dabb7]{flex-shrink:0;padding-top:1rem;display:flex;justify-content:flex-end}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.relative{position:relative}.\\!mr-0{margin-right:0!important}.mt-2{margin-top:.5rem}.flex{display:flex}.hidden{display:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body{background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.crud-container{transition:box-shadow .3s ease-in-out}.crud-container:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.query-form .el-form-item{margin-bottom:0!important}.el-table__expanded-cell{padding:1rem 3.5rem!important;background-color:#f8fafc}.action-buttons>*+*{margin-left:.75rem}.el-dialog__header{border-bottom:none;padding:24px 24px 10px}.el-dialog__title{font-size:1.25rem;font-weight:600}.el-dialog__footer{border-top:none;padding:10px 24px 24px}.el-dialog__body{padding:10px 24px}:root{--large-screen-border-color: rgba(120, 153, 199, 1);--large-screen-text-color: rgba(227, 246, 255, 1);--large-screen-search-bg: rgba(210, 224, 243, .1);--large-screen-button-bg: rgba(38, 120, 255, 1);--large-screen-action-link-color: rgba(39, 233, 255, 1);--large-screen-dialog-bg: #1e293b;--large-screen-hover-bg: rgba(120, 153, 199, .15)}.theme-large-screen{color:var(--large-screen-text-color)}.el-modal-dialog,.el-overlay-dialog{position:absolute!important}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
2
+ (function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("axios")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","axios"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w.ZCrudTable={},w.Vue,w.ElementPlus,w.axios))})(this,(function(w,e,b,j){"use strict";/*! Element Plus Icons Vue v2.3.2 */var W=e.defineComponent({name:"ArrowLeftBold",__name:"arrow-left-bold",setup(c){return(s,m)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0"})]))}}),M=W;const T=e.defineComponent({__name:"DynamicForm",props:{modelValue:{},formConfig:{},rules:{}},setup(c,{expose:s}){const m=e.ref(null);return s({validate:()=>{var d;return(d=m.value)==null?void 0:d.validate()}}),(d,t)=>{const u=e.resolveComponent("el-input"),B=e.resolveComponent("el-option"),h=e.resolveComponent("el-select"),S=e.resolveComponent("el-radio"),p=e.resolveComponent("el-radio-group"),k=e.resolveComponent("el-form-item"),y=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(y,e.mergeProps({model:d.modelValue,rules:d.rules,ref_key:"formRef",ref:m},d.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.formConfig,i=>(e.openBlock(),e.createBlock(k,{key:i.prop,label:i.label,prop:i.prop},{default:e.withCtx(()=>[i.type==="input"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:0,modelValue:d.modelValue[i.prop],"onUpdate:modelValue":f=>d.modelValue[i.prop]=f},{ref_for:!0},i.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="textarea"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:1,type:"textarea",modelValue:d.modelValue[i.prop],"onUpdate:modelValue":f=>d.modelValue[i.prop]=f},{ref_for:!0},i.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="select"?(e.openBlock(),e.createBlock(h,e.mergeProps({key:2,modelValue:d.modelValue[i.prop],"onUpdate:modelValue":f=>d.modelValue[i.prop]=f},{ref_for:!0},i.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.options,f=>(e.openBlock(),e.createBlock(B,{key:f.value,label:f.label,value:f.value},null,8,["label","value"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="radio-group"?(e.openBlock(),e.createBlock(p,e.mergeProps({key:3,modelValue:d.modelValue[i.prop],"onUpdate:modelValue":f=>d.modelValue[i.prop]=f},{ref_for:!0},i.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.options,f=>(e.openBlock(),e.createBlock(S,{key:f.value,label:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.label),1)]),_:2},1032,["label"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),i.type==="input-disabled"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:4,"model-value":d.modelValue[i.prop],disabled:""},{ref_for:!0},i.componentProps),null,16,["model-value"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop"]))),128))]),_:1},16,["model","rules"])}}}),_=j.create({baseURL:"",timeout:1e4});_.interceptors.request.use(c=>{const s=localStorage.getItem("token");return s&&(c.headers.Authorization="Bearer "+s),c},c=>(console.log(c),Promise.reject(c))),_.interceptors.response.use(c=>{const s=c.data;return s.code!==200?(b.ElMessage({message:s.msg||"Error",type:"error",duration:5*1e3}),(s.code===401||s.code===403)&&b.ElMessageBox.confirm("您的登录状态已失效，请重新登录","确认登出",{confirmButtonText:"重新登录",cancelButtonText:"取消",type:"warning"}).then(()=>{localStorage.removeItem("token"),location.reload()}),Promise.reject(new Error(s.msg||"Error"))):s},c=>(console.log("HTTP Error: "+c),b.ElMessage({message:"网络错误，请检查您的网络连接或联系管理员",type:"error",duration:5*1e3}),Promise.reject(c)));function q(c){return e.getCurrentScope()?(e.onScopeDispose(c),!0):!1}const L=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Q=L?window:void 0;function $(c){var s;const m=e.toValue(c);return(s=m==null?void 0:m.$el)!=null?s:m}function I(){const c=e.shallowRef(!1),s=e.getCurrentInstance();return s&&e.onMounted(()=>{c.value=!0},s),c}function H(c){const s=I();return e.computed(()=>(s.value,!!c()))}function G(c,s,m={}){const{window:d=Q,...t}=m;let u;const B=H(()=>d&&"ResizeObserver"in d),h=()=>{u&&(u.disconnect(),u=void 0)},S=e.computed(()=>{const y=e.toValue(c);return Array.isArray(y)?y.map(i=>$(i)):[$(y)]}),p=e.watch(S,y=>{if(h(),B.value&&d){u=new ResizeObserver(s);for(const i of y)i&&u.observe(i,t)}},{immediate:!0,flush:"post"}),k=()=>{h(),p()};return q(k),{isSupported:B,stop:k}}const Z=e.defineComponent({__name:"TableHeaderWithTooltip",props:{label:{},placement:{}},setup(c){const s=e.ref(null),m=e.ref(!1),d=()=>{s.value&&(m.value=s.value.scrollWidth>s.value.clientWidth)};return e.onMounted(()=>{d()}),G(s,()=>{d()}),(t,u)=>{const B=e.resolveComponent("el-tooltip");return m.value?(e.openBlock(),e.createBlock(B,{key:1,content:t.label,placement:t.placement||"top"},{default:e.withCtx(()=>[e.createElementVNode("span",{ref_key:"textRef",ref:s,class:"header-cell-content"},e.toDisplayString(t.label),513)]),_:1},8,["content","placement"])):(e.openBlock(),e.createElementBlock("span",{key:0,ref_key:"textRef",ref:s,class:"header-cell-content"},e.toDisplayString(t.label),513))}}}),A=(c,s)=>{const m=c.__vccOpts||c;for(const[d,t]of s)m[d]=t;return m},J=A(Z,[["__scopeId","data-v-d23c8660"]]),K={key:0,class:"search-section-wrapper"},X={class:"flex flex-wrap items-center justify-between gap-4"},Y={class:"flex items-center gap-x-2"},v={class:"flex items-center gap-x-3 action-buttons flex-shrink-0"},ee={class:"table-content-wrapper"},te={key:1},oe={key:0,class:"flex items-center gap-x-2"},le={key:1,class:"pagination-wrapper flex justify-end mt-2"},ae={style:{"overflow-y":"auto",flex:"1"}},re={class:"dialog-footer"},ne={class:"flex items-center"},ie={class:"el-dialog__title"},se={style:{"overflow-y":"auto",flex:"1"}},de={class:"dialog-footer"},ce=A(e.defineComponent({__name:"CrudTable",props:{theme:{type:String,default:"default"},customClass:{type:String,default:""},apiUrlQuery:{type:String,required:!0},apiUrlDetail:{type:String,required:!0},apiUrlCreate:{type:String,required:!0},apiUrlUpdate:{type:String,required:!0},apiUrlDelete:{type:String,required:!0},loadingText:{type:String,default:"加载中…"},loadingBackground:{type:String,default:"rgba(0, 0, 0, 0.3)"},showSearchSection:{type:Boolean,default:!0},showSearchActionButtons:{type:Boolean,default:!0},showSearchButton:{type:Boolean,default:!0},showClearButton:{type:Boolean,default:!0},showNewBtn:{type:Boolean,default:!0},columns:{type:Array,default:()=>[]},onBeforeQuery:{type:Function},onAfterQuery:{type:Function},onBeforeOpenDialog:{type:Function},onAfterOpenDialog:{type:Function},onBeforeSubmit:{type:Function},onAfterSubmit:{type:Function},onBeforeDelete:{type:Function},onAfterDelete:{type:Function},showSelectionColumn:{type:Boolean,default:!0},showIndexColumn:{type:Boolean,default:!0},showActionsColumn:{type:Boolean,default:!0},showEditButton:{type:Boolean,default:!0},showDeleteButton:{type:Boolean,default:!0},actionsColumnWidth:{type:[String,Number],default:120},dialogWidth:{type:String,default:"50%"},initialSearchForm:{type:Object,default:()=>({pageNum:1,pageSize:10})},showPagination:{type:Boolean,default:!0},pageSizes:{type:Array,default:()=>[10,20,50,100]},paginationLayout:{type:String,default:"total, sizes, prev, pager, next, jumper"},paginationBackground:{type:Boolean,default:!0},paginationSmall:{type:Boolean,default:!1},paginationHideOnSinglePage:{type:Boolean,default:!1},dialogFormConfig:{type:Array,default:()=>[]},dialogFormRules:{type:Object,default:()=>({})},dialogFormLabelWidth:{type:String,default:120},submitAsFormData:{type:Boolean,default:!1},dialogFullscreen:{type:Boolean,default:!1},addDialogTitle:{type:String,default:"新增"},editDialogTitle:{type:String,default:"编辑"}},emits:["open-dialog","submit","delete","update:initialSearchForm"],setup(c,{expose:s,emit:m}){const d=m,t=c,u=e.computed(()=>["crud-table-wrapper",`theme-${t.theme}`,t.customClass]),B=e.computed(()=>t.theme==="large-screen"?"large-screen-dialog":""),h=(o,l)=>o?!0:(b.ElMessage.error(`${l} prop is required.`),!1),S=async(o,l)=>{try{let n={...l};t.onBeforeSubmit&&(n=await t.onBeforeSubmit(n,o));let g=n;if(t.submitAsFormData){const D=new FormData;for(const C in n)if(Object.prototype.hasOwnProperty.call(n,C)){const E=n[C];D.append(C,E??"")}g=D}if(a.submitting=!0,o==="add"){if(!h(t.apiUrlCreate,"apiUrlCreate"))throw new Error("apiUrlCreate is not configured.");await _.post(t.apiUrlCreate,g),b.ElMessage.success("新增成功")}else{if(!h(t.apiUrlUpdate,"apiUrlUpdate"))throw new Error("apiUrlUpdate is not configured.");await _.put(t.apiUrlUpdate,g),b.ElMessage.success("更新成功")}return t.onAfterSubmit&&t.onAfterSubmit(o,n),d("submit",{mode:o,data:n}),a.visible&&(a.visible=!1),V(),Promise.resolve()}catch(n){return console.error("Submit failed:",n),Promise.reject(n)}finally{a.submitting=!1}},p=e.reactive({pageNum:1,pageSize:10,...t.initialSearchForm}),k=e.ref([]),y=e.ref(0),i=e.ref(!1),f=e.ref([]),a=e.reactive({visible:!1,loading:!1,submitting:!1,mode:"add",data:{},formRef:null}),O=e.computed(()=>a.mode==="add"?t.addDialogTitle:t.editDialogTitle),z=e.computed(()=>{if(a.mode==="add")return t.dialogFormConfig.filter(l=>l.prop!=="id");const o=[...t.dialogFormConfig.filter(l=>l.prop!=="id")];return o.some(l=>l.prop==="id")||o.unshift({type:"input-disabled",prop:"id",label:"用户ID"}),o}),V=async()=>{if(h(t.apiUrlQuery,"apiUrlQuery")){i.value=!0;try{let o={...p};t.onBeforeQuery&&(o=await t.onBeforeQuery(o));const l=await _.get(t.apiUrlQuery,{params:o});if(l&&l.data&&Array.isArray(l.data.rows)&&typeof l.data.total=="number"){let n=l.data.rows;t.onAfterQuery&&(n=await t.onAfterQuery(n,o)),k.value=n,y.value=l.data.total}else console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."),k.value=[],y.value=0}catch(o){console.error("Fetch data failed:",o)}finally{i.value=!1}}},x=()=>{p.pageNum=1,V()},pe=()=>{const{pageNum:o,pageSize:l,...n}=t.initialSearchForm;Object.keys(p).forEach(g=>{g!=="pageNum"&&g!=="pageSize"&&delete p[g]}),Object.assign(p,n),x()},fe=o=>{f.value=o},F=async(o,l)=>{let n;if(o==="add"?n=l?{...l}:{role:"user"}:n={...l},t.onBeforeOpenDialog){const g=await t.onBeforeOpenDialog(o,n);g&&(n=g)}if(a.mode=o,a.visible=!0,o==="edit"){if(!h(t.apiUrlDetail,"apiUrlDetail"))return;a.loading=!0;try{const g=await _.get(t.apiUrlDetail+"/"+n.id.toString());a.data=g.data.data}finally{a.loading=!1,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,a.data),d("open-dialog",{mode:o,data:a.data})}}else a.data=n,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,a.data),d("open-dialog",{mode:o,data:a.data})},N=async()=>{try{a.formRef?await a.formRef.validate():console.warn("Dialog form ref is not available for validation."),await S(a.mode,a.data)}catch(o){console.log("Validation or submit error:",o)}},R=async o=>{if(h(t.apiUrlDelete,"apiUrlDelete"))try{const l=k.value.filter(g=>o.includes(g.id));if(t.onBeforeDelete&&await t.onBeforeDelete(o,l)===!1)return;const n=o.join(",");await _.delete(t.apiUrlDelete+"/"+n.toString()),b.ElMessage.success("删除成功"),t.onAfterDelete&&t.onAfterDelete(o,l),d("delete",o),k.value.length===o.length&&p.pageNum>1&&p.pageNum--,V()}catch(l){console.error("Delete failed",l)}},me=o=>{p.pageSize=o,x()},ge=o=>{p.pageNum=o,V()};e.onMounted(V);const ue=()=>{a.visible=!1};return e.watch(p,o=>{d("update:initialSearchForm",{...toRaw(o)})},{deep:!0}),e.watch(()=>t.initialSearchForm,o=>{Object.assign(p,o)},{deep:!0}),s({refresh:V,search:x,handleDelete:R,openDialog:F,submit:S,closeDialog:ue}),(o,l)=>{const n=e.resolveComponent("el-button"),g=e.resolveComponent("el-form-item"),D=e.resolveComponent("el-form"),C=e.resolveComponent("el-table-column"),E=e.resolveComponent("el-popconfirm"),ye=e.resolveComponent("el-table"),he=e.resolveComponent("el-pagination"),ke=e.resolveComponent("el-skeleton"),P=e.resolveComponent("el-dialog"),we=e.resolveComponent("el-icon"),Be=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([u.value,"crud-table-container"])},[t.showSearchSection?(e.openBlock(),e.createElementBlock("div",K,[e.renderSlot(o.$slots,"header",{},void 0,!0),e.createElementVNode("div",X,[e.createVNode(D,{model:p,class:"query-form flex flex-nowrap items-center gap-x-4",style:{"overflow-x":"auto","padding-bottom":"8px"}},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"query-conditions",{searchForm:p},void 0,!0),e.createVNode(g,{class:"!mr-0 flex-shrink-0"},{default:e.withCtx(()=>[e.createElementVNode("div",Y,[e.renderSlot(o.$slots,"query-left",{searchForm:p},void 0,!0),t.showSearchActionButtons?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.showSearchButton?(e.openBlock(),e.createBlock(n,{key:0,color:"#336FFF",onClick:x,loading:i.value},{default:e.withCtx(()=>[...l[8]||(l[8]=[e.createTextVNode("搜索",-1)])]),_:1},8,["loading"])):e.createCommentVNode("",!0),t.showClearButton?(e.openBlock(),e.createBlock(n,{key:1,color:"#336FFF",plain:"",onClick:pe},{default:e.withCtx(()=>[...l[9]||(l[9]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"query-right",{searchForm:p},void 0,!0)])]),_:3})]),_:3},8,["model"]),e.createElementVNode("div",v,[e.renderSlot(o.$slots,"action-left",{selections:f.value},void 0,!0),e.renderSlot(o.$slots,"add-button-content",{selections:f.value},()=>[t.showNewBtn?(e.openBlock(),e.createBlock(n,{key:0,color:"#336FFF",onClick:l[0]||(l[0]=r=>F("add"))},{default:e.withCtx(()=>[...l[10]||(l[10]=[e.createTextVNode("新增",-1)])]),_:1})):e.createCommentVNode("",!0)],!0),e.renderSlot(o.$slots,"action-right",{selections:f.value},void 0,!0)])])])):e.createCommentVNode("",!0),e.createElementVNode("div",ee,[e.withDirectives((e.openBlock(),e.createBlock(ye,e.mergeProps({data:k.value,"element-loading-text":t.loadingText,"element-loading-background":t.loadingBackground,onSelectionChange:fe},o.$attrs,{height:"100%",style:{width:"100%"}}),{default:e.withCtx(()=>[t.showSelectionColumn?(e.openBlock(),e.createBlock(C,{key:0,type:"selection",width:"55",fixed:""})):e.createCommentVNode("",!0),t.showIndexColumn?(e.openBlock(),e.createBlock(C,{key:1,type:"index",label:"序号",width:"70",fixed:""})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,r=>(e.openBlock(),e.createBlock(C,e.mergeProps({key:r.prop,prop:r.prop,label:r.label,width:r.width,sortable:r.sortable||!1},{ref_for:!0},r.attrs),e.createSlots({header:e.withCtx(()=>[r.headerTooltip?(e.openBlock(),e.createBlock(J,{key:0,label:r.label,placement:r.placement},null,8,["label","placement"])):(e.openBlock(),e.createElementBlock("span",te,e.toDisplayString(r.label),1))]),_:2},[r.slot?{name:"default",fn:e.withCtx(U=>[e.renderSlot(o.$slots,r.slot,{row:U.row},void 0,!0)]),key:"0"}:void 0]),1040,["prop","label","width","sortable"]))),128)),t.showActionsColumn?(e.openBlock(),e.createBlock(C,{key:2,label:"操作",width:c.actionsColumnWidth},{default:e.withCtx(r=>[r.row?(e.openBlock(),e.createElementBlock("div",oe,[o.$slots.actions?e.renderSlot(o.$slots,"actions",{key:0,row:r.row},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(o.$slots,"action-before-edit",{row:r.row},void 0,!0),t.showEditButton?(e.openBlock(),e.createBlock(n,{key:0,size:"small",type:"primary",link:"",onClick:U=>F("edit",r.row)},{default:e.withCtx(()=>[...l[11]||(l[11]=[e.createTextVNode("编辑 ",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("",!0),t.showDeleteButton?(e.openBlock(),e.createBlock(E,{key:1,title:"确定要删除这条数据吗?",onConfirm:U=>R([r.row.id]),"confirm-button-text":"确定","cancel-button-text":"取消",width:"200"},{reference:e.withCtx(()=>[e.createVNode(n,{size:"small",type:"danger",link:""},{default:e.withCtx(()=>[...l[12]||(l[12]=[e.createTextVNode("删除",-1)])]),_:1})]),_:1},8,["onConfirm"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"action-after-delete",{row:r.row},void 0,!0)],64))])):e.createCommentVNode("",!0)]),_:3},8,["width"])):e.createCommentVNode("",!0)]),_:3},16,["data","element-loading-text","element-loading-background"])),[[Be,i.value]])]),t.showPagination&&y.value>0?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(he,{"current-page":p.pageNum,"onUpdate:currentPage":l[1]||(l[1]=r=>p.pageNum=r),"page-size":p.pageSize,"onUpdate:pageSize":l[2]||(l[2]=r=>p.pageSize=r),"page-sizes":t.pageSizes,layout:t.paginationLayout,total:y.value,background:t.paginationBackground,small:t.paginationSmall,"hide-on-single-page":t.paginationHideOnSinglePage,onSizeChange:me,onCurrentChange:ge},null,8,["current-page","page-size","page-sizes","layout","total","background","small","hide-on-single-page"])])):e.createCommentVNode("",!0),t.dialogFullscreen?(e.openBlock(),e.createBlock(P,{key:3,modelValue:a.visible,"onUpdate:modelValue":l[7]||(l[7]=r=>a.visible=r),fullscreen:!0,width:t.dialogWidth,"destroy-on-close":!0,modal:!t.dialogFullscreen,"custom-class":B.value,"show-close":!1,style:{display:"flex","flex-direction":"column","max-height":"100vh"}},{header:e.withCtx(()=>[e.createElementVNode("div",ne,[e.createVNode(n,{type:"info",text:"",onClick:l[5]||(l[5]=r=>a.visible=!1),style:{"margin-right":"12px"}},{default:e.withCtx(()=>[e.createVNode(we,{size:"20"},{default:e.withCtx(()=>[e.createVNode(e.unref(M))]),_:1})]),_:1}),e.createElementVNode("span",ie,e.toDisplayString(O.value),1)])]),footer:e.withCtx(()=>[e.renderSlot(o.$slots,"dialog-footer",{dialog:a,submit:N,cancel:()=>a.visible=!1},()=>[e.createElementVNode("span",de,[e.createVNode(n,{color:"#336FFF",plain:"",onClick:l[6]||(l[6]=r=>a.visible=!1)},{default:e.withCtx(()=>[...l[15]||(l[15]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(n,{color:"#336FFF",onClick:N,loading:a.submitting},{default:e.withCtx(()=>[...l[16]||(l[16]=[e.createTextVNode(" 确定 ",-1)])]),_:1},8,["loading"])])],!0)]),default:e.withCtx(()=>[e.createElementVNode("div",se,[o.$slots["dialog-form"]?e.renderSlot(o.$slots,"dialog-form",{key:0,formData:a.data,mode:a.mode,formRef:r=>{a.formRef=r}},void 0,!0):a.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(T,{key:1,ref:r=>{a.formRef=r},"model-value":a.data,"form-config":z.value,rules:t.dialogFormRules,"label-width":t.dialogFormLabelWidth},null,8,["model-value","form-config","rules","label-width"]))])]),_:3},8,["modelValue","width","modal","custom-class"])):(e.openBlock(),e.createBlock(P,{key:2,modelValue:a.visible,"onUpdate:modelValue":l[4]||(l[4]=r=>a.visible=r),title:O.value,width:t.dialogWidth,"destroy-on-close":!0,"custom-class":B.value,style:{display:"flex","flex-direction":"column","max-height":"80vh"}},{footer:e.withCtx(()=>[e.renderSlot(o.$slots,"dialog-footer",{dialog:a,submit:N,cancel:()=>a.visible=!1},()=>[e.createElementVNode("span",re,[e.createVNode(n,{color:"#336FFF",onClick:l[3]||(l[3]=r=>a.visible=!1)},{default:e.withCtx(()=>[...l[13]||(l[13]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(n,{color:"#336FFF",onClick:N,loading:a.submitting},{default:e.withCtx(()=>[...l[14]||(l[14]=[e.createTextVNode(" 确定 ",-1)])]),_:1},8,["loading"])])],!0)]),default:e.withCtx(()=>[e.createElementVNode("div",ae,[o.$slots["dialog-form"]?e.renderSlot(o.$slots,"dialog-form",{key:0,formData:a.data,mode:a.mode,formRef:r=>{a.formRef=r}},void 0,!0):a.loading?(e.openBlock(),e.createBlock(ke,{key:1,rows:5,animated:""})):a.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(T,{key:2,ref:r=>{a.formRef=r},"model-value":a.data,"form-config":z.value,rules:t.dialogFormRules,"label-width":t.dialogFormLabelWidth},null,8,["model-value","form-config","rules","label-width"]))])]),_:3},8,["modelValue","title","width","custom-class"]))],2)}}}),[["__scopeId","data-v-cd8dabb7"]]);w.CrudTable=ce,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "z-crud-table",
3
3
  "private": false,
4
- "version": "0.0.48",
4
+ "version": "0.0.50",
5
5
  "type": "module",
6
6
  "description": "A powerful and flexible CRUD table component for Vue 3 and Element Plus.",
7
7
  "keywords": [