z-crud-table 0.0.31 → 0.0.32

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

@@ -372,8 +372,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     submitAsFormData: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Partial<Record<any, (_: {
     row: any;
-}) => any>> & Partial<Record<any, (_: {
-    row: any;
 }) => any>> & {
     header?(_: {}): any;
     "query-conditions"?(_: {

package/dist/z-crud-table.css

@@ -1 +1 @@
-.header-cell-content[data-v-ed80fae4]{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crud-table-container[data-v-623aed8d]{min-width:0;width:100%;display:flex;flex-direction:column}*,: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}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.flex{display:flex}.hidden{display:none}.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}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-l-4{border-left-width:4px}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.p-6{padding:1.5rem}.pl-3{padding-left:.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.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;padding:1rem}@media (min-width: 768px){#app{padding:1.5rem}}.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-input__inner{color:var(--large-screen-text-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}
+.header-cell-content[data-v-ed80fae4]{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crud-table-container[data-v-4d509b9f]{min-width:0;width:100%;display:flex;flex-direction:column}*,: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}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.flex{display:flex}.hidden{display:none}.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}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-l-4{border-left-width:4px}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.p-6{padding:1.5rem}.pl-3{padding-left:.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.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;padding:1rem}@media (min-width: 768px){#app{padding:1.5rem}}.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-input__inner{color:var(--large-screen-text-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}

package/dist/z-crud-table.js

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

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "z-crud-table",
   "private": false,
-  "version": "0.0.31",
+  "version": "0.0.32",
   "type": "module",
   "description": "A powerful and flexible CRUD table component for Vue 3 and Element Plus.",
   "keywords": [