z-crud-table 0.0.29 → 0.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/CrudTable.vue.d.ts +49 -0
  2. package/dist/components/DynamicForm.vue.d.ts +21 -0
  3. package/dist/components/TableHeaderWithTooltip.vue.d.ts +15 -0
  4. package/dist/z-crud-table.css +1 -1
  5. package/dist/z-crud-table.js +560 -221
  6. package/dist/z-crud-table.umd.cjs +1 -1
  7. package/package.json +2 -1
package/dist/components/CrudTable.vue.d.ts CHANGED
@@ -33,6 +33,22 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
33
33
  type: StringConstructor;
34
34
  required: true;
35
35
  };
36
+ /**
37
+ * @description 加载数据时显示的提示文字
38
+ * @type {String}
39
+ */
40
+ loadingText: {
41
+ type: StringConstructor;
42
+ default: string;
43
+ };
44
+ /**
45
+ * @description 遮罩层的背景色 (CSS color)
46
+ * @type {String}
47
+ */
48
+ loadingBackground: {
49
+ type: StringConstructor;
50
+ default: string;
51
+ };
36
52
  showSearchSection: {
37
53
  type: BooleanConstructor;
38
54
  default: boolean;
@@ -192,6 +208,22 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
192
208
  type: StringConstructor;
193
209
  required: true;
194
210
  };
