z-crud-table 0.0.42 → 0.0.43

package/dist/components/CrudTable.vue.d.ts

@@ -410,6 +410,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     "action-after-delete"?(_: {
         row: any;
     }): any;
+    "dialog-form"?(_: {
+        formData: Record<string, any>;
+        mode: "add" | "edit";
+        formRef: (el: any) => void;
+    }): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/DynamicForm.vue.d.ts

@@ -0,0 +1,21 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue: Record<string, any>;
+    formConfig: any[];
+    rules?: Record<string, any> | undefined;
+}>>, {
+    validate: () => any;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue: Record<string, any>;
+    formConfig: any[];
+    rules?: Record<string, any> | undefined;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/z-crud-table.js

@@ -1,33 +1,118 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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-7f0655b1]{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;min-height:0;overflow:hidden}.search-section-wrapper[data-v-7f0655b1]{flex-shrink:0}.table-content-wrapper[data-v-7f0655b1]{flex:1;min-height:0;overflow:hidden}.pagination-wrapper[data-v-7f0655b1]{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}.\\!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}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.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)}.theme-large-screen .crud-container{background-color:transparent!important;border:none}.theme-large-screen .el-table,.theme-large-screen .el-table__expanded-cell,.theme-large-screen .el-table th.el-table__cell,.theme-large-screen .el-table tr,.theme-large-screen .el-table .el-table__row{background-color:transparent!important;color:var(--large-screen-text-color)}.theme-large-screen .el-table th.el-table__cell{font-weight:600}.theme-large-screen .el-table td.el-table__cell,.theme-large-screen .el-table th.el-table__cell.is-leaf{border-bottom:1px solid var(--large-screen-border-color)}.theme-large-screen .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:var(--large-screen-hover-bg)!important}.theme-large-screen .el-table--border .el-table__inner-wrapper:after,.theme-large-screen .el-table--border:after,.theme-large-screen .el-table--border:before,.theme-large-screen .el-table__inner-wrapper:before{background-color:var(--large-screen-border-color)}.theme-large-screen .el-form-item__label{color:var(--large-screen-text-color)}.theme-large-screen .query-form .el-input__wrapper,.theme-large-screen .query-form .el-select__wrapper{background-color:var(--large-screen-search-bg);box-shadow:none!important;border:1px solid var(--large-screen-border-color)}.theme-large-screen .el-button--primary,.theme-large-screen .el-button--success{background-color:var(--large-screen-button-bg);border-color:var(--large-screen-button-bg);color:#fff}.theme-large-screen .el-button--primary:hover,.theme-large-screen .el-button--success:hover{filter:brightness(1.2);background-color:var(--large-screen-button-bg);border-color:var(--large-screen-button-bg)}.theme-large-screen .el-button--danger:not(.is-link){background-color:#f56c6c;border-color:#f56c6c;color:#fff}.theme-large-screen .el-table .el-button.is-link{color:var(--large-screen-action-link-color)}.theme-large-screen .el-table .el-button.is-link:hover{filter:brightness(1.2)}.theme-large-screen .el-pagination{--el-pagination-text-color: var(--large-screen-text-color);--el-pagination-bg-color: transparent;--el-pagination-button-disabled-bg-color: rgba(120, 153, 199, .2);--el-pagination-button-bg-color: rgba(120, 153, 199, .3)}.large-screen-dialog .el-dialog{background-color:var(--el-dialog-bg-color)!important;border-radius:8px}.large-screen-dialog .el-dialog__title,.large-screen-dialog .el-dialog__body{color:var(--large-screen-text-color)}.large-screen-dialog .el-form-item__label{color:var(--large-screen-text-color)!important}.large-screen-dialog .el-input__wrapper,.large-screen-dialog .el-select__wrapper{background-color:#7899c71a!important;border:1px solid var(--large-screen-border-color)!important;box-shadow:none!important}.large-screen-dialog .el-input__inner,.large-screen-dialog .el-radio__label{color:var(--large-screen-text-color)!important}.large-screen-dialog .el-button--primary{background-color:var(--large-screen-button-bg);border-color:var(--large-screen-button-bg);color:#fff}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { getCurrentScope as le, onScopeDispose as ie, computed as x, toValue as G, watch as se, shallowRef as ue, getCurrentInstance as de, onMounted as I, defineComponent as J, ref as z, resolveComponent as v, createElementBlock as b, createBlock as h, openBlock as s, toDisplayString as R, withCtx as f, createElementVNode as $, reactive as M, resolveDirective as pe, normalizeClass as ce, createCommentVNode as y, createVNode as D, renderSlot as g, Fragment as Q, createTextVNode as F, withDirectives as fe, mergeProps as H, renderList as ge, createSlots as me } from "vue";
-import { ElMessage as O, ElMessageBox as ye } from "element-plus";
-import he from "axios";
-const B = he.create({
+(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-c6e93397]{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;min-height:0;overflow:hidden}.search-section-wrapper[data-v-c6e93397]{flex-shrink:0}.table-content-wrapper[data-v-c6e93397]{flex:1;min-height:0;overflow:hidden}.pagination-wrapper[data-v-c6e93397]{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}.\\!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}.rounded-xl{border-radius:.75rem}.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)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent as M, ref as z, resolveComponent as y, createBlock as c, openBlock as r, mergeProps as A, withCtx as p, createElementBlock as S, Fragment as T, renderList as j, createCommentVNode as b, createTextVNode as V, toDisplayString as W, getCurrentScope as de, onScopeDispose as pe, computed as P, toValue as K, watch as fe, shallowRef as ce, getCurrentInstance as me, onMounted as H, createElementVNode as F, reactive as G, resolveDirective as ge, normalizeClass as ye, createVNode as D, renderSlot as _, withDirectives as ve, createSlots as be } from "vue";
+import { ElMessage as R, ElMessageBox as he } from "element-plus";
+import we from "axios";
+const _e = /* @__PURE__ */ M({
+  __name: "DynamicForm",
+  props: {
+    modelValue: {},
+    formConfig: {},
+    rules: {}
+  },
+  setup(d, { expose: n }) {
+    const v = z(null);
+    return n({
+      validate: () => {
+        var u;
+        return (u = v.value) == null ? void 0 : u.validate();
+      }
+    }), (u, e) => {
+      const h = y("el-input"), B = y("el-option"), k = y("el-select"), O = y("el-radio"), f = y("el-radio-group"), C = y("el-form-item"), w = y("el-form");
+      return r(), c(w, A({
+        model: u.modelValue,
+        rules: u.rules,
+        ref_key: "formRef",
+        ref: v
+      }, u.$attrs), {
+        default: p(() => [
+          (r(!0), S(T, null, j(u.formConfig, (a) => (r(), c(C, {
+            key: a.prop,
+            label: a.label,
+            prop: a.prop
+          }, {
+            default: p(() => [
+              a.type === "input" ? (r(), c(h, A({
+                key: 0,
+                modelValue: u.modelValue[a.prop],
+                "onUpdate:modelValue": (m) => u.modelValue[a.prop] = m
+              }, { ref_for: !0 }, a.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : b("", !0),
+              a.type === "textarea" ? (r(), c(h, A({
+                key: 1,
+                type: "textarea",
+                modelValue: u.modelValue[a.prop],
+                "onUpdate:modelValue": (m) => u.modelValue[a.prop] = m
+              }, { ref_for: !0 }, a.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : b("", !0),
+              a.type === "select" ? (r(), c(k, A({
+                key: 2,
+                modelValue: u.modelValue[a.prop],
+                "onUpdate:modelValue": (m) => u.modelValue[a.prop] = m
+              }, { ref_for: !0 }, a.componentProps), {
+                default: p(() => [
+                  (r(!0), S(T, null, j(a.options, (m) => (r(), c(B, {
+                    key: m.value,
+                    label: m.label,
+                    value: m.value
+                  }, null, 8, ["label", "value"]))), 128))
+                ]),
+                _: 2
+              }, 1040, ["modelValue", "onUpdate:modelValue"])) : b("", !0),
+              a.type === "radio-group" ? (r(), c(f, A({
+                key: 3,
+                modelValue: u.modelValue[a.prop],
+                "onUpdate:modelValue": (m) => u.modelValue[a.prop] = m
+              }, { ref_for: !0 }, a.componentProps), {
+                default: p(() => [
+                  (r(!0), S(T, null, j(a.options, (m) => (r(), c(O, {
+                    key: m.value,
+                    label: m.value
+                  }, {
+                    default: p(() => [
+                      V(W(m.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["label"]))), 128))
+                ]),
+                _: 2
+              }, 1040, ["modelValue", "onUpdate:modelValue"])) : b("", !0),
+              a.type === "input-disabled" ? (r(), c(h, A({
+                key: 4,
+                "model-value": u.modelValue[a.prop],
+                disabled: ""
+              }, { ref_for: !0 }, a.componentProps), null, 16, ["model-value"])) : b("", !0)
+            ]),
+            _: 2
+          }, 1032, ["label", "prop"]))), 128))
+        ]),
+        _: 1
+      }, 16, ["model", "rules"]);
+    };
+  }
+}), $ = we.create({
   // VITE_APP_BASE_API 是在 .env 文件中定义的基础 URL
   baseURL: "",
   timeout: 1e4
   // 请求超时时间
 });
-B.interceptors.request.use(
-  (r) => {
+$.interceptors.request.use(
+  (d) => {
     const n = localStorage.getItem("token");
-    return n && (r.headers.Authorization = "Bearer " + n), r;
+    return n && (d.headers.Authorization = "Bearer " + n), d;
   },
-  (r) => (console.log(r), Promise.reject(r))
+  (d) => (console.log(d), Promise.reject(d))
 );
-B.interceptors.response.use(
+$.interceptors.response.use(
   /**
    * @description 如果您想直接获取诸如 headers 或 status 之类的信息，
    * 请直接返回 response => response
    */
-  (r) => {
-    const n = r.data;
-    return n.code !== 200 ? (O({
+  (d) => {
+    const n = d.data;
+    return n.code !== 200 ? (R({
       message: n.msg || "Error",
       // 使用后端返回的 `msg` 作为错误提示
       type: "error",
       duration: 5 * 1e3
-    }), (n.code === 401 || n.code === 403) && ye.confirm(
+    }), (n.code === 401 || n.code === 403) && he.confirm(
       "您的登录状态已失效，请重新登录",
       "确认登出",
       {
@@ -39,114 +124,114 @@ B.interceptors.response.use(
       localStorage.removeItem("token"), location.reload();
     }), Promise.reject(new Error(n.msg || "Error"))) : n;
   },
-  (r) => (console.log("HTTP Error: " + r), O({
+  (d) => (console.log("HTTP Error: " + d), R({
     message: "网络错误，请检查您的网络连接或联系管理员",
     // 提供更友好的网络错误提示
     type: "error",
     duration: 5 * 1e3
-  }), Promise.reject(r))
+  }), Promise.reject(d))
 );
-function we(r) {
-  return le() ? (ie(r), !0) : !1;
+function Se(d) {
+  return de() ? (pe(d), !0) : !1;
 }
-const ve = typeof window < "u" && typeof document < "u";
+const ke = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const be = ve ? window : void 0;
-function L(r) {
+const Ce = ke ? window : void 0;
+function J(d) {
   var n;
-  const p = G(r);
-  return (n = p == null ? void 0 : p.$el) != null ? n : p;
+  const v = K(d);
+  return (n = v == null ? void 0 : v.$el) != null ? n : v;
 }
 // @__NO_SIDE_EFFECTS__
-function Se() {
-  const r = ue(!1), n = de();
-  return n && I(() => {
-    r.value = !0;
-  }, n), r;
+function De() {
+  const d = ce(!1), n = me();
+  return n && H(() => {
+    d.value = !0;
+  }, n), d;
 }
 // @__NO_SIDE_EFFECTS__
-function _e(r) {
-  const n = /* @__PURE__ */ Se();
-  return x(() => (n.value, !!r()));
+function Be(d) {
+  const n = /* @__PURE__ */ De();
+  return P(() => (n.value, !!d()));
 }
-function ke(r, n, p = {}) {
-  const { window: c = be, ...e } = p;
-  let S;
-  const U = /* @__PURE__ */ _e(() => c && "ResizeObserver" in c), _ = () => {
-    S && (S.disconnect(), S = void 0);
-  }, j = x(() => {
-    const m = G(r);
-    return Array.isArray(m) ? m.map((w) => L(w)) : [L(m)];
-  }), i = se(
-    j,
-    (m) => {
-      if (_(), U.value && c) {
-        S = new ResizeObserver(n);
-        for (const w of m)
-          w && S.observe(w, e);
+function Ue(d, n, v = {}) {
+  const { window: u = Ce, ...e } = v;
+  let h;
+  const B = /* @__PURE__ */ Be(() => u && "ResizeObserver" in u), k = () => {
+    h && (h.disconnect(), h = void 0);
+  }, O = P(() => {
+    const w = K(d);
+    return Array.isArray(w) ? w.map((a) => J(a)) : [J(w)];
+  }), f = fe(
+    O,
+    (w) => {
+      if (k(), B.value && u) {
+        h = new ResizeObserver(n);
+        for (const a of w)
+          a && h.observe(a, e);
       }
     },
     { immediate: !0, flush: "post" }
-  ), k = () => {
-    _(), i();
+  ), C = () => {
+    k(), f();
   };
-  return we(k), {
-    isSupported: U,
-    stop: k
+  return Se(C), {
+    isSupported: B,
+    stop: C
   };
 }
-const Ce = /* @__PURE__ */ J({
+const Ve = /* @__PURE__ */ M({
   __name: "TableHeaderWithTooltip",
   props: {
     label: {},
     placement: {}
   },
-  setup(r) {
-    const n = z(null), p = z(!1), c = () => {
-      n.value && (p.value = n.value.scrollWidth > n.value.clientWidth);
+  setup(d) {
+    const n = z(null), v = z(!1), u = () => {
+      n.value && (v.value = n.value.scrollWidth > n.value.clientWidth);
     };
-    return I(() => {
-      c();
-    }), ke(n, () => {
-      c();
-    }), (e, S) => {
-      const U = v("el-tooltip");
-      return p.value ? (s(), h(U, {
+    return H(() => {
+      u();
+    }), Ue(n, () => {
+      u();
+    }), (e, h) => {
+      const B = y("el-tooltip");
+      return v.value ? (r(), c(B, {
         key: 1,
         content: e.label,
         placement: e.placement || "top"
       }, {
-        default: f(() => [
-          $("span", {
+        default: p(() => [
+          F("span", {
             ref_key: "textRef",
             ref: n,
             class: "header-cell-content"
-          }, R(e.label), 513)
+          }, W(e.label), 513)
         ]),
         _: 1
-      }, 8, ["content", "placement"])) : (s(), b("span", {
+      }, 8, ["content", "placement"])) : (r(), S("span", {
         key: 0,
         ref_key: "textRef",
         ref: n,
         class: "header-cell-content"
-      }, R(e.label), 513));
+      }, W(e.label), 513));
     };
   }
-}), K = (r, n) => {
-  const p = r.__vccOpts || r;
-  for (const [c, e] of n)
-    p[c] = e;
-  return p;
-}, De = /* @__PURE__ */ K(Ce, [["__scopeId", "data-v-d23c8660"]]), Be = {
+}), X = (d, n) => {
+  const v = d.__vccOpts || d;
+  for (const [u, e] of n)
+    v[u] = e;
+  return v;
+}, Ae = /* @__PURE__ */ X(Ve, [["__scopeId", "data-v-d23c8660"]]), Fe = {
   key: 0,
   class: "search-section-wrapper"
-}, Ue = { class: "flex flex-wrap items-center justify-between gap-4" }, Ae = { class: "flex items-center gap-x-2" }, xe = { class: "flex items-center gap-x-3 action-buttons flex-shrink-0" }, ze = { class: "table-content-wrapper" }, Oe = { key: 1 }, Fe = {
+}, $e = { class: "flex flex-wrap items-center justify-between gap-4" }, ze = { class: "flex items-center gap-x-2" }, Oe = { class: "flex items-center gap-x-3 action-buttons flex-shrink-0" }, xe = { class: "table-content-wrapper" }, Pe = { key: 1 }, Re = {
   key: 0,
   class: "flex items-center gap-x-2"
-}, $e = {
+}, Te = {
   key: 1,
   class: "pagination-wrapper flex justify-end mt-2"
-}, Te = /* @__PURE__ */ J({
+}, Ne = { style: { "overflow-y": "auto", flex: "1" } }, Ee = { class: "dialog-footer" }, je = /* @__PURE__ */ M({
   __name: "CrudTable",
   props: {
     /**
@@ -235,149 +320,153 @@ const Ce = /* @__PURE__ */ J({
     submitAsFormData: { type: Boolean, default: !1 }
   },
   emits: ["open-dialog", "submit", "delete"],
-  setup(r, { expose: n, emit: p }) {
-    const c = p, e = r, S = x(() => ["crud-table-wrapper", `theme-${e.theme}`, e.customClass]), U = x(() => e.theme === "large-screen" ? "large-screen-dialog" : ""), _ = (t, o) => t ? !0 : (O.error(`${o} prop is required.`), !1), j = async (t, o) => {
+  setup(d, { expose: n, emit: v }) {
+    const u = v, e = d, h = P(() => ["crud-table-wrapper", `theme-${e.theme}`, e.customClass]), B = P(() => e.theme === "large-screen" ? "large-screen-dialog" : ""), k = (t, o) => t ? !0 : (R.error(`${o} prop is required.`), !1), O = async (t, o) => {
       try {
-        let a = { ...o };
-        e.onBeforeSubmit && (a = await e.onBeforeSubmit(a, t));
-        let d = a;
+        let l = { ...o };
+        e.onBeforeSubmit && (l = await e.onBeforeSubmit(l, t));
+        let g = l;
         if (e.submitAsFormData) {
           const E = new FormData();
-          for (const C in a)
-            if (Object.prototype.hasOwnProperty.call(a, C)) {
-              const W = a[C];
-              E.append(C, W ?? "");
+          for (const U in l)
+            if (Object.prototype.hasOwnProperty.call(l, U)) {
+              const Q = l[U];
+              E.append(U, Q ?? "");
             }
-          d = E;
+          g = E;
         }
-        if (u.submitting = !0, t === "add") {
-          if (!_(e.apiUrlCreate, "apiUrlCreate")) throw new Error("apiUrlCreate is not configured.");
-          await B.post(e.apiUrlCreate, d), O.success("新增成功");
+        if (i.submitting = !0, t === "add") {
+          if (!k(e.apiUrlCreate, "apiUrlCreate")) throw new Error("apiUrlCreate is not configured.");
+          await $.post(e.apiUrlCreate, g), R.success("新增成功");
         } else {
-          if (!_(e.apiUrlUpdate, "apiUrlUpdate")) throw new Error("apiUrlUpdate is not configured.");
-          await B.put(e.apiUrlUpdate, d), O.success("更新成功");
+          if (!k(e.apiUrlUpdate, "apiUrlUpdate")) throw new Error("apiUrlUpdate is not configured.");
+          await $.put(e.apiUrlUpdate, g), R.success("更新成功");
         }
-        return e.onAfterSubmit && e.onAfterSubmit(t, a), c("submit", { mode: t, data: a }), u.visible && (u.visible = !1), A(), Promise.resolve();
-      } catch (a) {
-        return console.error("Submit failed:", a), Promise.reject(a);
+        return e.onAfterSubmit && e.onAfterSubmit(t, l), u("submit", { mode: t, data: l }), i.visible && (i.visible = !1), x(), Promise.resolve();
+      } catch (l) {
+        return console.error("Submit failed:", l), Promise.reject(l);
       } finally {
-        u.submitting = !1;
+        i.submitting = !1;
       }
-    }, i = M({ pageNum: 1, pageSize: 10, ...e.initialSearchForm }), k = z([]), m = z(0), w = z(!1), T = z([]), u = M({ visible: !1, loading: !1, submitting: !1, mode: "add", data: {}, formRef: null }), X = x(() => u.mode === "add" ? "新增" : "编辑");
-    x(() => {
-      if (u.mode === "add") return e.dialogFormConfig.filter((o) => o.prop !== "id");
+    }, f = G({ pageNum: 1, pageSize: 10, ...e.initialSearchForm }), C = z([]), w = z(0), a = z(!1), m = z([]), i = G({ visible: !1, loading: !1, submitting: !1, mode: "add", data: {}, formRef: null }), Y = P(() => i.mode === "add" ? "新增" : "编辑"), Z = P(() => {
+      if (i.mode === "add") return e.dialogFormConfig.filter((o) => o.prop !== "id");
       const t = [...e.dialogFormConfig.filter((o) => o.prop !== "id")];
       return t.some((o) => o.prop === "id") || t.unshift({ type: "input-disabled", prop: "id", label: "用户ID" }), t;
-    });
-    const A = async () => {
-      if (_(e.apiUrlQuery, "apiUrlQuery")) {
-        w.value = !0;
+    }), x = async () => {
+      if (k(e.apiUrlQuery, "apiUrlQuery")) {
+        a.value = !0;
         try {
-          let t = { ...i };
+          let t = { ...f };
           e.onBeforeQuery && (t = await e.onBeforeQuery(t));
-          const o = await B.get(e.apiUrlQuery, { params: t });
+          const o = await $.get(e.apiUrlQuery, { params: t });
           if (o && o.data && Array.isArray(o.data.rows) && typeof o.data.total == "number") {
-            let a = o.data.rows;
-            e.onAfterQuery && (a = await e.onAfterQuery(a, t)), k.value = a, m.value = o.data.total;
+            let l = o.data.rows;
+            e.onAfterQuery && (l = await e.onAfterQuery(l, t)), C.value = l, w.value = o.data.total;
           } else
-            console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."), k.value = [], m.value = 0;
+            console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."), C.value = [], w.value = 0;
         } catch (t) {
           console.error("Fetch data failed:", t);
         } finally {
-          w.value = !1;
+          a.value = !1;
         }
       }
     }, N = () => {
-      i.pageNum = 1, A();
-    }, Y = () => {
-      const { pageNum: t, pageSize: o, ...a } = e.initialSearchForm;
-      Object.keys(i).forEach((d) => {
-        d !== "pageNum" && d !== "pageSize" && delete i[d];
-      }), Object.assign(i, a), N();
-    }, Z = (t) => {
-      T.value = t;
-    }, P = async (t, o) => {
-      let a;
-      if (t === "add" ? a = o ? { ...o } : { role: "user" } : a = { ...o }, e.onBeforeOpenDialog) {
-        const d = await e.onBeforeOpenDialog(t, a);
-        d && (a = d);
+      f.pageNum = 1, x();
+    }, ee = () => {
+      const { pageNum: t, pageSize: o, ...l } = e.initialSearchForm;
+      Object.keys(f).forEach((g) => {
+        g !== "pageNum" && g !== "pageSize" && delete f[g];
+      }), Object.assign(f, l), N();
+    }, te = (t) => {
+      m.value = t;
+    }, q = async (t, o) => {
+      let l;
+      if (t === "add" ? l = o ? { ...o } : { role: "user" } : l = { ...o }, e.onBeforeOpenDialog) {
+        const g = await e.onBeforeOpenDialog(t, l);
+        g && (l = g);
       }
-      if (u.mode = t, u.visible = !0, t === "edit") {
-        if (!_(e.apiUrlDetail, "apiUrlDetail")) return;
-        u.loading = !0;
+      if (i.mode = t, i.visible = !0, t === "edit") {
+        if (!k(e.apiUrlDetail, "apiUrlDetail")) return;
+        i.loading = !0;
         try {
-          const d = await B.get(e.apiUrlDetail + "/" + a.id.toString());
-          u.data = d.data.data;
+          const g = await $.get(e.apiUrlDetail + "/" + l.id.toString());
+          i.data = g.data.data;
         } finally {
-          u.loading = !1, e.onAfterOpenDialog && e.onAfterOpenDialog(t, u.data), c("open-dialog", { mode: t, data: u.data });
+          i.loading = !1, e.onAfterOpenDialog && e.onAfterOpenDialog(t, i.data), u("open-dialog", { mode: t, data: i.data });
         }
       } else
-        u.data = a, e.onAfterOpenDialog && e.onAfterOpenDialog(t, u.data), c("open-dialog", { mode: t, data: u.data });
-    }, V = async (t) => {
-      if (_(e.apiUrlDelete, "apiUrlDelete"))
+        i.data = l, e.onAfterOpenDialog && e.onAfterOpenDialog(t, i.data), u("open-dialog", { mode: t, data: i.data });
+    }, oe = async () => {
+      try {
+        i.formRef ? await i.formRef.validate() : console.warn("Dialog form ref is not available for validation."), await O(i.mode, i.data);
+      } catch (t) {
+        console.log("Validation or submit error:", t);
+      }
+    }, L = async (t) => {
+      if (k(e.apiUrlDelete, "apiUrlDelete"))
         try {
-          const o = k.value.filter((d) => t.includes(d.id));
+          const o = C.value.filter((g) => t.includes(g.id));
           if (e.onBeforeDelete && await e.onBeforeDelete(t, o) === !1)
             return;
-          const a = t.join(",");
-          await B.delete(e.apiUrlDelete + "/" + a.toString()), O.success("删除成功"), e.onAfterDelete && e.onAfterDelete(t, o), c("delete", t), k.value.length === t.length && i.pageNum > 1 && i.pageNum--, A();
+          const l = t.join(",");
+          await $.delete(e.apiUrlDelete + "/" + l.toString()), R.success("删除成功"), e.onAfterDelete && e.onAfterDelete(t, o), u("delete", t), C.value.length === t.length && f.pageNum > 1 && f.pageNum--, x();
         } catch (o) {
           console.error("Delete failed", o);
         }
-    }, ee = (t) => {
-      i.pageSize = t, N();
-    }, te = (t) => {
-      i.pageNum = t, A();
+    }, ae = (t) => {
+      f.pageSize = t, N();
+    }, le = (t) => {
+      f.pageNum = t, x();
     };
-    return I(A), n({
-      refresh: A,
+    return H(x), n({
+      refresh: x,
       // 刷新表格
       search: N,
       // 按当前条件搜索
-      handleDelete: V,
+      handleDelete: L,
       // 手动触发删除
-      openDialog: P,
+      openDialog: q,
       // 手动打开弹窗
-      submit: j
+      submit: O
       // 手动提交
     }), (t, o) => {
-      const a = v("el-button"), d = v("el-form-item"), E = v("el-form"), C = v("el-table-column"), W = v("el-popconfirm"), oe = v("el-table"), ae = v("el-pagination"), ne = v("el-dialog"), re = pe("loading");
-      return s(), b("div", {
-        class: ce([S.value, "crud-table-container"])
+      const l = y("el-button"), g = y("el-form-item"), E = y("el-form"), U = y("el-table-column"), Q = y("el-popconfirm"), re = y("el-table"), ne = y("el-pagination"), ie = y("el-skeleton"), se = y("el-dialog"), ue = ge("loading");
+      return r(), S("div", {
+        class: ye([h.value, "crud-table-container"])
       }, [
-        e.showSearchSection ? (s(), b("div", Be, [
-          g(t.$slots, "header", {}, void 0, !0),
-          $("div", Ue, [
+        e.showSearchSection ? (r(), S("div", Fe, [
+          _(t.$slots, "header", {}, void 0, !0),
+          F("div", $e, [
             D(E, {
-              model: i,
+              model: f,
               class: "query-form flex flex-nowrap items-center gap-x-4",
               style: { "overflow-x": "auto", "padding-bottom": "8px" }
             }, {
-              default: f(() => [
-                g(t.$slots, "query-conditions", { searchForm: i }, void 0, !0),
-                D(d, { class: "!mr-0 flex-shrink-0" }, {
-                  default: f(() => [
-                    $("div", Ae, [
-                      g(t.$slots, "query-left", { searchForm: i }, void 0, !0),
-                      e.showSearchActionButtons ? (s(), b(Q, { key: 0 }, [
-                        D(a, {
+              default: p(() => [
+                _(t.$slots, "query-conditions", { searchForm: f }, void 0, !0),
+                D(g, { class: "!mr-0 flex-shrink-0" }, {
+                  default: p(() => [
+                    F("div", ze, [
+                      _(t.$slots, "query-left", { searchForm: f }, void 0, !0),
+                      e.showSearchActionButtons ? (r(), S(T, { key: 0 }, [
+                        D(l, {
                           type: "primary",
                           onClick: N,
-                          loading: w.value
+                          loading: a.value
                         }, {
-                          default: f(() => [...o[4] || (o[4] = [
-                            F("搜索", -1)
+                          default: p(() => [...o[5] || (o[5] = [
+                            V("搜索", -1)
                           ])]),
                           _: 1
                         }, 8, ["loading"]),
-                        D(a, { onClick: Y }, {
-                          default: f(() => [...o[5] || (o[5] = [
-                            F("清空", -1)
+                        D(l, { onClick: ee }, {
+                          default: p(() => [...o[6] || (o[6] = [
+                            V("清空", -1)
                           ])]),
                           _: 1
                         })
-                      ], 64)) : y("", !0),
-                      g(t.$slots, "query-right", { searchForm: i }, void 0, !0)
+                      ], 64)) : b("", !0),
+                      _(t.$slots, "query-right", { searchForm: f }, void 0, !0)
                     ])
                   ]),
                   _: 3
@@ -385,164 +474,213 @@ const Ce = /* @__PURE__ */ J({
               ]),
               _: 3
             }, 8, ["model"]),
-            $("div", xe, [
-              g(t.$slots, "action-left", { selections: T.value }, void 0, !0),
-              g(t.$slots, "add-button-content", { selections: T.value }, () => [
-                e.showNewBtn ? (s(), h(a, {
+            F("div", Oe, [
+              _(t.$slots, "action-left", { selections: m.value }, void 0, !0),
+              _(t.$slots, "add-button-content", { selections: m.value }, () => [
+                e.showNewBtn ? (r(), c(l, {
                   key: 0,
                   type: "success",
-                  onClick: o[0] || (o[0] = (l) => P("add"))
+                  onClick: o[0] || (o[0] = (s) => q("add"))
                 }, {
-                  default: f(() => [...o[6] || (o[6] = [
-                    F("新增", -1)
+                  default: p(() => [...o[7] || (o[7] = [
+                    V("新增", -1)
                   ])]),
                   _: 1
-                })) : y("", !0)
+                })) : b("", !0)
               ], !0),
-              g(t.$slots, "action-right", { selections: T.value }, void 0, !0)
+              _(t.$slots, "action-right", { selections: m.value }, void 0, !0)
             ])
           ])
-        ])) : y("", !0),
-        $("div", ze, [
-          fe((s(), h(oe, H({
-            data: k.value,
+        ])) : b("", !0),
+        F("div", xe, [
+          ve((r(), c(re, A({
+            data: C.value,
             "element-loading-text": e.loadingText,
             "element-loading-background": e.loadingBackground,
-            onSelectionChange: Z
+            onSelectionChange: te
           }, t.$attrs, {
             height: "100%",
             style: { width: "100%" }
           }), {
-            default: f(() => [
-              e.showSelectionColumn ? (s(), h(C, {
+            default: p(() => [
+              e.showSelectionColumn ? (r(), c(U, {
                 key: 0,
                 type: "selection",
                 width: "55",
                 fixed: ""
-              })) : y("", !0),
-              e.showIndexColumn ? (s(), h(C, {
+              })) : b("", !0),
+              e.showIndexColumn ? (r(), c(U, {
                 key: 1,
                 type: "index",
                 label: "序号",
                 width: "70",
                 fixed: ""
-              })) : y("", !0),
-              (s(!0), b(Q, null, ge(e.columns, (l) => (s(), h(C, H({
-                key: l.prop,
-                prop: l.prop,
-                label: l.label,
-                width: l.width,
-                sortable: l.sortable || !1
-              }, { ref_for: !0 }, l.attrs), me({
-                header: f(() => [
-                  l.headerTooltip ? (s(), h(De, {
+              })) : b("", !0),
+              (r(!0), S(T, null, j(e.columns, (s) => (r(), c(U, A({
+                key: s.prop,
+                prop: s.prop,
+                label: s.label,
+                width: s.width,
+                sortable: s.sortable || !1
+              }, { ref_for: !0 }, s.attrs), be({
+                header: p(() => [
+                  s.headerTooltip ? (r(), c(Ae, {
                     key: 0,
-                    label: l.label,
-                    placement: l.placement
-                  }, null, 8, ["label", "placement"])) : (s(), b("span", Oe, R(l.label), 1))
+                    label: s.label,
+                    placement: s.placement
+                  }, null, 8, ["label", "placement"])) : (r(), S("span", Pe, W(s.label), 1))
                 ]),
                 _: 2
               }, [
-                l.slot ? {
+                s.slot ? {
                   name: "default",
-                  fn: f((q) => [
-                    g(t.$slots, l.slot, {
-                      row: q.row
+                  fn: p((I) => [
+                    _(t.$slots, s.slot, {
+                      row: I.row
                     }, void 0, !0)
                   ]),
                   key: "0"
                 } : void 0
               ]), 1040, ["prop", "label", "width", "sortable"]))), 128)),
-              e.showActionsColumn ? (s(), h(C, {
+              e.showActionsColumn ? (r(), c(U, {
                 key: 2,
                 label: "操作",
-                width: r.actionsColumnWidth
+                width: d.actionsColumnWidth
               }, {
-                default: f((l) => [
-                  l.row ? (s(), b("div", Fe, [
-                    t.$slots.actions ? g(t.$slots, "actions", {
+                default: p((s) => [
+                  s.row ? (r(), S("div", Re, [
+                    t.$slots.actions ? _(t.$slots, "actions", {
                       key: 0,
-                      row: l.row
-                    }, void 0, !0) : (s(), b(Q, { key: 1 }, [
-                      g(t.$slots, "action-before-edit", {
-                        row: l.row
+                      row: s.row
+                    }, void 0, !0) : (r(), S(T, { key: 1 }, [
+                      _(t.$slots, "action-before-edit", {
+                        row: s.row
                       }, void 0, !0),
-                      e.showEditButton ? (s(), h(a, {
+                      e.showEditButton ? (r(), c(l, {
                         key: 0,
                         size: "small",
                         type: "primary",
                         link: "",
-                        onClick: (q) => P("edit", l.row)
+                        onClick: (I) => q("edit", s.row)
                       }, {
-                        default: f(() => [...o[7] || (o[7] = [
-                          F("编辑 ", -1)
+                        default: p(() => [...o[8] || (o[8] = [
+                          V("编辑 ", -1)
                         ])]),
                         _: 1
-                      }, 8, ["onClick"])) : y("", !0),
-                      e.showDeleteButton ? (s(), h(W, {
+                      }, 8, ["onClick"])) : b("", !0),
+                      e.showDeleteButton ? (r(), c(Q, {
                         key: 1,
                         title: "确定要删除这条数据吗?",
-                        onConfirm: (q) => V([l.row.id]),
+                        onConfirm: (I) => L([s.row.id]),
                         "confirm-button-text": "确定",
                         "cancel-button-text": "取消",
                         width: "200"
                       }, {
-                        reference: f(() => [
-                          D(a, {
+                        reference: p(() => [
+                          D(l, {
                             size: "small",
                             type: "danger",
                             link: ""
                           }, {
-                            default: f(() => [...o[8] || (o[8] = [
-                              F("删除", -1)
+                            default: p(() => [...o[9] || (o[9] = [
+                              V("删除", -1)
                             ])]),
                             _: 1
                           })
                         ]),
                         _: 1
-                      }, 8, ["onConfirm"])) : y("", !0),
-                      g(t.$slots, "action-after-delete", {
-                        row: l.row
+                      }, 8, ["onConfirm"])) : b("", !0),
+                      _(t.$slots, "action-after-delete", {
+                        row: s.row
                       }, void 0, !0)
                     ], 64))
-                  ])) : y("", !0)
+                  ])) : b("", !0)
                 ]),
                 _: 3
-              }, 8, ["width"])) : y("", !0)
+              }, 8, ["width"])) : b("", !0)
             ]),
             _: 3
           }, 16, ["data", "element-loading-text", "element-loading-background"])), [
-            [re, w.value]
+            [ue, a.value]
           ])
         ]),
-        e.showPagination && m.value > 0 ? (s(), b("div", $e, [
-          D(ae, {
-            "current-page": i.pageNum,
-            "onUpdate:currentPage": o[1] || (o[1] = (l) => i.pageNum = l),
-            "page-size": i.pageSize,
-            "onUpdate:pageSize": o[2] || (o[2] = (l) => i.pageSize = l),
+        e.showPagination && w.value > 0 ? (r(), S("div", Te, [
+          D(ne, {
+            "current-page": f.pageNum,
+            "onUpdate:currentPage": o[1] || (o[1] = (s) => f.pageNum = s),
+            "page-size": f.pageSize,
+            "onUpdate:pageSize": o[2] || (o[2] = (s) => f.pageSize = s),
             "page-sizes": e.pageSizes,
             layout: e.paginationLayout,
-            total: m.value,
+            total: w.value,
             background: e.paginationBackground,
             small: e.paginationSmall,
             "hide-on-single-page": e.paginationHideOnSinglePage,
-            onSizeChange: ee,
-            onCurrentChange: te
+            onSizeChange: ae,
+            onCurrentChange: le
           }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total", "background", "small", "hide-on-single-page"])
-        ])) : y("", !0),
-        D(ne, {
-          modelValue: u.visible,
-          "onUpdate:modelValue": o[3] || (o[3] = (l) => u.visible = l),
-          title: X.value,
+        ])) : b("", !0),
+        D(se, {
+          modelValue: i.visible,
+          "onUpdate:modelValue": o[4] || (o[4] = (s) => i.visible = s),
+          title: Y.value,
           width: e.dialogWidth,
           "destroy-on-close": !0,
-          "custom-class": U.value
-        }, null, 8, ["modelValue", "title", "width", "custom-class"])
+          "custom-class": B.value,
+          style: { display: "flex", "flex-direction": "column", "max-height": "80vh" }
+        }, {
+          footer: p(() => [
+            F("span", Ee, [
+              D(l, {
+                onClick: o[3] || (o[3] = (s) => i.visible = !1)
+              }, {
+                default: p(() => [...o[10] || (o[10] = [
+                  V("取消", -1)
+                ])]),
+                _: 1
+              }),
+              D(l, {
+                type: "primary",
+                onClick: oe,
+                loading: i.submitting
+              }, {
+                default: p(() => [...o[11] || (o[11] = [
+                  V(" 确定 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["loading"])
+            ])
+          ]),
+          default: p(() => [
+            F("div", Ne, [
+              t.$slots["dialog-form"] ? _(t.$slots, "dialog-form", {
+                key: 0,
+                formData: i.data,
+                mode: i.mode,
+                formRef: (s) => {
+                  i.formRef = s;
+                }
+              }, void 0, !0) : i.loading ? (r(), c(ie, {
+                key: 1,
+                rows: 5,
+                animated: ""
+              })) : i.loading ? b("", !0) : (r(), c(_e, {
+                key: 2,
+                ref: (s) => {
+                  i.formRef = s;
+                },
+                "model-value": i.data,
+                "form-config": Z.value,
+                rules: e.dialogFormRules
+              }, null, 8, ["model-value", "form-config", "rules"]))
+            ])
+          ]),
+          _: 3
+        }, 8, ["modelValue", "title", "width", "custom-class"])
       ], 2);
     };
   }
-}), Pe = /* @__PURE__ */ K(Te, [["__scopeId", "data-v-7f0655b1"]]);
+}), Ie = /* @__PURE__ */ X(je, [["__scopeId", "data-v-c6e93397"]]);
 export {
-  Pe as CrudTable
+  Ie as CrudTable
 };

package/dist/z-crud-table.umd.cjs

@@ -1,2 +1,2 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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-7f0655b1]{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;min-height:0;overflow:hidden}.search-section-wrapper[data-v-7f0655b1]{flex-shrink:0}.table-content-wrapper[data-v-7f0655b1]{flex:1;min-height:0;overflow:hidden}.pagination-wrapper[data-v-7f0655b1]{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}.\\!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}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.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)}.theme-large-screen .crud-container{background-color:transparent!important;border:none}.theme-large-screen .el-table,.theme-large-screen .el-table__expanded-cell,.theme-large-screen .el-table th.el-table__cell,.theme-large-screen .el-table tr,.theme-large-screen .el-table .el-table__row{background-color:transparent!important;color:var(--large-screen-text-color)}.theme-large-screen .el-table th.el-table__cell{font-weight:600}.theme-large-screen .el-table td.el-table__cell,.theme-large-screen .el-table th.el-table__cell.is-leaf{border-bottom:1px solid var(--large-screen-border-color)}.theme-large-screen .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:var(--large-screen-hover-bg)!important}.theme-large-screen .el-table--border .el-table__inner-wrapper:after,.theme-large-screen .el-table--border:after,.theme-large-screen .el-table--border:before,.theme-large-screen .el-table__inner-wrapper:before{background-color:var(--large-screen-border-color)}.theme-large-screen .el-form-item__label{color:var(--large-screen-text-color)}.theme-large-screen .query-form .el-input__wrapper,.theme-large-screen .query-form .el-select__wrapper{background-color:var(--large-screen-search-bg);box-shadow:none!important;border:1px solid var(--large-screen-border-color)}.theme-large-screen .el-button--primary,.theme-large-screen .el-button--success{background-color:var(--large-screen-button-bg);border-color:var(--large-screen-button-bg);color:#fff}.theme-large-screen .el-button--primary:hover,.theme-large-screen .el-button--success:hover{filter:brightness(1.2);background-color:var(--large-screen-button-bg);border-color:var(--large-screen-button-bg)}.theme-large-screen .el-button--danger:not(.is-link){background-color:#f56c6c;border-color:#f56c6c;color:#fff}.theme-large-screen .el-table .el-button.is-link{color:var(--large-screen-action-link-color)}.theme-large-screen .el-table .el-button.is-link:hover{filter:brightness(1.2)}.theme-large-screen .el-pagination{--el-pagination-text-color: var(--large-screen-text-color);--el-pagination-bg-color: transparent;--el-pagination-button-disabled-bg-color: rgba(120, 153, 199, .2);--el-pagination-button-bg-color: rgba(120, 153, 199, .3)}.large-screen-dialog .el-dialog{background-color:var(--el-dialog-bg-color)!important;border-radius:8px}.large-screen-dialog .el-dialog__title,.large-screen-dialog .el-dialog__body{color:var(--large-screen-text-color)}.large-screen-dialog .el-form-item__label{color:var(--large-screen-text-color)!important}.large-screen-dialog .el-input__wrapper,.large-screen-dialog .el-select__wrapper{background-color:#7899c71a!important;border:1px solid var(--large-screen-border-color)!important;box-shadow:none!important}.large-screen-dialog .el-input__inner,.large-screen-dialog .el-radio__label{color:var(--large-screen-text-color)!important}.large-screen-dialog .el-button--primary{background-color:var(--large-screen-button-bg);border-color:var(--large-screen-button-bg);color:#fff}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-(function(u,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):(u=typeof globalThis<"u"?globalThis:u||self,e(u.ZCrudTable={},u.Vue,u.ElementPlus,u.axios))})(this,(function(u,e,k,z){"use strict";const B=z.create({baseURL:"",timeout:1e4});B.interceptors.request.use(l=>{const r=localStorage.getItem("token");return r&&(l.headers.Authorization="Bearer "+r),l},l=>(console.log(l),Promise.reject(l))),B.interceptors.response.use(l=>{const r=l.data;return r.code!==200?(k.ElMessage({message:r.msg||"Error",type:"error",duration:5*1e3}),(r.code===401||r.code===403)&&k.ElMessageBox.confirm("您的登录状态已失效，请重新登录","确认登出",{confirmButtonText:"重新登录",cancelButtonText:"取消",type:"warning"}).then(()=>{localStorage.removeItem("token"),location.reload()}),Promise.reject(new Error(r.msg||"Error"))):r},l=>(console.log("HTTP Error: "+l),k.ElMessage({message:"网络错误，请检查您的网络连接或联系管理员",type:"error",duration:5*1e3}),Promise.reject(l)));function F(l){return e.getCurrentScope()?(e.onScopeDispose(l),!0):!1}const $=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const j=$?window:void 0;function A(l){var r;const p=e.toValue(l);return(r=p==null?void 0:p.$el)!=null?r:p}function q(){const l=e.shallowRef(!1),r=e.getCurrentInstance();return r&&e.onMounted(()=>{l.value=!0},r),l}function M(l){const r=q();return e.computed(()=>(r.value,!!l()))}function W(l,r,p={}){const{window:f=j,...t}=p;let y;const S=M(()=>f&&"ResizeObserver"in f),h=()=>{y&&(y.disconnect(),y=void 0)},N=e.computed(()=>{const m=e.toValue(l);return Array.isArray(m)?m.map(g=>A(g)):[A(m)]}),s=e.watch(N,m=>{if(h(),S.value&&f){y=new ResizeObserver(r);for(const g of m)g&&y.observe(g,t)}},{immediate:!0,flush:"post"}),w=()=>{h(),s()};return F(w),{isSupported:S,stop:w}}const P=e.defineComponent({__name:"TableHeaderWithTooltip",props:{label:{},placement:{}},setup(l){const r=e.ref(null),p=e.ref(!1),f=()=>{r.value&&(p.value=r.value.scrollWidth>r.value.clientWidth)};return e.onMounted(()=>{f()}),W(r,()=>{f()}),(t,y)=>{const S=e.resolveComponent("el-tooltip");return p.value?(e.openBlock(),e.createBlock(S,{key:1,content:t.label,placement:t.placement||"top"},{default:e.withCtx(()=>[e.createElementVNode("span",{ref_key:"textRef",ref:r,class:"header-cell-content"},e.toDisplayString(t.label),513)]),_:1},8,["content","placement"])):(e.openBlock(),e.createElementBlock("span",{key:0,ref_key:"textRef",ref:r,class:"header-cell-content"},e.toDisplayString(t.label),513))}}}),T=(l,r)=>{const p=l.__vccOpts||l;for(const[f,t]of r)p[f]=t;return p},Q=T(P,[["__scopeId","data-v-d23c8660"]]),R={key:0,class:"search-section-wrapper"},I={class:"flex flex-wrap items-center justify-between gap-4"},H={class:"flex items-center gap-x-2"},L={class:"flex items-center gap-x-3 action-buttons flex-shrink-0"},G={class:"table-content-wrapper"},Z={key:1},J={key:0,class:"flex items-center gap-x-2"},K={key:1,class:"pagination-wrapper flex justify-end mt-2"},X=T(e.defineComponent({__name:"CrudTable",props:{theme:{type:String,default:"default"},customClass:{type:String,default:""},apiUrlQuery:{type:String,required:!0},apiUrlDetail:{type:String,required:!0},apiUrlCreate:{type:String,required:!0},apiUrlUpdate:{type:String,required:!0},apiUrlDelete:{type:String,required:!0},loadingText:{type:String,default:"加载中…"},loadingBackground:{type:String,default:"rgba(0, 0, 0, 0.3)"},showSearchSection:{type:Boolean,default:!0},showSearchActionButtons:{type:Boolean,default:!0},showNewBtn:{type:Boolean,default:!0},columns:{type:Array,default:()=>[]},onBeforeQuery:{type:Function},onAfterQuery:{type:Function},onBeforeOpenDialog:{type:Function},onAfterOpenDialog:{type:Function},onBeforeSubmit:{type:Function},onAfterSubmit:{type:Function},onBeforeDelete:{type:Function},onAfterDelete:{type:Function},showSelectionColumn:{type:Boolean,default:!0},showIndexColumn:{type:Boolean,default:!0},showActionsColumn:{type:Boolean,default:!0},showEditButton:{type:Boolean,default:!0},showDeleteButton:{type:Boolean,default:!0},actionsColumnWidth:{type:[String,Number],default:120},dialogWidth:{type:String,default:"50%"},initialSearchForm:{type:Object,default:()=>({pageNum:1,pageSize:10})},showPagination:{type:Boolean,default:!0},pageSizes:{type:Array,default:()=>[10,20,50,100]},paginationLayout:{type:String,default:"total, sizes, prev, pager, next, jumper"},paginationBackground:{type:Boolean,default:!0},paginationSmall:{type:Boolean,default:!1},paginationHideOnSinglePage:{type:Boolean,default:!1},dialogFormConfig:{type:Array,default:()=>[]},dialogFormRules:{type:Object,default:()=>({})},submitAsFormData:{type:Boolean,default:!1}},emits:["open-dialog","submit","delete"],setup(l,{expose:r,emit:p}){const f=p,t=l,y=e.computed(()=>["crud-table-wrapper",`theme-${t.theme}`,t.customClass]),S=e.computed(()=>t.theme==="large-screen"?"large-screen-dialog":""),h=(o,n)=>o?!0:(k.ElMessage.error(`${n} prop is required.`),!1),N=async(o,n)=>{try{let a={...n};t.onBeforeSubmit&&(a=await t.onBeforeSubmit(a,o));let d=a;if(t.submitAsFormData){const x=new FormData;for(const b in a)if(Object.prototype.hasOwnProperty.call(a,b)){const E=a[b];x.append(b,E??"")}d=x}if(c.submitting=!0,o==="add"){if(!h(t.apiUrlCreate,"apiUrlCreate"))throw new Error("apiUrlCreate is not configured.");await B.post(t.apiUrlCreate,d),k.ElMessage.success("新增成功")}else{if(!h(t.apiUrlUpdate,"apiUrlUpdate"))throw new Error("apiUrlUpdate is not configured.");await B.put(t.apiUrlUpdate,d),k.ElMessage.success("更新成功")}return t.onAfterSubmit&&t.onAfterSubmit(o,a),f("submit",{mode:o,data:a}),c.visible&&(c.visible=!1),C(),Promise.resolve()}catch(a){return console.error("Submit failed:",a),Promise.reject(a)}finally{c.submitting=!1}},s=e.reactive({pageNum:1,pageSize:10,...t.initialSearchForm}),w=e.ref([]),m=e.ref(0),g=e.ref(!1),_=e.ref([]),c=e.reactive({visible:!1,loading:!1,submitting:!1,mode:"add",data:{},formRef:null}),Y=e.computed(()=>c.mode==="add"?"新增":"编辑");e.computed(()=>{if(c.mode==="add")return t.dialogFormConfig.filter(n=>n.prop!=="id");const o=[...t.dialogFormConfig.filter(n=>n.prop!=="id")];return o.some(n=>n.prop==="id")||o.unshift({type:"input-disabled",prop:"id",label:"用户ID"}),o});const C=async()=>{if(h(t.apiUrlQuery,"apiUrlQuery")){g.value=!0;try{let o={...s};t.onBeforeQuery&&(o=await t.onBeforeQuery(o));const n=await B.get(t.apiUrlQuery,{params:o});if(n&&n.data&&Array.isArray(n.data.rows)&&typeof n.data.total=="number"){let a=n.data.rows;t.onAfterQuery&&(a=await t.onAfterQuery(a,o)),w.value=a,m.value=n.data.total}else console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."),w.value=[],m.value=0}catch(o){console.error("Fetch data failed:",o)}finally{g.value=!1}}},D=()=>{s.pageNum=1,C()},v=()=>{const{pageNum:o,pageSize:n,...a}=t.initialSearchForm;Object.keys(s).forEach(d=>{d!=="pageNum"&&d!=="pageSize"&&delete s[d]}),Object.assign(s,a),D()},ee=o=>{_.value=o},V=async(o,n)=>{let a;if(o==="add"?a=n?{...n}:{role:"user"}:a={...n},t.onBeforeOpenDialog){const d=await t.onBeforeOpenDialog(o,a);d&&(a=d)}if(c.mode=o,c.visible=!0,o==="edit"){if(!h(t.apiUrlDetail,"apiUrlDetail"))return;c.loading=!0;try{const d=await B.get(t.apiUrlDetail+"/"+a.id.toString());c.data=d.data.data}finally{c.loading=!1,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,c.data),f("open-dialog",{mode:o,data:c.data})}}else c.data=a,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,c.data),f("open-dialog",{mode:o,data:c.data})},O=async o=>{if(h(t.apiUrlDelete,"apiUrlDelete"))try{const n=w.value.filter(d=>o.includes(d.id));if(t.onBeforeDelete&&await t.onBeforeDelete(o,n)===!1)return;const a=o.join(",");await B.delete(t.apiUrlDelete+"/"+a.toString()),k.ElMessage.success("删除成功"),t.onAfterDelete&&t.onAfterDelete(o,n),f("delete",o),w.value.length===o.length&&s.pageNum>1&&s.pageNum--,C()}catch(n){console.error("Delete failed",n)}},te=o=>{s.pageSize=o,D()},oe=o=>{s.pageNum=o,C()};return e.onMounted(C),r({refresh:C,search:D,handleDelete:O,openDialog:V,submit:N}),(o,n)=>{const a=e.resolveComponent("el-button"),d=e.resolveComponent("el-form-item"),x=e.resolveComponent("el-form"),b=e.resolveComponent("el-table-column"),E=e.resolveComponent("el-popconfirm"),ne=e.resolveComponent("el-table"),ae=e.resolveComponent("el-pagination"),re=e.resolveComponent("el-dialog"),le=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([y.value,"crud-table-container"])},[t.showSearchSection?(e.openBlock(),e.createElementBlock("div",R,[e.renderSlot(o.$slots,"header",{},void 0,!0),e.createElementVNode("div",I,[e.createVNode(x,{model:s,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:s},void 0,!0),e.createVNode(d,{class:"!mr-0 flex-shrink-0"},{default:e.withCtx(()=>[e.createElementVNode("div",H,[e.renderSlot(o.$slots,"query-left",{searchForm:s},void 0,!0),t.showSearchActionButtons?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(a,{type:"primary",onClick:D,loading:g.value},{default:e.withCtx(()=>[...n[4]||(n[4]=[e.createTextVNode("搜索",-1)])]),_:1},8,["loading"]),e.createVNode(a,{onClick:v},{default:e.withCtx(()=>[...n[5]||(n[5]=[e.createTextVNode("清空",-1)])]),_:1})],64)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"query-right",{searchForm:s},void 0,!0)])]),_:3})]),_:3},8,["model"]),e.createElementVNode("div",L,[e.renderSlot(o.$slots,"action-left",{selections:_.value},void 0,!0),e.renderSlot(o.$slots,"add-button-content",{selections:_.value},()=>[t.showNewBtn?(e.openBlock(),e.createBlock(a,{key:0,type:"success",onClick:n[0]||(n[0]=i=>V("add"))},{default:e.withCtx(()=>[...n[6]||(n[6]=[e.createTextVNode("新增",-1)])]),_:1})):e.createCommentVNode("",!0)],!0),e.renderSlot(o.$slots,"action-right",{selections:_.value},void 0,!0)])])])):e.createCommentVNode("",!0),e.createElementVNode("div",G,[e.withDirectives((e.openBlock(),e.createBlock(ne,e.mergeProps({data:w.value,"element-loading-text":t.loadingText,"element-loading-background":t.loadingBackground,onSelectionChange:ee},o.$attrs,{height:"100%",style:{width:"100%"}}),{default:e.withCtx(()=>[t.showSelectionColumn?(e.openBlock(),e.createBlock(b,{key:0,type:"selection",width:"55",fixed:""})):e.createCommentVNode("",!0),t.showIndexColumn?(e.openBlock(),e.createBlock(b,{key:1,type:"index",label:"序号",width:"70",fixed:""})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,i=>(e.openBlock(),e.createBlock(b,e.mergeProps({key:i.prop,prop:i.prop,label:i.label,width:i.width,sortable:i.sortable||!1},{ref_for:!0},i.attrs),e.createSlots({header:e.withCtx(()=>[i.headerTooltip?(e.openBlock(),e.createBlock(Q,{key:0,label:i.label,placement:i.placement},null,8,["label","placement"])):(e.openBlock(),e.createElementBlock("span",Z,e.toDisplayString(i.label),1))]),_:2},[i.slot?{name:"default",fn:e.withCtx(U=>[e.renderSlot(o.$slots,i.slot,{row:U.row},void 0,!0)]),key:"0"}:void 0]),1040,["prop","label","width","sortable"]))),128)),t.showActionsColumn?(e.openBlock(),e.createBlock(b,{key:2,label:"操作",width:l.actionsColumnWidth},{default:e.withCtx(i=>[i.row?(e.openBlock(),e.createElementBlock("div",J,[o.$slots.actions?e.renderSlot(o.$slots,"actions",{key:0,row:i.row},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(o.$slots,"action-before-edit",{row:i.row},void 0,!0),t.showEditButton?(e.openBlock(),e.createBlock(a,{key:0,size:"small",type:"primary",link:"",onClick:U=>V("edit",i.row)},{default:e.withCtx(()=>[...n[7]||(n[7]=[e.createTextVNode("编辑 ",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("",!0),t.showDeleteButton?(e.openBlock(),e.createBlock(E,{key:1,title:"确定要删除这条数据吗?",onConfirm:U=>O([i.row.id]),"confirm-button-text":"确定","cancel-button-text":"取消",width:"200"},{reference:e.withCtx(()=>[e.createVNode(a,{size:"small",type:"danger",link:""},{default:e.withCtx(()=>[...n[8]||(n[8]=[e.createTextVNode("删除",-1)])]),_:1})]),_:1},8,["onConfirm"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"action-after-delete",{row:i.row},void 0,!0)],64))])):e.createCommentVNode("",!0)]),_:3},8,["width"])):e.createCommentVNode("",!0)]),_:3},16,["data","element-loading-text","element-loading-background"])),[[le,g.value]])]),t.showPagination&&m.value>0?(e.openBlock(),e.createElementBlock("div",K,[e.createVNode(ae,{"current-page":s.pageNum,"onUpdate:currentPage":n[1]||(n[1]=i=>s.pageNum=i),"page-size":s.pageSize,"onUpdate:pageSize":n[2]||(n[2]=i=>s.pageSize=i),"page-sizes":t.pageSizes,layout:t.paginationLayout,total:m.value,background:t.paginationBackground,small:t.paginationSmall,"hide-on-single-page":t.paginationHideOnSinglePage,onSizeChange:te,onCurrentChange:oe},null,8,["current-page","page-size","page-sizes","layout","total","background","small","hide-on-single-page"])])):e.createCommentVNode("",!0),e.createVNode(re,{modelValue:c.visible,"onUpdate:modelValue":n[3]||(n[3]=i=>c.visible=i),title:Y.value,width:t.dialogWidth,"destroy-on-close":!0,"custom-class":S.value},null,8,["modelValue","title","width","custom-class"])],2)}}}),[["__scopeId","data-v-7f0655b1"]]);u.CrudTable=X,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));
+(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-c6e93397]{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;min-height:0;overflow:hidden}.search-section-wrapper[data-v-c6e93397]{flex-shrink:0}.table-content-wrapper[data-v-c6e93397]{flex:1;min-height:0;overflow:hidden}.pagination-wrapper[data-v-c6e93397]{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}.\\!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}.rounded-xl{border-radius:.75rem}.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)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+(function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("axios")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","axios"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w.ZCrudTable={},w.Vue,w.ElementPlus,w.axios))})(this,(function(w,e,b,O){"use strict";const $=e.defineComponent({__name:"DynamicForm",props:{modelValue:{},formConfig:{},rules:{}},setup(c,{expose:a}){const g=e.ref(null);return a({validate:()=>{var d;return(d=g.value)==null?void 0:d.validate()}}),(d,t)=>{const u=e.resolveComponent("el-input"),B=e.resolveComponent("el-option"),k=e.resolveComponent("el-select"),_=e.resolveComponent("el-radio"),p=e.resolveComponent("el-radio-group"),h=e.resolveComponent("el-form-item"),y=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(y,e.mergeProps({model:d.modelValue,rules:d.rules,ref_key:"formRef",ref:g},d.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.formConfig,r=>(e.openBlock(),e.createBlock(h,{key:r.prop,label:r.label,prop:r.prop},{default:e.withCtx(()=>[r.type==="input"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:0,modelValue:d.modelValue[r.prop],"onUpdate:modelValue":f=>d.modelValue[r.prop]=f},{ref_for:!0},r.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),r.type==="textarea"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:1,type:"textarea",modelValue:d.modelValue[r.prop],"onUpdate:modelValue":f=>d.modelValue[r.prop]=f},{ref_for:!0},r.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),r.type==="select"?(e.openBlock(),e.createBlock(k,e.mergeProps({key:2,modelValue:d.modelValue[r.prop],"onUpdate:modelValue":f=>d.modelValue[r.prop]=f},{ref_for:!0},r.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,f=>(e.openBlock(),e.createBlock(B,{key:f.value,label:f.label,value:f.value},null,8,["label","value"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),r.type==="radio-group"?(e.openBlock(),e.createBlock(p,e.mergeProps({key:3,modelValue:d.modelValue[r.prop],"onUpdate:modelValue":f=>d.modelValue[r.prop]=f},{ref_for:!0},r.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,f=>(e.openBlock(),e.createBlock(_,{key:f.value,label:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.label),1)]),_:2},1032,["label"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),r.type==="input-disabled"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:4,"model-value":d.modelValue[r.prop],disabled:""},{ref_for:!0},r.componentProps),null,16,["model-value"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop"]))),128))]),_:1},16,["model","rules"])}}}),S=O.create({baseURL:"",timeout:1e4});S.interceptors.request.use(c=>{const a=localStorage.getItem("token");return a&&(c.headers.Authorization="Bearer "+a),c},c=>(console.log(c),Promise.reject(c))),S.interceptors.response.use(c=>{const a=c.data;return a.code!==200?(b.ElMessage({message:a.msg||"Error",type:"error",duration:5*1e3}),(a.code===401||a.code===403)&&b.ElMessageBox.confirm("您的登录状态已失效，请重新登录","确认登出",{confirmButtonText:"重新登录",cancelButtonText:"取消",type:"warning"}).then(()=>{localStorage.removeItem("token"),location.reload()}),Promise.reject(new Error(a.msg||"Error"))):a},c=>(console.log("HTTP Error: "+c),b.ElMessage({message:"网络错误，请检查您的网络连接或联系管理员",type:"error",duration:5*1e3}),Promise.reject(c)));function z(c){return e.getCurrentScope()?(e.onScopeDispose(c),!0):!1}const P=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const R=P?window:void 0;function F(c){var a;const g=e.toValue(c);return(a=g==null?void 0:g.$el)!=null?a:g}function j(){const c=e.shallowRef(!1),a=e.getCurrentInstance();return a&&e.onMounted(()=>{c.value=!0},a),c}function q(c){const a=j();return e.computed(()=>(a.value,!!c()))}function M(c,a,g={}){const{window:d=R,...t}=g;let u;const B=q(()=>d&&"ResizeObserver"in d),k=()=>{u&&(u.disconnect(),u=void 0)},_=e.computed(()=>{const y=e.toValue(c);return Array.isArray(y)?y.map(r=>F(r)):[F(y)]}),p=e.watch(_,y=>{if(k(),B.value&&d){u=new ResizeObserver(a);for(const r of y)r&&u.observe(r,t)}},{immediate:!0,flush:"post"}),h=()=>{k(),p()};return z(h),{isSupported:B,stop:h}}const W=e.defineComponent({__name:"TableHeaderWithTooltip",props:{label:{},placement:{}},setup(c){const a=e.ref(null),g=e.ref(!1),d=()=>{a.value&&(g.value=a.value.scrollWidth>a.value.clientWidth)};return e.onMounted(()=>{d()}),M(a,()=>{d()}),(t,u)=>{const B=e.resolveComponent("el-tooltip");return g.value?(e.openBlock(),e.createBlock(B,{key:1,content:t.label,placement:t.placement||"top"},{default:e.withCtx(()=>[e.createElementVNode("span",{ref_key:"textRef",ref:a,class:"header-cell-content"},e.toDisplayString(t.label),513)]),_:1},8,["content","placement"])):(e.openBlock(),e.createElementBlock("span",{key:0,ref_key:"textRef",ref:a,class:"header-cell-content"},e.toDisplayString(t.label),513))}}}),T=(c,a)=>{const g=c.__vccOpts||c;for(const[d,t]of a)g[d]=t;return g},Q=T(W,[["__scopeId","data-v-d23c8660"]]),I={key:0,class:"search-section-wrapper"},L={class:"flex flex-wrap items-center justify-between gap-4"},H={class:"flex items-center gap-x-2"},G={class:"flex items-center gap-x-3 action-buttons flex-shrink-0"},Z={class:"table-content-wrapper"},J={key:1},K={key:0,class:"flex items-center gap-x-2"},X={key:1,class:"pagination-wrapper flex justify-end mt-2"},Y={style:{"overflow-y":"auto",flex:"1"}},v={class:"dialog-footer"},ee=T(e.defineComponent({__name:"CrudTable",props:{theme:{type:String,default:"default"},customClass:{type:String,default:""},apiUrlQuery:{type:String,required:!0},apiUrlDetail:{type:String,required:!0},apiUrlCreate:{type:String,required:!0},apiUrlUpdate:{type:String,required:!0},apiUrlDelete:{type:String,required:!0},loadingText:{type:String,default:"加载中…"},loadingBackground:{type:String,default:"rgba(0, 0, 0, 0.3)"},showSearchSection:{type:Boolean,default:!0},showSearchActionButtons:{type:Boolean,default:!0},showNewBtn:{type:Boolean,default:!0},columns:{type:Array,default:()=>[]},onBeforeQuery:{type:Function},onAfterQuery:{type:Function},onBeforeOpenDialog:{type:Function},onAfterOpenDialog:{type:Function},onBeforeSubmit:{type:Function},onAfterSubmit:{type:Function},onBeforeDelete:{type:Function},onAfterDelete:{type:Function},showSelectionColumn:{type:Boolean,default:!0},showIndexColumn:{type:Boolean,default:!0},showActionsColumn:{type:Boolean,default:!0},showEditButton:{type:Boolean,default:!0},showDeleteButton:{type:Boolean,default:!0},actionsColumnWidth:{type:[String,Number],default:120},dialogWidth:{type:String,default:"50%"},initialSearchForm:{type:Object,default:()=>({pageNum:1,pageSize:10})},showPagination:{type:Boolean,default:!0},pageSizes:{type:Array,default:()=>[10,20,50,100]},paginationLayout:{type:String,default:"total, sizes, prev, pager, next, jumper"},paginationBackground:{type:Boolean,default:!0},paginationSmall:{type:Boolean,default:!1},paginationHideOnSinglePage:{type:Boolean,default:!1},dialogFormConfig:{type:Array,default:()=>[]},dialogFormRules:{type:Object,default:()=>({})},submitAsFormData:{type:Boolean,default:!1}},emits:["open-dialog","submit","delete"],setup(c,{expose:a,emit:g}){const d=g,t=c,u=e.computed(()=>["crud-table-wrapper",`theme-${t.theme}`,t.customClass]),B=e.computed(()=>t.theme==="large-screen"?"large-screen-dialog":""),k=(o,l)=>o?!0:(b.ElMessage.error(`${l} prop is required.`),!1),_=async(o,l)=>{try{let n={...l};t.onBeforeSubmit&&(n=await t.onBeforeSubmit(n,o));let m=n;if(t.submitAsFormData){const N=new FormData;for(const C in n)if(Object.prototype.hasOwnProperty.call(n,C)){const U=n[C];N.append(C,U??"")}m=N}if(i.submitting=!0,o==="add"){if(!k(t.apiUrlCreate,"apiUrlCreate"))throw new Error("apiUrlCreate is not configured.");await S.post(t.apiUrlCreate,m),b.ElMessage.success("新增成功")}else{if(!k(t.apiUrlUpdate,"apiUrlUpdate"))throw new Error("apiUrlUpdate is not configured.");await S.put(t.apiUrlUpdate,m),b.ElMessage.success("更新成功")}return t.onAfterSubmit&&t.onAfterSubmit(o,n),d("submit",{mode:o,data:n}),i.visible&&(i.visible=!1),V(),Promise.resolve()}catch(n){return console.error("Submit failed:",n),Promise.reject(n)}finally{i.submitting=!1}},p=e.reactive({pageNum:1,pageSize:10,...t.initialSearchForm}),h=e.ref([]),y=e.ref(0),r=e.ref(!1),f=e.ref([]),i=e.reactive({visible:!1,loading:!1,submitting:!1,mode:"add",data:{},formRef:null}),te=e.computed(()=>i.mode==="add"?"新增":"编辑"),oe=e.computed(()=>{if(i.mode==="add")return t.dialogFormConfig.filter(l=>l.prop!=="id");const o=[...t.dialogFormConfig.filter(l=>l.prop!=="id")];return o.some(l=>l.prop==="id")||o.unshift({type:"input-disabled",prop:"id",label:"用户ID"}),o}),V=async()=>{if(k(t.apiUrlQuery,"apiUrlQuery")){r.value=!0;try{let o={...p};t.onBeforeQuery&&(o=await t.onBeforeQuery(o));const l=await S.get(t.apiUrlQuery,{params:o});if(l&&l.data&&Array.isArray(l.data.rows)&&typeof l.data.total=="number"){let n=l.data.rows;t.onAfterQuery&&(n=await t.onAfterQuery(n,o)),h.value=n,y.value=l.data.total}else console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."),h.value=[],y.value=0}catch(o){console.error("Fetch data failed:",o)}finally{r.value=!1}}},D=()=>{p.pageNum=1,V()},le=()=>{const{pageNum:o,pageSize:l,...n}=t.initialSearchForm;Object.keys(p).forEach(m=>{m!=="pageNum"&&m!=="pageSize"&&delete p[m]}),Object.assign(p,n),D()},re=o=>{f.value=o},x=async(o,l)=>{let n;if(o==="add"?n=l?{...l}:{role:"user"}:n={...l},t.onBeforeOpenDialog){const m=await t.onBeforeOpenDialog(o,n);m&&(n=m)}if(i.mode=o,i.visible=!0,o==="edit"){if(!k(t.apiUrlDetail,"apiUrlDetail"))return;i.loading=!0;try{const m=await S.get(t.apiUrlDetail+"/"+n.id.toString());i.data=m.data.data}finally{i.loading=!1,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,i.data),d("open-dialog",{mode:o,data:i.data})}}else i.data=n,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,i.data),d("open-dialog",{mode:o,data:i.data})},ne=async()=>{try{i.formRef?await i.formRef.validate():console.warn("Dialog form ref is not available for validation."),await _(i.mode,i.data)}catch(o){console.log("Validation or submit error:",o)}},A=async o=>{if(k(t.apiUrlDelete,"apiUrlDelete"))try{const l=h.value.filter(m=>o.includes(m.id));if(t.onBeforeDelete&&await t.onBeforeDelete(o,l)===!1)return;const n=o.join(",");await S.delete(t.apiUrlDelete+"/"+n.toString()),b.ElMessage.success("删除成功"),t.onAfterDelete&&t.onAfterDelete(o,l),d("delete",o),h.value.length===o.length&&p.pageNum>1&&p.pageNum--,V()}catch(l){console.error("Delete failed",l)}},ae=o=>{p.pageSize=o,D()},ie=o=>{p.pageNum=o,V()};return e.onMounted(V),a({refresh:V,search:D,handleDelete:A,openDialog:x,submit:_}),(o,l)=>{const n=e.resolveComponent("el-button"),m=e.resolveComponent("el-form-item"),N=e.resolveComponent("el-form"),C=e.resolveComponent("el-table-column"),U=e.resolveComponent("el-popconfirm"),se=e.resolveComponent("el-table"),de=e.resolveComponent("el-pagination"),ce=e.resolveComponent("el-skeleton"),pe=e.resolveComponent("el-dialog"),fe=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([u.value,"crud-table-container"])},[t.showSearchSection?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(o.$slots,"header",{},void 0,!0),e.createElementVNode("div",L,[e.createVNode(N,{model:p,class:"query-form flex flex-nowrap items-center gap-x-4",style:{"overflow-x":"auto","padding-bottom":"8px"}},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"query-conditions",{searchForm:p},void 0,!0),e.createVNode(m,{class:"!mr-0 flex-shrink-0"},{default:e.withCtx(()=>[e.createElementVNode("div",H,[e.renderSlot(o.$slots,"query-left",{searchForm:p},void 0,!0),t.showSearchActionButtons?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(n,{type:"primary",onClick:D,loading:r.value},{default:e.withCtx(()=>[...l[5]||(l[5]=[e.createTextVNode("搜索",-1)])]),_:1},8,["loading"]),e.createVNode(n,{onClick:le},{default:e.withCtx(()=>[...l[6]||(l[6]=[e.createTextVNode("清空",-1)])]),_:1})],64)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"query-right",{searchForm:p},void 0,!0)])]),_:3})]),_:3},8,["model"]),e.createElementVNode("div",G,[e.renderSlot(o.$slots,"action-left",{selections:f.value},void 0,!0),e.renderSlot(o.$slots,"add-button-content",{selections:f.value},()=>[t.showNewBtn?(e.openBlock(),e.createBlock(n,{key:0,type:"success",onClick:l[0]||(l[0]=s=>x("add"))},{default:e.withCtx(()=>[...l[7]||(l[7]=[e.createTextVNode("新增",-1)])]),_:1})):e.createCommentVNode("",!0)],!0),e.renderSlot(o.$slots,"action-right",{selections:f.value},void 0,!0)])])])):e.createCommentVNode("",!0),e.createElementVNode("div",Z,[e.withDirectives((e.openBlock(),e.createBlock(se,e.mergeProps({data:h.value,"element-loading-text":t.loadingText,"element-loading-background":t.loadingBackground,onSelectionChange:re},o.$attrs,{height:"100%",style:{width:"100%"}}),{default:e.withCtx(()=>[t.showSelectionColumn?(e.openBlock(),e.createBlock(C,{key:0,type:"selection",width:"55",fixed:""})):e.createCommentVNode("",!0),t.showIndexColumn?(e.openBlock(),e.createBlock(C,{key:1,type:"index",label:"序号",width:"70",fixed:""})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,s=>(e.openBlock(),e.createBlock(C,e.mergeProps({key:s.prop,prop:s.prop,label:s.label,width:s.width,sortable:s.sortable||!1},{ref_for:!0},s.attrs),e.createSlots({header:e.withCtx(()=>[s.headerTooltip?(e.openBlock(),e.createBlock(Q,{key:0,label:s.label,placement:s.placement},null,8,["label","placement"])):(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(s.label),1))]),_:2},[s.slot?{name:"default",fn:e.withCtx(E=>[e.renderSlot(o.$slots,s.slot,{row:E.row},void 0,!0)]),key:"0"}:void 0]),1040,["prop","label","width","sortable"]))),128)),t.showActionsColumn?(e.openBlock(),e.createBlock(C,{key:2,label:"操作",width:c.actionsColumnWidth},{default:e.withCtx(s=>[s.row?(e.openBlock(),e.createElementBlock("div",K,[o.$slots.actions?e.renderSlot(o.$slots,"actions",{key:0,row:s.row},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(o.$slots,"action-before-edit",{row:s.row},void 0,!0),t.showEditButton?(e.openBlock(),e.createBlock(n,{key:0,size:"small",type:"primary",link:"",onClick:E=>x("edit",s.row)},{default:e.withCtx(()=>[...l[8]||(l[8]=[e.createTextVNode("编辑 ",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("",!0),t.showDeleteButton?(e.openBlock(),e.createBlock(U,{key:1,title:"确定要删除这条数据吗?",onConfirm:E=>A([s.row.id]),"confirm-button-text":"确定","cancel-button-text":"取消",width:"200"},{reference:e.withCtx(()=>[e.createVNode(n,{size:"small",type:"danger",link:""},{default:e.withCtx(()=>[...l[9]||(l[9]=[e.createTextVNode("删除",-1)])]),_:1})]),_:1},8,["onConfirm"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"action-after-delete",{row:s.row},void 0,!0)],64))])):e.createCommentVNode("",!0)]),_:3},8,["width"])):e.createCommentVNode("",!0)]),_:3},16,["data","element-loading-text","element-loading-background"])),[[fe,r.value]])]),t.showPagination&&y.value>0?(e.openBlock(),e.createElementBlock("div",X,[e.createVNode(de,{"current-page":p.pageNum,"onUpdate:currentPage":l[1]||(l[1]=s=>p.pageNum=s),"page-size":p.pageSize,"onUpdate:pageSize":l[2]||(l[2]=s=>p.pageSize=s),"page-sizes":t.pageSizes,layout:t.paginationLayout,total:y.value,background:t.paginationBackground,small:t.paginationSmall,"hide-on-single-page":t.paginationHideOnSinglePage,onSizeChange:ae,onCurrentChange:ie},null,8,["current-page","page-size","page-sizes","layout","total","background","small","hide-on-single-page"])])):e.createCommentVNode("",!0),e.createVNode(pe,{modelValue:i.visible,"onUpdate:modelValue":l[4]||(l[4]=s=>i.visible=s),title:te.value,width:t.dialogWidth,"destroy-on-close":!0,"custom-class":B.value,style:{display:"flex","flex-direction":"column","max-height":"80vh"}},{footer:e.withCtx(()=>[e.createElementVNode("span",v,[e.createVNode(n,{onClick:l[3]||(l[3]=s=>i.visible=!1)},{default:e.withCtx(()=>[...l[10]||(l[10]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(n,{type:"primary",onClick:ne,loading:i.submitting},{default:e.withCtx(()=>[...l[11]||(l[11]=[e.createTextVNode(" 确定 ",-1)])]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.createElementVNode("div",Y,[o.$slots["dialog-form"]?e.renderSlot(o.$slots,"dialog-form",{key:0,formData:i.data,mode:i.mode,formRef:s=>{i.formRef=s}},void 0,!0):i.loading?(e.openBlock(),e.createBlock(ce,{key:1,rows:5,animated:""})):i.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($,{key:2,ref:s=>{i.formRef=s},"model-value":i.data,"form-config":oe.value,rules:t.dialogFormRules},null,8,["model-value","form-config","rules"]))])]),_:3},8,["modelValue","title","width","custom-class"])],2)}}}),[["__scopeId","data-v-c6e93397"]]);w.CrudTable=ee,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "z-crud-table",
   "private": false,
-  "version": "0.0.42",
+  "version": "0.0.43",
   "type": "module",
   "description": "A powerful and flexible CRUD table component for Vue 3 and Element Plus.",
   "keywords": [
@@ -32,7 +32,7 @@
     "dist"
   ],
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --port 9999",
     "build": "vue-tsc && vite build",
     "preview": "vite preview"
   },