211
+ /**
212
+ * @description 加载数据时显示的提示文字
213
+ * @type {String}
214
+ */
215
+ loadingText: {
216
+ type: StringConstructor;
217
+ default: string;
218
+ };
219
+ /**
220
+ * @description 遮罩层的背景色 (CSS color)
221
+ * @type {String}
222
+ */
223
+ loadingBackground: {
224
+ type: StringConstructor;
225
+ default: string;
226
+ };
195
227
  showSearchSection: {
196
228
  type: BooleanConstructor;
197
229
  default: boolean;
@@ -315,6 +347,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
315
347
  }>, {
316
348
  customClass: string;
317
349
  theme: "default" | "large-screen";
350
+ loadingText: string;
351
+ loadingBackground: string;
318
352
  showSearchSection: boolean;
319
353
  showSearchActionButtons: boolean;
320
354
  showNewBtn: boolean;
@@ -338,6 +372,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
338
372
  submitAsFormData: boolean;
339
373
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Partial<Record<any, (_: {
340
374
  row: any;
375
+ }) => any>> & Partial<Record<any, (_: {
376
+ row: any;
341
377
  }) => any>> & {
342
378
  header?(_: {}): any;
343
379
  "query-conditions"?(_: {
@@ -353,6 +389,19 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
353
389
  }): any;
354
390
  "add-button-content"?(_: {}): any;
355
391
  "action-right"?(_: {}): any;
392
+ actions?(_: {
393
+ row: any;
394
+ }): any;
395
+ "action-before-edit"?(_: {
396
+ row: any;
397
+ }): any;
398
+ "action-after-delete"?(_: {
399
+ row: any;
400
+ }): any;
401
+ "dialog-form-content"?(_: {
402
+ formData: Record<string, any>;
403
+ mode: "add" | "edit";
404
+ }): any;
356
405
  }>;
357
406
  export default _default;
358
407
  type __VLS_WithTemplateSlots<T, S> = T & {
package/dist/components/DynamicForm.vue.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
2
+ modelValue: Record<string, any>;
3
+ formConfig: any[];
4
+ rules?: Record<string, any> | undefined;
5
+ }>>, {
6
+ validate: () => any;
7
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
8
+ modelValue: Record<string, any>;
9
+ formConfig: any[];
10
+ rules?: Record<string, any> | undefined;
11
+ }>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
12
+ export default _default;
13
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
14
+ type __VLS_TypePropsToRuntimeProps<T> = {
15
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
16
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
17
+ } : {
18
+ type: import('vue').PropType<T[K]>;
19
+ required: true;
20
+ };
21
+ };
package/dist/components/TableHeaderWithTooltip.vue.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
2
+ label: string;
3
+ }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
4
+ label: string;
5
+ }>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
6
+ export default _default;
7
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
8
+ type __VLS_TypePropsToRuntimeProps<T> = {
9
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
10
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
11
+ } : {
12
+ type: import('vue').PropType<T[K]>;
13
+ required: true;
14
+ };
15
+ };
package/dist/z-crud-table.css CHANGED
@@ -1 +1 @@
1
- .crud-table-container[data-v-1c3c9f1b]{display:flex;flex-direction:column;height:100%;width:100%;min-width:0;min-height:0;overflow:hidden}.search-section-wrapper[data-v-1c3c9f1b]{flex-shrink:0}.table-content-wrapper[data-v-1c3c9f1b]{flex:1;min-height:0;overflow:hidden}.pagination-wrapper[data-v-1c3c9f1b]{flex-shrink:0;padding-top:1rem;display:flex;justify-content:flex-end}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.\!mr-0{margin-right:0!important}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.flex{display:flex}.hidden{display:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-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}
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}
package/dist/z-crud-table.js CHANGED
@@ -1,32 +1,117 @@
1
- import { defineComponent as Z, computed as x, reactive as $, ref as z, onMounted as ee, resolveComponent as f, resolveDirective as te, createElementBlock as B, openBlock as d, normalizeClass as ae, createCommentVNode as g, createElementVNode as N, createVNode as b, renderSlot as c, withCtx as m, Fragment as q, createTextVNode as P, createBlock as S, withDirectives as oe, mergeProps as Q, renderList as re, createSlots as ne } from "vue";
2
- import { ElMessage as v, ElMessageBox as ie } from "element-plus";
3
- import le from "axios";
4
- const y = le.create({
1
+ 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";
2
+ import { ElMessage as O, ElMessageBox as ve } from "element-plus";
3
+ import we from "axios";
4
+ const he = /* @__PURE__ */ M({
5
+ __name: "DynamicForm",
6
+ props: {
7
+ modelValue: {},
8
+ formConfig: {},
9
+ rules: {}
10
+ },
11
+ setup(d, { expose: s }) {
12
+ const y = z(null);
13
+ return s({
14
+ validate: () => {
15
+ var u;
16
+ return (u = y.value) == null ? void 0 : u.validate();
17
+ }
18
+ }), (u, e) => {
19
+ 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");
20
+ return n(), f(k, V({
21
+ model: u.modelValue,
22
+ rules: u.rules,
23
+ ref_key: "formRef",
24
+ ref: y
25
+ }, u.$attrs), {
26
+ default: p(() => [
27
+ (n(!0), w(P, null, j(u.formConfig, (i) => (n(), f(C, {
28
+ key: i.prop,
29
+ label: i.label,
30
+ prop: i.prop
31
+ }, {
32
+ default: p(() => [
33
+ i.type === "input" ? (n(), f(_, V({
34
+ key: 0,
35
+ modelValue: u.modelValue[i.prop],
36
+ "onUpdate:modelValue": (m) => u.modelValue[i.prop] = m
37
+ }, { ref_for: !0 }, i.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : b("", !0),
38
+ i.type === "textarea" ? (n(), f(_, V({
39
+ key: 1,
40
+ type: "textarea",
41
+ modelValue: u.modelValue[i.prop],
42
+ "onUpdate:modelValue": (m) => u.modelValue[i.prop] = m
43
+ }, { ref_for: !0 }, i.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : b("", !0),
44
+ i.type === "select" ? (n(), f(S, V({
45
+ key: 2,
46
+ modelValue: u.modelValue[i.prop],
47
+ "onUpdate:modelValue": (m) => u.modelValue[i.prop] = m
48
+ }, { ref_for: !0 }, i.componentProps), {
49
+ default: p(() => [
50
+ (n(!0), w(P, null, j(i.options, (m) => (n(), f(A, {
51
+ key: m.value,
52
+ label: m.label,
53
+ value: m.value
54
+ }, null, 8, ["label", "value"]))), 128))
55
+ ]),
56
+ _: 2
57
+ }, 1040, ["modelValue", "onUpdate:modelValue"])) : b("", !0),
58
+ i.type === "radio-group" ? (n(), f(c, V({
59
+ key: 3,
60
+ modelValue: u.modelValue[i.prop],
61
+ "onUpdate:modelValue": (m) => u.modelValue[i.prop] = m
62
+ }, { ref_for: !0 }, i.componentProps), {
63
+ default: p(() => [
64
+ (n(!0), w(P, null, j(i.options, (m) => (n(), f(N, {
65
+ key: m.value,
66
+ label: m.value
67
+ }, {
68
+ default: p(() => [
69
+ F(q(m.label), 1)
70
+ ]),
71
+ _: 2
72
+ }, 1032, ["label"]))), 128))
73
+ ]),
74
+ _: 2
75
+ }, 1040, ["modelValue", "onUpdate:modelValue"])) : b("", !0),
76
+ i.type === "input-disabled" ? (n(), f(_, V({
77
+ key: 4,
78
+ "model-value": u.modelValue[i.prop],
79
+ disabled: ""
80
+ }, { ref_for: !0 }, i.componentProps), null, 16, ["model-value"])) : b("", !0)
81
+ ]),
82
+ _: 2
83
+ }, 1032, ["label", "prop"]))), 128))
84
+ ]),
85
+ _: 1
86
+ }, 16, ["model", "rules"]);
87
+ };
88
+ }
89
+ }), B = we.create({
5
90
  // VITE_APP_BASE_API 是在 .env 文件中定义的基础 URL
6
91
  baseURL: "",
7
92
  timeout: 1e4
8
93
  // 请求超时时间
9
94
  });
10
- y.interceptors.request.use(
11
- (n) => {
12
- const u = localStorage.getItem("token");
13
- return u && (n.headers.Authorization = "Bearer " + u), n;
95
+ B.interceptors.request.use(
96
+ (d) => {
97
+ const s = localStorage.getItem("token");
98
+ return s && (d.headers.Authorization = "Bearer " + s), d;
14
99
  },
15
- (n) => (console.log(n), Promise.reject(n))
100
+ (d) => (console.log(d), Promise.reject(d))
16
101
  );
17
- y.interceptors.response.use(
102
+ B.interceptors.response.use(
18
103
  /**
19
104
  * @description 如果您想直接获取诸如 headers 或 status 之类的信息，
20
105
  * 请直接返回 response => response
21
106
  */
22
- (n) => {
23
- const u = n.data;
24
- return u.code !== 200 ? (v({
25
- message: u.msg || "Error",
107
+ (d) => {
108
+ const s = d.data;
109
+ return s.code !== 200 ? (O({
110
+ message: s.msg || "Error",
26
111
  // 使用后端返回的 `msg` 作为错误提示
27
112
  type: "error",
28
113
  duration: 5 * 1e3
29
- }), (u.code === 401 || u.code === 403) && ie.confirm(
114
+ }), (s.code === 401 || s.code === 403) && ve.confirm(
30
115
  "您的登录状态已失效，请重新登录",
31
116
  "确认登出",
32
117
  {
@@ -36,22 +121,115 @@ y.interceptors.response.use(
36
121
  }
37
122
  ).then(() => {
38
123
  localStorage.removeItem("token"), location.reload();
39
- }), Promise.reject(new Error(u.msg || "Error"))) : u;
124
+ }), Promise.reject(new Error(s.msg || "Error"))) : s;
40
125
  },
41
- (n) => (console.log("HTTP Error: " + n), v({
126
+ (d) => (console.log("HTTP Error: " + d), O({
42
127
  message: "网络错误，请检查您的网络连接或联系管理员",
43
128
  // 提供更友好的网络错误提示
44
129
  type: "error",
45
130
  duration: 5 * 1e3
46
- }), Promise.reject(n))
131
+ }), Promise.reject(d))
47
132
  );
48
- const se = {
133
+ function _e(d) {
134
+ return pe() ? (fe(d), !0) : !1;
135
+ }
136
+ const Se = typeof window < "u" && typeof document < "u";
137
+ typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
138
+ const ke = Se ? window : void 0;
139
+ function Y(d) {
140
+ var s;
141
+ const y = Z(d);
142
+ return (s = y == null ? void 0 : y.$el) != null ? s : y;
143
+ }
144
+ // @__NO_SIDE_EFFECTS__
145
+ function Ce() {
146
+ const d = me(!1), s = ge();
147
+ return s && H(() => {
148
+ d.value = !0;
149
+ }, s), d;
150
+ }
151
+ // @__NO_SIDE_EFFECTS__
152
+ function De(d) {
153
+ const s = /* @__PURE__ */ Ce();
154
+ return x(() => (s.value, !!d()));
155
+ }
156
+ function Ue(d, s, y = {}) {
157
+ const { window: u = ke, ...e } = y;
158
+ let _;
159
+ const A = /* @__PURE__ */ De(() => u && "ResizeObserver" in u), S = () => {
160
+ _ && (_.disconnect(), _ = void 0);
161
+ }, N = x(() => {
162
+ const k = Z(d);
163
+ return Array.isArray(k) ? k.map((i) => Y(i)) : [Y(k)];
164
+ }), c = ce(
165
+ N,
166
+ (k) => {
167
+ if (S(), A.value && u) {
168
+ _ = new ResizeObserver(s);
169
+ for (const i of k)
170
+ i && _.observe(i, e);
171
+ }
172
+ },
173
+ { immediate: !0, flush: "post" }
174
+ ), C = () => {
175
+ S(), c();
176
+ };
177
+ return _e(C), {
178
+ isSupported: A,
179
+ stop: C
180
+ };
181
+ }
182
+ const Be = /* @__PURE__ */ M({
183
+ __name: "TableHeaderWithTooltip",
184
+ props: {
185
+ label: {}
186
+ },
187
+ setup(d) {
188
+ const s = z(null), y = z(!1), u = () => {
189
+ s.value && (y.value = s.value.scrollWidth > s.value.clientWidth);
190
+ };
191
+ return H(() => {
192
+ u();
193
+ }), Ue(s, () => {
194
+ u();
195
+ }), (e, _) => {
196
+ const A = v("el-tooltip");
197
+ return y.value ? (n(), f(A, {
198
+ key: 1,
199
+ content: e.label,
200
+ placement: "top"
201
+ }, {
202
+ default: p(() => [
203
+ W("span", {
204
+ ref_key: "textRef",
205
+ ref: s,
206
+ class: "header-cell-content"
207
+ }, q(e.label), 513)
208
+ ]),
209
+ _: 1
210
+ }, 8, ["content"])) : (n(), w("span", {
211
+ key: 0,
212
+ ref_key: "textRef",
213
+ ref: s,
214
+ class: "header-cell-content"
215
+ }, q(e.label), 513));
216
+ };
217
+ }
218
+ }), ee = (d, s) => {
219
+ const y = d.__vccOpts || d;
220
+ for (const [u, e] of s)
221
+ y[u] = e;
222
+ return y;
223
+ }, Ve = /* @__PURE__ */ ee(Be, [["__scopeId", "data-v-ed80fae4"]]), Ae = {
49
224
  key: 0,
50
- class: "search-section-wrapper"
51
- }, ue = { class: "flex flex-wrap items-center justify-between gap-4 mb-6" }, de = { class: "flex items-center gap-x-2" }, pe = { class: "flex items-center gap-x-3 action-buttons flex-shrink-0" }, ce = { class: "table-content-wrapper" }, fe = {
225
+ class: "flex flex-wrap items-center justify-between gap-4 mb-6"
226
+ }, 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 = {
227
+ key: 0,
228
+ class: "flex items-center gap-x-2"
229
+ }, Pe = {
52
230
  key: 1,
53
- class: "pagination-wrapper"
54
- }, ge = /* @__PURE__ */ Z({
231
+ class: "flex justify-end"
232
+ }, Te = { class: "dialog-footer" }, xe = /* @__PURE__ */ M({
55
233
  __name: "CrudTable",
56
234
  props: {
57
235
  /**
@@ -66,6 +244,25 @@ const se = {
66
244
  apiUrlCreate: { type: String, required: !0 },
67
245
  apiUrlUpdate: { type: String, required: !0 },
68
246
  apiUrlDelete: { type: String, required: !0 },
247
+ // ✨ [新增] Loading 状态相关配置
248
+ /**
249
+ * @description 加载数据时显示的提示文字
250
+ * @type {String}
251
+ */
252
+ loadingText: {
253
+ type: String,
254
+ default: "加载中…"
255
+ // 默认为‘加载中…’
256
+ },
257
+ /**
258
+ * @description 遮罩层的背景色 (CSS color)
259
+ * @type {String}
260
+ */
261
+ loadingBackground: {
262
+ type: String,
263
+ default: "rgba(0, 0, 0, 0.3)"
264
+ // 默认为 rgba(0, 0, 0, 0.3)
265
+ },
69
266
  showSearchSection: { type: Boolean, default: !0 },
70
267
  // ✨ [新增] 控制搜索/清空按钮的显示
71
268
  showSearchActionButtons: { type: Boolean, default: !0 },
@@ -113,259 +310,401 @@ const se = {
113
310
  submitAsFormData: { type: Boolean, default: !1 }
114
311
  },
115
312
  emits: ["open-dialog", "submit", "delete"],
116
- setup(n, { expose: u, emit: C }) {
117
- const h = C, e = n, T = x(() => ["crud-table-wrapper", `theme-${e.theme}`, e.customClass]), I = x(() => e.theme === "large-screen" ? "large-screen-dialog" : ""), D = (t, a) => t ? !0 : (v.error(`${a} prop is required.`), !1), V = async (t, a) => {
313
+ setup(d, { expose: s, emit: y }) {
314
+ 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) => {
118
315
  try {
119
- let o = { ...a };
120
- e.onBeforeSubmit && (o = await e.onBeforeSubmit(o));
121
- let s = o;
316
+ let l = { ...o };
317
+ e.onBeforeSubmit && (l = await e.onBeforeSubmit(l));
318
+ let g = l;
122
319
  if (e.submitAsFormData) {
123
- const F = new FormData();
124
- for (const p in o)
125
- if (Object.prototype.hasOwnProperty.call(o, p)) {
126
- const O = o[p];
127
- F.append(p, O ?? "");
320
+ const T = new FormData();
321
+ for (const D in l)
322
+ if (Object.prototype.hasOwnProperty.call(l, D)) {
323
+ const I = l[D];
324
+ T.append(D, I ?? "");
128
325
  }
129
- s = F;
326
+ g = T;
130
327
  }
131
328
  if (r.submitting = !0, t === "add") {
132
- if (!D(e.apiUrlCreate, "apiUrlCreate")) throw new Error("apiUrlCreate is not configured.");
133
- await y.post(e.apiUrlCreate, s), v.success("新增成功");
329
+ if (!S(e.apiUrlCreate, "apiUrlCreate")) throw new Error("apiUrlCreate is not configured.");
330
+ await B.post(e.apiUrlCreate, g), O.success("新增成功");
134
331
  } else {
135
- if (!D(e.apiUrlUpdate, "apiUrlUpdate")) throw new Error("apiUrlUpdate is not configured.");
136
- await y.put(e.apiUrlUpdate, s), v.success("更新成功");
332
+ if (!S(e.apiUrlUpdate, "apiUrlUpdate")) throw new Error("apiUrlUpdate is not configured.");
333
+ await B.put(e.apiUrlUpdate, g), O.success("更新成功");
137
334
  }
138
- return e.onAfterSubmit && e.onAfterSubmit(t, o), h("submit", { mode: t, data: o }), r.visible && (r.visible = !1), w(), Promise.resolve();
139
- } catch (o) {
140
- return console.error("Submit failed:", o), Promise.reject(o);
335
+ return e.onAfterSubmit && e.onAfterSubmit(t, l), u("submit", { mode: t, data: l }), r.visible && (r.visible = !1), $(), Promise.resolve();
336
+ } catch (l) {
337
+ return console.error("Submit failed:", l), Promise.reject(l);
141
338
  } finally {
142
339
  r.submitting = !1;
143
340
  }
144
- }, i = $({ pageNum: 1, pageSize: 10, ...e.initialSearchForm }), _ = z([]), U = z(0), A = z(!1), j = z([]), r = $({ visible: !1, loading: !1, submitting: !1, mode: "add", data: {}, formRef: null }), L = x(() => r.mode === "add" ? "新增" : "编辑");
145
- x(() => {
146
- if (r.mode === "add") return e.dialogFormConfig.filter((a) => a.prop !== "id");
147
- const t = [...e.dialogFormConfig.filter((a) => a.prop !== "id")];
148
- return t.some((a) => a.prop === "id") || t.unshift({ type: "input-disabled", prop: "id", label: "用户ID" }), t;
149
- });
150
- const w = async () => {
151
- if (D(e.apiUrlQuery, "apiUrlQuery")) {
152
- A.value = !0;
341
+ }, 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(() => {
342
+ if (r.mode === "add") return e.dialogFormConfig.filter((o) => o.prop !== "id");
343
+ const t = [...e.dialogFormConfig.filter((o) => o.prop !== "id")];
344
+ return t.some((o) => o.prop === "id") || t.unshift({ type: "input-disabled", prop: "id", label: "用户ID" }), t;
345
+ }), $ = async () => {
346
+ if (S(e.apiUrlQuery, "apiUrlQuery")) {
347
+ i.value = !0;
153
348
  try {
154
- let t = { ...i };
349
+ let t = { ...c };
155
350
  e.onBeforeQuery && (t = await e.onBeforeQuery(t));
156
- const a = await y.get(e.apiUrlQuery, { params: t });
157
- if (a && a.data && Array.isArray(a.data.rows) && typeof a.data.total == "number") {
158
- let o = a.data.rows;
159
- e.onAfterQuery && (o = await e.onAfterQuery(o)), _.value = o, U.value = a.data.total;
351
+ const o = await B.get(e.apiUrlQuery, { params: t });
352
+ if (o && o.data && Array.isArray(o.data.rows) && typeof o.data.total == "number") {
353
+ let l = o.data.rows;
354
+ e.onAfterQuery && (l = await e.onAfterQuery(l)), C.value = l, k.value = o.data.total;
160
355
  } else
161
- console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."), _.value = [], U.value = 0;
356
+ console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."), C.value = [], k.value = 0;
162
357
  } catch (t) {
163
358
  console.error("Fetch data failed:", t);
164
359
  } finally {
165
- A.value = !1;
360
+ i.value = !1;
166
361
  }
167
362
  }
168
- }, k = () => {
169
- i.pageNum = 1, w();
170
- }, W = () => {
171
- const { pageNum: t, pageSize: a, ...o } = e.initialSearchForm;
172
- Object.keys(i).forEach((s) => {
173
- s !== "pageNum" && s !== "pageSize" && delete i[s];
174
- }), Object.assign(i, o), k();
175
- }, H = (t) => {
176
- j.value = t;
177
- }, E = async (t, a) => {
178
- let o;
179
- if (t === "add" ? o = a ? { ...a } : { role: "user" } : o = { ...a }, e.onBeforeOpenDialog) {
180
- const s = await e.onBeforeOpenDialog(t, o);
181
- s && (o = s);
363
+ }, E = () => {
364
+ c.pageNum = 1, $();
365
+ }, ae = () => {
366
+ const { pageNum: t, pageSize: o, ...l } = e.initialSearchForm;
367
+ Object.keys(c).forEach((g) => {
368
+ g !== "pageNum" && g !== "pageSize" && delete c[g];
369
+ }), Object.assign(c, l), E();
370
+ }, le = (t) => {
371
+ m.value = t;
372
+ }, Q = async (t, o) => {
373
+ let l;
374
+ if (t === "add" ? l = o ? { ...o } : { role: "user" } : l = { ...o }, e.onBeforeOpenDialog) {
375
+ const g = await e.onBeforeOpenDialog(t, l);
376
+ g && (l = g);
182
377
  }
183
378
  if (r.mode = t, r.visible = !0, t === "edit") {
184
- if (!D(e.apiUrlDetail, "apiUrlDetail")) return;
379
+ if (!S(e.apiUrlDetail, "apiUrlDetail")) return;
185
380
  r.loading = !0;
186
381
  try {
187
- const s = await y.get(e.apiUrlDetail + "/" + o.id.toString());
188
- r.data = s.data.data;
382
+ const g = await B.get(e.apiUrlDetail + "/" + l.id.toString());
383
+ r.data = g.data.data;
189
384
  } finally {
190
- r.loading = !1, e.onAfterOpenDialog && e.onAfterOpenDialog(t, r.data), h("open-dialog", { mode: t, data: r.data });
385
+ r.loading = !1, e.onAfterOpenDialog && e.onAfterOpenDialog(t, r.data), u("open-dialog", { mode: t, data: r.data });
191
386
  }
192
387
  } else
193
- r.data = o, e.onAfterOpenDialog && e.onAfterOpenDialog(t, r.data), h("open-dialog", { mode: t, data: r.data });
194
- }, M = async (t) => {
195
- if (D(e.apiUrlDelete, "apiUrlDelete"))
388
+ r.data = l, e.onAfterOpenDialog && e.onAfterOpenDialog(t, r.data), u("open-dialog", { mode: t, data: r.data });
389
+ }, re = async () => {
390
+ try {
391
+ r.formRef && await r.formRef.validate();
392
+ let t = { ...r.data };
393
+ e.onBeforeSubmit && (t = await e.onBeforeSubmit(t));
394
+ let o = t;
395
+ if (e.submitAsFormData) {
396
+ const l = new FormData();
397
+ for (const g in t)
398
+ if (Object.prototype.hasOwnProperty.call(t, g)) {
399
+ const T = t[g];
400
+ l.append(g, T ?? "");
401
+ }
402
+ o = l;
403
+ debugger;
404
+ }
405
+ if (r.submitting = !0, r.mode === "add") {
406
+ if (!S(e.apiUrlCreate, "apiUrlCreate")) return;
407
+ await B.post(e.apiUrlCreate, o), O.success("新增成功");
408
+ } else {
409
+ if (!S(e.apiUrlUpdate, "apiUrlUpdate")) return;
410
+ await B.put(e.apiUrlUpdate, o), O.success("更新成功");
411
+ }
412
+ e.onAfterSubmit && e.onAfterSubmit(r.mode, t), u("submit", { mode: r.mode, data: t }), r.visible = !1, $();
413
+ } catch (t) {
414
+ console.log("Submit error or validation failed:", t);
415
+ } finally {
416
+ r.submitting = !1;
417
+ }
418
+ }, L = async (t) => {
419
+ if (S(e.apiUrlDelete, "apiUrlDelete"))
196
420
  try {
197
421
  if (e.onBeforeDelete && await e.onBeforeDelete(t) === !1)
198
422
  return;
199
- const a = t.join(",");
200
- await y.delete(e.apiUrlDelete + "/" + a.toString()), v.success("删除成功"), e.onAfterDelete && e.onAfterDelete(t), h("delete", t), _.value.length === t.length && i.pageNum > 1 && i.pageNum--, w();
201
- } catch (a) {
202
- console.error("Delete failed", a);
423
+ const o = t.join(",");
424
+ 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--, $();
425
+ } catch (o) {
426
+ console.error("Delete failed", o);
203
427
  }
204
- }, R = (t) => {
205
- i.pageSize = t, k();
206
- }, G = (t) => {
207
- i.pageNum = t, w();
428
+ }, ne = (t) => {
429
+ c.pageSize = t, E();
430
+ }, ie = (t) => {
431
+ c.pageNum = t, $();
208
432
  };
209
- return ee(w), u({
210
- refresh: w,
433
+ return H($), s({
434
+ refresh: $,
211
435
  // 刷新表格
212
- search: k,
436
+ search: E,
213
437
  // 按当前条件搜索
214
- handleDelete: M,
438
+ handleDelete: L,
215
439
  // 手动触发删除
216
- openDialog: E,
440
+ openDialog: Q,
217
441
  // 手动打开弹窗
218
- submit: V
442
+ submit: N
219
443
  // 手动提交
220
- }), (t, a) => {
221
- const o = f("el-button"), s = f("el-form-item"), F = f("el-form"), p = f("el-table-column"), O = f("el-table"), J = f("el-pagination"), K = f("el-dialog"), X = te("loading");
222
- return d(), B("div", {
223
- class: ae([T.value, "crud-table-container"])
444
+ }), (t, o) => {
445
+ 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");
446
+ return n(), w("div", {
447
+ class: be([_.value, "crud-table-container"]),
448
+ style: { width: "100%", height: "100%" }
224
449
  }, [
225
- e.showSearchSection ? (d(), B("div", se, [
226
- c(t.$slots, "header", {}, void 0, !0),
227
- N("div", ue, [
228
- b(F, {
229
- model: i,
230
- class: "query-form flex flex-nowrap items-center gap-x-4",
231
- style: { "overflow-x": "auto", "padding-bottom": "8px" }
450
+ h(t.$slots, "header", {}, void 0, !0),
451
+ e.showSearchSection ? (n(), w("div", Ae, [
452
+ U(T, {
453
+ model: c,
454
+ class: "query-form flex flex-nowrap items-center gap-x-4",
455
+ style: { "overflow-x": "auto", "padding-bottom": "8px" }
456
+ }, {
457
+ default: p(() => [
458
+ h(t.$slots, "query-conditions", { searchForm: c }, void 0, !0),
459
+ U(g, { class: "!mr-0 flex-shrink-0" }, {
460
+ default: p(() => [
461
+ W("div", Fe, [
462
+ h(t.$slots, "query-left", {}, void 0, !0),
463
+ e.showSearchActionButtons ? (n(), w(P, { key: 0 }, [
464
+ U(l, {
465
+ type: "primary",
466
+ onClick: E,
467
+ loading: i.value
468
+ }, {
469
+ default: p(() => o[6] || (o[6] = [
470
+ F("搜索")
471
+ ])),
472
+ _: 1,
473
+ __: [6]
474
+ }, 8, ["loading"]),
475
+ U(l, { onClick: ae }, {
476
+ default: p(() => o[7] || (o[7] = [
477
+ F("清空")
478
+ ])),
479
+ _: 1,
480
+ __: [7]
481
+ })
482
+ ], 64)) : b("", !0),
483
+ h(t.$slots, "query-right", {}, void 0, !0)
484
+ ])
485
+ ]),
486
+ _: 3
487
+ })
488
+ ]),
489
+ _: 3
490
+ }, 8, ["model"]),
491
+ W("div", Oe, [
492
+ h(t.$slots, "action-left", { selections: m.value }, void 0, !0),
493
+ h(t.$slots, "add-button-content", {}, () => [
494
+ e.showNewBtn ? (n(), f(l, {
495
+ key: 0,
496
+ type: "success",
497
+ onClick: o[0] || (o[0] = (a) => Q("add"))
498
+ }, {
499
+ default: p(() => o[8] || (o[8] = [
500
+ F("新增")
501
+ ])),
502
+ _: 1,
503
+ __: [8]
504
+ })) : b("", !0)
505
+ ], !0),
506
+ h(t.$slots, "action-right", {}, void 0, !0)
507
+ ])
508
+ ])) : b("", !0),
509
+ K((n(), f(se, V({
510
+ data: C.value,
511
+ "element-loading-text": e.loadingText,
512
+ "element-loading-background": e.loadingBackground,
513
+ onSelectionChange: le
514
+ }, t.$attrs, { style: { width: "100%", "margin-bottom": "1.5rem" } }), {
515
+ default: p(() => [
516
+ e.showSelectionColumn ? (n(), f(D, {
517
+ key: 0,
518
+ type: "selection",
519
+ width: "55",
520
+ fixed: ""
521
+ })) : b("", !0),
522
+ e.showIndexColumn ? (n(), f(D, {
523
+ key: 1,
524
+ type: "index",
525
+ label: "序号",
526
+ width: "70",
527
+ fixed: ""
528
+ })) : b("", !0),
529
+ (n(!0), w(P, null, j(e.columns, (a) => (n(), f(D, V({
530
+ key: a.prop,
531
+ prop: a.prop,
532
+ label: a.label,
533
+ width: a.width,
534
+ sortable: a.sortable || !1
535
+ }, { ref_for: !0 }, a.attrs), X({
536
+ header: p(() => [
537
+ a.headerTooltip ? (n(), f(Ve, {
538
+ key: 0,
539
+ label: a.label
540
+ }, null, 8, ["label"])) : (n(), w("span", $e, q(a.label), 1))
541
+ ]),
542
+ _: 2
543
+ }, [
544
+ a.slot ? {
545
+ name: "default",
546
+ fn: p((R) => [
547
+ h(t.$slots, a.slot, {
548
+ row: R.row
549
+ }, void 0, !0)
550
+ ]),
551
+ key: "0"
552
+ } : void 0
553
+ ]), 1040, ["prop", "label", "width", "sortable"]))), 128)),
554
+ (n(!0), w(P, null, j(e.columns, (a) => (n(), f(D, V({
555
+ key: a.prop,
556
+ prop: a.prop,
557
+ label: a.label,
558
+ width: a.width,
559
+ sortable: a.sortable || !1
560
+ }, { ref_for: !0 }, a.attrs), X({ _: 2 }, [
561
+ a.slot ? {
562
+ name: "default",
563
+ fn: p((R) => [
564
+ h(t.$slots, a.slot, {
565
+ row: R.row
566
+ }, void 0, !0)
567
+ ]),
568
+ key: "0"
569
+ } : void 0
570
+ ]), 1040, ["prop", "label", "width", "sortable"]))), 128)),
571
+ e.showActionsColumn ? (n(), f(D, {
572
+ key: 2,
573
+ label: "操作",
574
+ width: d.actionsColumnWidth
232
575
  }, {
233
- default: m(() => [
234
- c(t.$slots, "query-conditions", { searchForm: i }, void 0, !0),
235
- b(s, { class: "!mr-0 flex-shrink-0" }, {
236
- default: m(() => [
237
- N("div", de, [
238
- c(t.$slots, "query-left", {}, void 0, !0),
239
- e.showSearchActionButtons ? (d(), B(q, { key: 0 }, [
240
- b(o, {
241
- type: "primary",
242
- onClick: k,
243
- loading: A.value
576
+ default: p((a) => [
577
+ a.row ? (n(), w("div", ze, [
578
+ t.$slots.actions ? h(t.$slots, "actions", {
579
+ key: 0,
580
+ row: a.row
581
+ }, void 0, !0) : (n(), w(P, { key: 1 }, [
582
+ h(t.$slots, "action-before-edit", {
583
+ row: a.row
584
+ }, void 0, !0),
585
+ e.showEditButton ? (n(), f(l, {
586
+ key: 0,
587
+ size: "small",
588
+ type: "primary",
589
+ link: "",
590
+ onClick: (R) => Q("edit", a.row)
591
+ }, {
592
+ default: p(() => o[9] || (o[9] = [
593
+ F("编辑 ")
594
+ ])),
595
+ _: 2,
596
+ __: [9]
597
+ }, 1032, ["onClick"])) : b("", !0),
598
+ e.showDeleteButton ? (n(), f(I, {
599
+ key: 1,
600
+ title: "确定要删除这条数据吗?",
601
+ onConfirm: (R) => L([a.row.id]),
602
+ "confirm-button-text": "确定",
603
+ "cancel-button-text": "取消",
604
+ width: "200"
605
+ }, {
606
+ reference: p(() => [
607
+ U(l, {
608
+ size: "small",
609
+ type: "danger",
610
+ link: ""
244
611
  }, {
245
- default: m(() => a[4] || (a[4] = [
246
- P("搜索")
247
- ])),
248
- _: 1,
249
- __: [4]
250
- }, 8, ["loading"]),
251
- b(o, { onClick: W }, {
252
- default: m(() => a[5] || (a[5] = [
253
- P("清空")
612
+ default: p(() => o[10] || (o[10] = [
613
+ F("删除")
254
614
  ])),
255
615
  _: 1,
256
- __: [5]
616
+ __: [10]
257
617
  })
258
- ], 64)) : g("", !0),
259
- c(t.$slots, "query-right", {}, void 0, !0)
260
- ])
261
- ]),
262
- _: 3
263
- })
618
+ ]),
619
+ _: 2
620
+ }, 1032, ["onConfirm"])) : b("", !0),
621
+ h(t.$slots, "action-after-delete", {
622
+ row: a.row
623
+ }, void 0, !0)
624
+ ], 64))
625
+ ])) : b("", !0)
264
626
  ]),
265
627
  _: 3
266
- }, 8, ["model"]),
267
- N("div", pe, [
268
- c(t.$slots, "action-left", { selections: j.value }, void 0, !0),
269
- c(t.$slots, "add-button-content", {}, () => [
270
- e.showNewBtn ? (d(), S(o, {
271
- key: 0,
272
- type: "success",
273
- onClick: a[0] || (a[0] = (l) => E("add"))
274
- }, {
275
- default: m(() => a[6] || (a[6] = [
276
- P("新增")
277
- ])),
278
- _: 1,
279
- __: [6]
280
- })) : g("", !0)
281
- ], !0),
282
- c(t.$slots, "action-right", {}, void 0, !0)
283
- ])
284
- ])
285
- ])) : g("", !0),
286
- N("div", ce, [
287
- oe((d(), S(O, Q({
288
- data: _.value,
289
- onSelectionChange: H
290
- }, t.$attrs, {
291
- height: "100%",
292
- style: { width: "100%" }
293
- }), {
294
- default: m(() => [
295
- e.showSelectionColumn ? (d(), S(p, {
296
- key: 0,
297
- type: "selection",
298
- width: "55",
299
- fixed: ""
300
- })) : g("", !0),
301
- e.showIndexColumn ? (d(), S(p, {
302
- key: 1,
303
- type: "index",
304
- label: "序号",
305
- width: "70",
306
- fixed: ""
307
- })) : g("", !0),
308
- (d(!0), B(q, null, re(e.columns, (l) => (d(), S(p, Q({
309
- key: l.prop,
310
- prop: l.prop,
311
- label: l.label,
312
- width: l.width,
313
- sortable: l.sortable || !1
314
- }, { ref_for: !0 }, l.attrs), ne({ _: 2 }, [
315
- l.slot ? {
316
- name: "default",
317
- fn: m((Y) => [
318
- c(t.$slots, l.slot, {
319
- row: Y.row
320
- }, void 0, !0)
321
- ]),
322
- key: "0"
323
- } : void 0
324
- ]), 1040, ["prop", "label", "width", "sortable"]))), 128)),
325
- e.showActionsColumn ? (d(), S(p, {
326
- key: 2,
327
- label: "操作",
328
- width: n.actionsColumnWidth
329
- }, null, 8, ["width"])) : g("", !0)
330
- ]),
331
- _: 3
332
- }, 16, ["data"])), [
333
- [X, A.value]
334
- ])
628
+ }, 8, ["width"])) : b("", !0)
629
+ ]),
630
+ _: 3
631
+ }, 16, ["data", "element-loading-text", "element-loading-background"])), [
632
+ [G, i.value]
335
633
  ]),
336
- e.showPagination && U.value > 0 ? (d(), B("div", fe, [
337
- b(J, {
338
- "current-page": i.pageNum,
339
- "onUpdate:currentPage": a[1] || (a[1] = (l) => i.pageNum = l),
340
- "page-size": i.pageSize,
341
- "onUpdate:pageSize": a[2] || (a[2] = (l) => i.pageSize = l),
634
+ e.showPagination && k.value > 0 ? (n(), w("div", Pe, [
635
+ U(ue, {
636
+ "current-page": c.pageNum,
637
+ "onUpdate:currentPage": o[1] || (o[1] = (a) => c.pageNum = a),
638
+ "page-size": c.pageSize,
639
+ "onUpdate:pageSize": o[2] || (o[2] = (a) => c.pageSize = a),
342
640
  "page-sizes": e.pageSizes,
343
641
  layout: e.paginationLayout,
344
- total: U.value,
642
+ total: k.value,
345
643
  background: e.paginationBackground,
346
644
  small: e.paginationSmall,
347
645
  "hide-on-single-page": e.paginationHideOnSinglePage,
348
- onSizeChange: R,
349
- onCurrentChange: G
646
+ onSizeChange: ne,
647
+ onCurrentChange: ie
350
648
  }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total", "background", "small", "hide-on-single-page"])
351
- ])) : g("", !0),
352
- b(K, {
649
+ ])) : b("", !0),
650
+ U(de, {
353
651
  modelValue: r.visible,
354
- "onUpdate:modelValue": a[3] || (a[3] = (l) => r.visible = l),
355
- title: L.value,
652
+ "onUpdate:modelValue": o[5] || (o[5] = (a) => r.visible = a),
653
+ title: te.value,
356
654
  width: e.dialogWidth,
357
655
  "destroy-on-close": !0,
358
- "custom-class": I.value
359
- }, null, 8, ["modelValue", "title", "width", "custom-class"])
656
+ "custom-class": A.value
657
+ }, {
658
+ footer: p(() => [
659
+ W("div", Te, [
660
+ U(l, {
661
+ onClick: o[4] || (o[4] = (a) => r.visible = !1)
662
+ }, {
663
+ default: p(() => o[11] || (o[11] = [
664
+ F("取消")
665
+ ])),
666
+ _: 1,
667
+ __: [11]
668
+ }),
669
+ U(l, {
670
+ type: "primary",
671
+ onClick: re,
672
+ loading: r.submitting
673
+ }, {
674
+ default: p(() => o[12] || (o[12] = [
675
+ F("确定")
676
+ ])),
677
+ _: 1,
678
+ __: [12]
679
+ }, 8, ["loading"])
680
+ ])
681
+ ]),
682
+ default: p(() => [
683
+ K((n(), w("div", null, [
684
+ h(t.$slots, "dialog-form-content", {
685
+ formData: r.data,
686
+ mode: r.mode
687
+ }, () => [
688
+ e.dialogFormConfig.length > 0 ? (n(), f(he, {
689
+ key: 0,
690
+ "form-config": oe.value,
691
+ modelValue: r.data,
692
+ "onUpdate:modelValue": o[3] || (o[3] = (a) => r.data = a),
693
+ ref: (a) => r.formRef = a,
694
+ rules: e.dialogFormRules,
695
+ "label-width": "80px"
696
+ }, null, 8, ["form-config", "modelValue", "rules"])) : b("", !0)
697
+ ], !0)
698
+ ])), [
699
+ [G, r.loading]
700
+ ])
701
+ ]),
702
+ _: 3
703
+ }, 8, ["modelValue", "title", "width", "custom-class"])
360
704
  ], 2);
361
705
  };
362
706
  }
363
- }), me = (n, u) => {
364
- const C = n.__vccOpts || n;
365
- for (const [h, e] of u)
366
- C[h] = e;
367
- return C;
368
- }, be = /* @__PURE__ */ me(ge, [["__scopeId", "data-v-1c3c9f1b"]]);
707
+ }), Ee = /* @__PURE__ */ ee(xe, [["__scopeId", "data-v-623aed8d"]]);
369
708
  export {
370
- be as CrudTable
709
+ Ee as CrudTable
371
710
  };
package/dist/z-crud-table.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(p,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):(p=typeof globalThis<"u"?globalThis:p||self,e(p.ZCrudTable={},p.Vue,p.ElementPlus,p.axios))})(this,function(p,e,u,N){"use strict";const g=N.create({baseURL:"",timeout:1e4});g.interceptors.request.use(l=>{const c=localStorage.getItem("token");return c&&(l.headers.Authorization="Bearer "+c),l},l=>(console.log(l),Promise.reject(l))),g.interceptors.response.use(l=>{const c=l.data;return c.code!==200?(u.ElMessage({message:c.msg||"Error",type:"error",duration:5*1e3}),(c.code===401||c.code===403)&&u.ElMessageBox.confirm("您的登录状态已失效，请重新登录","确认登出",{confirmButtonText:"重新登录",cancelButtonText:"取消",type:"warning"}).then(()=>{localStorage.removeItem("token"),location.reload()}),Promise.reject(new Error(c.msg||"Error"))):c},l=>(console.log("HTTP Error: "+l),u.ElMessage({message:"网络错误，请检查您的网络连接或联系管理员",type:"error",duration:5*1e3}),Promise.reject(l)));const U={key:0,class:"search-section-wrapper"},A={class:"flex flex-wrap items-center justify-between gap-4 mb-6"},E={class:"flex items-center gap-x-2"},V={class:"flex items-center gap-x-3 action-buttons flex-shrink-0"},F={class:"table-content-wrapper"},z={key:1,class:"pagination-wrapper"},O=((l,c)=>{const w=l.__vccOpts||l;for(const[m,t]of c)w[m]=t;return w})(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},showSearchSection:{type:Boolean,default:!0},showSearchActionButtons:{type:Boolean,default:!0},showNewBtn:{type:Boolean,default:!0},columns:{type:Array,default:()=>[]},onBeforeQuery:{type:Function},onAfterQuery:{type:Function},onBeforeOpenDialog:{type:Function},onAfterOpenDialog:{type:Function},onBeforeSubmit:{type:Function},onAfterSubmit:{type:Function},onBeforeDelete:{type:Function},onAfterDelete:{type:Function},showSelectionColumn:{type:Boolean,default:!0},showIndexColumn:{type:Boolean,default:!0},showActionsColumn:{type:Boolean,default:!0},showEditButton:{type:Boolean,default:!0},showDeleteButton:{type:Boolean,default:!0},actionsColumnWidth:{type:[String,Number],default:120},dialogWidth:{type:String,default:"50%"},initialSearchForm:{type:Object,default:()=>({pageNum:1,pageSize:10})},showPagination:{type:Boolean,default:!0},pageSizes:{type:Array,default:()=>[10,20,50,100]},paginationLayout:{type:String,default:"total, sizes, prev, pager, next, jumper"},paginationBackground:{type:Boolean,default:!0},paginationSmall:{type:Boolean,default:!1},paginationHideOnSinglePage:{type:Boolean,default:!1},dialogFormConfig:{type:Array,default:()=>[]},dialogFormRules:{type:Object,default:()=>({})},submitAsFormData:{type:Boolean,default:!1}},emits:["open-dialog","submit","delete"],setup(l,{expose:c,emit:w}){const m=w,t=l,T=e.computed(()=>["crud-table-wrapper",`theme-${t.theme}`,t.customClass]),j=e.computed(()=>t.theme==="large-screen"?"large-screen-dialog":""),h=(o,a)=>o?!0:(u.ElMessage.error(`${a} prop is required.`),!1),q=async(o,a)=>{try{let r={...a};t.onBeforeSubmit&&(r=await t.onBeforeSubmit(r));let d=r;if(t.submitAsFormData){const k=new FormData;for(const f in r)if(Object.prototype.hasOwnProperty.call(r,f)){const _=r[f];k.append(f,_??"")}d=k}if(n.submitting=!0,o==="add"){if(!h(t.apiUrlCreate,"apiUrlCreate"))throw new Error("apiUrlCreate is not configured.");await g.post(t.apiUrlCreate,d),u.ElMessage.success("新增成功")}else{if(!h(t.apiUrlUpdate,"apiUrlUpdate"))throw new Error("apiUrlUpdate is not configured.");await g.put(t.apiUrlUpdate,d),u.ElMessage.success("更新成功")}return t.onAfterSubmit&&t.onAfterSubmit(o,r),m("submit",{mode:o,data:r}),n.visible&&(n.visible=!1),y(),Promise.resolve()}catch(r){return console.error("Submit failed:",r),Promise.reject(r)}finally{n.submitting=!1}},i=e.reactive({pageNum:1,pageSize:10,...t.initialSearchForm}),S=e.ref([]),b=e.ref(0),C=e.ref(!1),D=e.ref([]),n=e.reactive({visible:!1,loading:!1,submitting:!1,mode:"add",data:{},formRef:null}),$=e.computed(()=>n.mode==="add"?"新增":"编辑");e.computed(()=>{if(n.mode==="add")return t.dialogFormConfig.filter(a=>a.prop!=="id");const o=[...t.dialogFormConfig.filter(a=>a.prop!=="id")];return o.some(a=>a.prop==="id")||o.unshift({type:"input-disabled",prop:"id",label:"用户ID"}),o});const y=async()=>{if(h(t.apiUrlQuery,"apiUrlQuery")){C.value=!0;try{let o={...i};t.onBeforeQuery&&(o=await t.onBeforeQuery(o));const a=await g.get(t.apiUrlQuery,{params:o});if(a&&a.data&&Array.isArray(a.data.rows)&&typeof a.data.total=="number"){let r=a.data.rows;t.onAfterQuery&&(r=await t.onAfterQuery(r)),S.value=r,b.value=a.data.total}else console.warn("API response is not in the expected { data: { rows: [], total: 0 } } format."),S.value=[],b.value=0}catch(o){console.error("Fetch data failed:",o)}finally{C.value=!1}}},B=()=>{i.pageNum=1,y()},P=()=>{const{pageNum:o,pageSize:a,...r}=t.initialSearchForm;Object.keys(i).forEach(d=>{d!=="pageNum"&&d!=="pageSize"&&delete i[d]}),Object.assign(i,r),B()},Q=o=>{D.value=o},x=async(o,a)=>{let r;if(o==="add"?r=a?{...a}:{role:"user"}:r={...a},t.onBeforeOpenDialog){const d=await t.onBeforeOpenDialog(o,r);d&&(r=d)}if(n.mode=o,n.visible=!0,o==="edit"){if(!h(t.apiUrlDetail,"apiUrlDetail"))return;n.loading=!0;try{const d=await g.get(t.apiUrlDetail+"/"+r.id.toString());n.data=d.data.data}finally{n.loading=!1,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,n.data),m("open-dialog",{mode:o,data:n.data})}}else n.data=r,t.onAfterOpenDialog&&t.onAfterOpenDialog(o,n.data),m("open-dialog",{mode:o,data:n.data})},M=async o=>{if(h(t.apiUrlDelete,"apiUrlDelete"))try{if(t.onBeforeDelete&&await t.onBeforeDelete(o)===!1)return;const a=o.join(",");await g.delete(t.apiUrlDelete+"/"+a.toString()),u.ElMessage.success("删除成功"),t.onAfterDelete&&t.onAfterDelete(o),m("delete",o),S.value.length===o.length&&i.pageNum>1&&i.pageNum--,y()}catch(a){console.error("Delete failed",a)}},I=o=>{i.pageSize=o,B()},L=o=>{i.pageNum=o,y()};return e.onMounted(y),c({refresh:y,search:B,handleDelete:M,openDialog:x,submit:q}),(o,a)=>{const r=e.resolveComponent("el-button"),d=e.resolveComponent("el-form-item"),k=e.resolveComponent("el-form"),f=e.resolveComponent("el-table-column"),_=e.resolveComponent("el-table"),W=e.resolveComponent("el-pagination"),H=e.resolveComponent("el-dialog"),R=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([T.value,"crud-table-container"])},[t.showSearchSection?(e.openBlock(),e.createElementBlock("div",U,[e.renderSlot(o.$slots,"header",{},void 0,!0),e.createElementVNode("div",A,[e.createVNode(k,{model:i,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:i},void 0,!0),e.createVNode(d,{class:"!mr-0 flex-shrink-0"},{default:e.withCtx(()=>[e.createElementVNode("div",E,[e.renderSlot(o.$slots,"query-left",{},void 0,!0),t.showSearchActionButtons?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(r,{type:"primary",onClick:B,loading:C.value},{default:e.withCtx(()=>a[4]||(a[4]=[e.createTextVNode("搜索")])),_:1,__:[4]},8,["loading"]),e.createVNode(r,{onClick:P},{default:e.withCtx(()=>a[5]||(a[5]=[e.createTextVNode("清空")])),_:1,__:[5]})],64)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"query-right",{},void 0,!0)])]),_:3})]),_:3},8,["model"]),e.createElementVNode("div",V,[e.renderSlot(o.$slots,"action-left",{selections:D.value},void 0,!0),e.renderSlot(o.$slots,"add-button-content",{},()=>[t.showNewBtn?(e.openBlock(),e.createBlock(r,{key:0,type:"success",onClick:a[0]||(a[0]=s=>x("add"))},{default:e.withCtx(()=>a[6]||(a[6]=[e.createTextVNode("新增")])),_:1,__:[6]})):e.createCommentVNode("",!0)],!0),e.renderSlot(o.$slots,"action-right",{},void 0,!0)])])])):e.createCommentVNode("",!0),e.createElementVNode("div",F,[e.withDirectives((e.openBlock(),e.createBlock(_,e.mergeProps({data:S.value,onSelectionChange:Q},o.$attrs,{height:"100%",style:{width:"100%"}}),{default:e.withCtx(()=>[t.showSelectionColumn?(e.openBlock(),e.createBlock(f,{key:0,type:"selection",width:"55",fixed:""})):e.createCommentVNode("",!0),t.showIndexColumn?(e.openBlock(),e.createBlock(f,{key:1,type:"index",label:"序号",width:"70",fixed:""})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,s=>(e.openBlock(),e.createBlock(f,e.mergeProps({key:s.prop,prop:s.prop,label:s.label,width:s.width,sortable:s.sortable||!1},{ref_for:!0},s.attrs),e.createSlots({_:2},[s.slot?{name:"default",fn:e.withCtx(Z=>[e.renderSlot(o.$slots,s.slot,{row:Z.row},void 0,!0)]),key:"0"}:void 0]),1040,["prop","label","width","sortable"]))),128)),t.showActionsColumn?(e.openBlock(),e.createBlock(f,{key:2,label:"操作",width:l.actionsColumnWidth},null,8,["width"])):e.createCommentVNode("",!0)]),_:3},16,["data"])),[[R,C.value]])]),t.showPagination&&b.value>0?(e.openBlock(),e.createElementBlock("div",z,[e.createVNode(W,{"current-page":i.pageNum,"onUpdate:currentPage":a[1]||(a[1]=s=>i.pageNum=s),"page-size":i.pageSize,"onUpdate:pageSize":a[2]||(a[2]=s=>i.pageSize=s),"page-sizes":t.pageSizes,layout:t.paginationLayout,total:b.value,background:t.paginationBackground,small:t.paginationSmall,"hide-on-single-page":t.paginationHideOnSinglePage,onSizeChange:I,onCurrentChange:L},null,8,["current-page","page-size","page-sizes","layout","total","background","small","hide-on-single-page"])])):e.createCommentVNode("",!0),e.createVNode(H,{modelValue:n.visible,"onUpdate:modelValue":a[3]||(a[3]=s=>n.visible=s),title:$.value,width:t.dialogWidth,"destroy-on-close":!0,"custom-class":j.value},null,8,["modelValue","title","width","custom-class"])],2)}}}),[["__scopeId","data-v-1c3c9f1b"]]);p.CrudTable=O,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
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"})});
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "z-crud-table",
3
3
  "private": false,
4
- "version": "0.0.29",
4
+ "version": "0.0.31",
5
5
  "type": "module",
6
6
  "description": "A powerful and flexible CRUD table component for Vue 3 and Element Plus.",
7
7
  "keywords": [
@@ -37,6 +37,7 @@
37
37
  "preview": "vite preview"
38
38
  },
39
39
  "dependencies": {
40
+ "@vueuse/core": "^13.8.0",
40
41
  "axios": "^1.7.2"
41
42
  },
42
43
  "peerDependencies": {