z-crud-table 0.0.6 → 0.0.7

package/dist/z-crud-table.js

@@ -1,6 +1,6 @@
-import { defineComponent as L, ref as A, resolveComponent as m, createBlock as p, openBlock as l, mergeProps as h, withCtx as i, createElementBlock as k, Fragment as q, renderList as j, createCommentVNode as g, createTextVNode as _, toDisplayString as ae, computed as Q, reactive as I, onMounted as le, resolveDirective as ne, normalizeClass as re, renderSlot as y, createElementVNode as F, withDirectives as T, createVNode as b } from "vue";
+import { defineComponent as L, ref as A, resolveComponent as m, createBlock as p, openBlock as n, mergeProps as h, withCtx as s, createElementBlock as k, Fragment as j, renderList as Q, createCommentVNode as g, createTextVNode as _, toDisplayString as le, computed as N, reactive as I, onMounted as ne, resolveDirective as re, normalizeClass as ie, renderSlot as y, createElementVNode as F, withDirectives as T, createVNode as b } from "vue";
 import { ElMessage as z } from "element-plus";
-import ie from "axios";
+import se from "axios";
 const ue = /* @__PURE__ */ L({
   __name: "DynamicForm",
   props: {
@@ -12,72 +12,72 @@ const ue = /* @__PURE__ */ L({
     const $ = A(null);
     return w({
       validate: () => {
-        var n;
-        return (n = $.value) == null ? void 0 : n.validate();
+        var r;
+        return (r = $.value) == null ? void 0 : r.validate();
       }
-    }), (n, o) => {
-      const B = m("el-input"), v = m("el-option"), u = m("el-select"), S = m("el-radio"), D = m("el-radio-group"), U = m("el-form-item"), x = m("el-form");
-      return l(), p(x, h({
-        model: n.modelValue,
-        rules: n.rules,
+    }), (r, t) => {
+      const B = m("el-input"), P = m("el-option"), v = m("el-select"), u = m("el-radio"), S = m("el-radio-group"), D = m("el-form-item"), U = m("el-form");
+      return n(), p(U, h({
+        model: r.modelValue,
+        rules: r.rules,
         ref_key: "formRef",
         ref: $
-      }, n.$attrs), {
-        default: i(() => [
-          (l(!0), k(q, null, j(n.formConfig, (e) => (l(), p(U, {
-            key: e.prop,
-            label: e.label,
-            prop: e.prop
+      }, r.$attrs), {
+        default: s(() => [
+          (n(!0), k(j, null, Q(r.formConfig, (l) => (n(), p(D, {
+            key: l.prop,
+            label: l.label,
+            prop: l.prop
           }, {
-            default: i(() => [
-              e.type === "input" ? (l(), p(B, h({
+            default: s(() => [
+              l.type === "input" ? (n(), p(B, h({
                 key: 0,
-                modelValue: n.modelValue[e.prop],
-                "onUpdate:modelValue": (s) => n.modelValue[e.prop] = s
-              }, { ref_for: !0 }, e.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : g("", !0),
-              e.type === "textarea" ? (l(), p(B, h({
+                modelValue: r.modelValue[l.prop],
+                "onUpdate:modelValue": (o) => r.modelValue[l.prop] = o
+              }, { ref_for: !0 }, l.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : g("", !0),
+              l.type === "textarea" ? (n(), p(B, h({
                 key: 1,
                 type: "textarea",
-                modelValue: n.modelValue[e.prop],
-                "onUpdate:modelValue": (s) => n.modelValue[e.prop] = s
-              }, { ref_for: !0 }, e.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : g("", !0),
-              e.type === "select" ? (l(), p(u, h({
+                modelValue: r.modelValue[l.prop],
+                "onUpdate:modelValue": (o) => r.modelValue[l.prop] = o
+              }, { ref_for: !0 }, l.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : g("", !0),
+              l.type === "select" ? (n(), p(v, h({
                 key: 2,
-                modelValue: n.modelValue[e.prop],
-                "onUpdate:modelValue": (s) => n.modelValue[e.prop] = s
-              }, { ref_for: !0 }, e.componentProps), {
-                default: i(() => [
-                  (l(!0), k(q, null, j(e.options, (s) => (l(), p(v, {
-                    key: s.value,
-                    label: s.label,
-                    value: s.value
+                modelValue: r.modelValue[l.prop],
+                "onUpdate:modelValue": (o) => r.modelValue[l.prop] = o
+              }, { ref_for: !0 }, l.componentProps), {
+                default: s(() => [
+                  (n(!0), k(j, null, Q(l.options, (o) => (n(), p(P, {
+                    key: o.value,
+                    label: o.label,
+                    value: o.value
                   }, null, 8, ["label", "value"]))), 128))
                 ]),
                 _: 2
               }, 1040, ["modelValue", "onUpdate:modelValue"])) : g("", !0),
-              e.type === "radio-group" ? (l(), p(D, h({
+              l.type === "radio-group" ? (n(), p(S, h({
                 key: 3,
-                modelValue: n.modelValue[e.prop],
-                "onUpdate:modelValue": (s) => n.modelValue[e.prop] = s
-              }, { ref_for: !0 }, e.componentProps), {
-                default: i(() => [
-                  (l(!0), k(q, null, j(e.options, (s) => (l(), p(S, {
-                    key: s.value,
-                    label: s.value
+                modelValue: r.modelValue[l.prop],
+                "onUpdate:modelValue": (o) => r.modelValue[l.prop] = o
+              }, { ref_for: !0 }, l.componentProps), {
+                default: s(() => [
+                  (n(!0), k(j, null, Q(l.options, (o) => (n(), p(u, {
+                    key: o.value,
+                    label: o.value
                   }, {
-                    default: i(() => [
-                      _(ae(s.label), 1)
+                    default: s(() => [
+                      _(le(o.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["label"]))), 128))
                 ]),
                 _: 2
               }, 1040, ["modelValue", "onUpdate:modelValue"])) : g("", !0),
-              e.type === "input-disabled" ? (l(), p(B, h({
+              l.type === "input-disabled" ? (n(), p(B, h({
                 key: 4,
-                "model-value": n.modelValue[e.prop],
+                "model-value": r.modelValue[l.prop],
                 disabled: ""
-              }, { ref_for: !0 }, e.componentProps), null, 16, ["model-value"])) : g("", !0)
+              }, { ref_for: !0 }, l.componentProps), null, 16, ["model-value"])) : g("", !0)
             ]),
             _: 2
           }, 1032, ["label", "prop"]))), 128))
@@ -86,7 +86,7 @@ const ue = /* @__PURE__ */ L({
       }, 16, ["model", "rules"]);
     };
   }
-}), C = ie.create({
+}), C = se.create({
   // VITE_APP_BASE_API 是在 .env 文件中定义的基础 URL
   // 您可以根据您的项目需求进行修改
   baseURL: "",
@@ -109,10 +109,10 @@ C.interceptors.response.use(
     duration: 5 * 1e3
   }), Promise.reject(d))
 );
-const se = { 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" }, fe = { class: "flex items-center gap-x-2" }, me = {
+const de = { class: "flex flex-wrap items-center justify-between gap-4 mb-6" }, pe = { class: "flex items-center gap-x-2" }, fe = { class: "flex items-center gap-x-3 action-buttons flex-shrink-0" }, me = { class: "flex items-center gap-x-2" }, ge = {
   key: 0,
   class: "flex justify-end mt-[10px]"
-}, ge = { class: "dialog-footer" }, ce = /* @__PURE__ */ L({
+}, ce = { class: "dialog-footer" }, ye = /* @__PURE__ */ L({
   __name: "CrudTable",
   props: {
     theme: { type: String, default: "default" },
@@ -148,128 +148,128 @@ const se = { class: "flex flex-wrap items-center justify-between gap-4 mb-6" },
   },
   emits: ["open-dialog", "submit", "delete"],
   setup(d, { expose: w, emit: $ }) {
-    const n = $, o = d, B = Q(() => ["crud-table-wrapper", `theme-${o.theme}`]), v = (t, a) => t ? !0 : (z.error(`${a} prop is required.`), !1), u = I({ pageNum: 1, pageSize: 10, ...o.initialSearchForm }), S = A([]), D = A(0), U = A(!1), x = A([]), e = I({ visible: !1, loading: !1, submitting: !1, mode: "add", data: {}, formRef: null }), s = Q(() => e.mode === "add" ? "新增" : "编辑"), W = Q(() => {
-      if (e.mode === "add") return o.dialogFormConfig.filter((a) => a.prop !== "id");
-      const t = [...o.dialogFormConfig.filter((a) => a.prop !== "id")];
-      return t.some((a) => a.prop === "id") || t.push({ type: "input-disabled", prop: "id", label: "用户ID" }), t;
+    const r = $, t = d, B = N(() => ["crud-table-wrapper", `theme-${t.theme}`]), P = N(() => t.theme === "large-screen" ? "large-screen-dialog" : ""), v = (e, a) => e ? !0 : (z.error(`${a} prop is required.`), !1), u = I({ pageNum: 1, pageSize: 10, ...t.initialSearchForm }), S = A([]), D = A(0), U = A(!1), l = A([]), o = I({ visible: !1, loading: !1, submitting: !1, mode: "add", data: {}, formRef: null }), W = N(() => o.mode === "add" ? "新增" : "编辑"), H = N(() => {
+      if (o.mode === "add") return t.dialogFormConfig.filter((a) => a.prop !== "id");
+      const e = [...t.dialogFormConfig.filter((a) => a.prop !== "id")];
+      return e.some((a) => a.prop === "id") || e.push({ type: "input-disabled", prop: "id", label: "用户ID" }), e;
     }), V = async () => {
-      if (v(o.apiUrlQuery, "apiUrlQuery")) {
+      if (v(t.apiUrlQuery, "apiUrlQuery")) {
         U.value = !0;
         try {
-          let t = { ...u };
-          o.onBeforeQuery && (t = await o.onBeforeQuery(t));
-          const a = await C.get(o.apiUrlQuery, { params: t });
+          let e = { ...u };
+          t.onBeforeQuery && (e = await t.onBeforeQuery(e));
+          const a = await C.get(t.apiUrlQuery, { params: e });
           if (a && Array.isArray(a.data) && typeof a.total == "number") {
-            let r = a.data;
-            o.onAfterQuery && (r = await o.onAfterQuery(r)), S.value = r, D.value = a.total;
+            let i = a.data;
+            t.onAfterQuery && (i = await t.onAfterQuery(i)), S.value = i, D.value = a.total;
           } else
             console.warn("API response is not in the expected { data: [], total: 0 } format."), S.value = [], D.value = 0;
-        } catch (t) {
-          console.error("Fetch data failed:", t);
+        } catch (e) {
+          console.error("Fetch data failed:", e);
         } finally {
           U.value = !1;
         }
       }
-    }, N = () => {
+    }, x = () => {
       u.pageNum = 1, V();
-    }, H = () => {
-      const { pageNum: t, pageSize: a, ...r } = o.initialSearchForm;
+    }, M = () => {
+      const { pageNum: e, pageSize: a, ...i } = t.initialSearchForm;
       Object.keys(u).forEach((c) => {
         c !== "pageNum" && c !== "pageSize" && delete u[c];
-      }), Object.assign(u, r), N();
-    }, M = (t) => {
-      x.value = t;
-    }, P = async (t, a) => {
-      let r = t === "add" ? { role: "user" } : { ...a };
-      if (o.onBeforeOpenDialog) {
-        const c = await o.onBeforeOpenDialog(t, r);
-        c && (r = c);
+      }), Object.assign(u, i), x();
+    }, G = (e) => {
+      l.value = e;
+    }, O = async (e, a) => {
+      let i = e === "add" ? { role: "user" } : { ...a };
+      if (t.onBeforeOpenDialog) {
+        const c = await t.onBeforeOpenDialog(e, i);
+        c && (i = c);
       }
-      if (e.mode = t, e.visible = !0, t === "edit") {
-        if (!v(o.apiUrlDetail, "apiUrlDetail")) return;
-        e.loading = !0;
+      if (o.mode = e, o.visible = !0, e === "edit") {
+        if (!v(t.apiUrlDetail, "apiUrlDetail")) return;
+        o.loading = !0;
         try {
-          const c = await C.get(o.apiUrlDetail, { params: { id: r.id } });
-          e.data = c.data;
+          const c = await C.get(t.apiUrlDetail, { params: { id: i.id } });
+          o.data = c.data;
         } finally {
-          e.loading = !1, o.onAfterOpenDialog && o.onAfterOpenDialog(t, e.data), n("open-dialog", { mode: t, data: e.data });
+          o.loading = !1, t.onAfterOpenDialog && t.onAfterOpenDialog(e, o.data), r("open-dialog", { mode: e, data: o.data });
         }
       } else
-        e.data = r, o.onAfterOpenDialog && o.onAfterOpenDialog(t, e.data), n("open-dialog", { mode: t, data: e.data });
-    }, G = async () => {
+        o.data = i, t.onAfterOpenDialog && t.onAfterOpenDialog(e, o.data), r("open-dialog", { mode: e, data: o.data });
+    }, J = async () => {
       try {
-        e.formRef && await e.formRef.validate();
-        let t = { ...e.data };
-        if (o.onBeforeSubmit && (t = await o.onBeforeSubmit(t)), e.submitting = !0, e.mode === "add") {
-          if (!v(o.apiUrlCreate, "apiUrlCreate")) return;
-          await C.post(o.apiUrlCreate, t), z.success("新增成功");
+        o.formRef && await o.formRef.validate();
+        let e = { ...o.data };
+        if (t.onBeforeSubmit && (e = await t.onBeforeSubmit(e)), o.submitting = !0, o.mode === "add") {
+          if (!v(t.apiUrlCreate, "apiUrlCreate")) return;
+          await C.post(t.apiUrlCreate, e), z.success("新增成功");
         } else {
-          if (!v(o.apiUrlUpdate, "apiUrlUpdate")) return;
-          await C.put(o.apiUrlUpdate, t), z.success("更新成功");
+          if (!v(t.apiUrlUpdate, "apiUrlUpdate")) return;
+          await C.put(t.apiUrlUpdate, e), z.success("更新成功");
         }
-        o.onAfterSubmit && o.onAfterSubmit(e.mode, t), n("submit", { mode: e.mode, data: t }), e.visible = !1, V();
-      } catch (t) {
-        console.log("Submit error or validation failed:", t);
+        t.onAfterSubmit && t.onAfterSubmit(o.mode, e), r("submit", { mode: o.mode, data: e }), o.visible = !1, V();
+      } catch (e) {
+        console.log("Submit error or validation failed:", e);
       } finally {
-        e.submitting = !1;
+        o.submitting = !1;
       }
-    }, R = async (t) => {
-      if (v(o.apiUrlDelete, "apiUrlDelete"))
+    }, R = async (e) => {
+      if (v(t.apiUrlDelete, "apiUrlDelete"))
         try {
-          if (o.onBeforeDelete && await o.onBeforeDelete(t) === !1)
+          if (t.onBeforeDelete && await t.onBeforeDelete(e) === !1)
             return;
-          const a = t.join(",");
-          await C.delete(o.apiUrlDelete, { params: { ids: a } }), z.success("删除成功"), o.onAfterDelete && o.onAfterDelete(t), n("delete", t), S.value.length === t.length && u.pageNum > 1 && u.pageNum--, V();
+          const a = e.join(",");
+          await C.delete(t.apiUrlDelete, { params: { ids: a } }), z.success("删除成功"), t.onAfterDelete && t.onAfterDelete(e), r("delete", e), S.value.length === e.length && u.pageNum > 1 && u.pageNum--, V();
         } catch (a) {
           console.error("Delete failed", a);
         }
-    }, J = (t) => {
-      u.pageSize = t, N();
-    }, K = (t) => {
-      u.pageNum = t, V();
+    }, K = (e) => {
+      u.pageSize = e, x();
+    }, X = (e) => {
+      u.pageNum = e, V();
     };
-    return le(V), w({
+    return ne(V), w({
       refresh: V,
-      search: N,
+      search: x,
       handleDelete: R,
-      openDialog: P
-    }), (t, a) => {
-      const r = m("el-button"), c = m("el-form-item"), X = m("el-form"), O = m("el-table-column"), Y = m("el-popconfirm"), Z = m("el-table"), ee = m("el-pagination"), te = m("el-dialog"), E = ne("loading");
-      return l(), k("div", {
-        class: re(B.value)
+      openDialog: O
+    }), (e, a) => {
+      const i = m("el-button"), c = m("el-form-item"), Y = m("el-form"), q = m("el-table-column"), Z = m("el-popconfirm"), ee = m("el-table"), te = m("el-pagination"), oe = m("el-dialog"), E = re("loading");
+      return n(), k("div", {
+        class: ie(B.value)
       }, [
-        y(t.$slots, "header"),
-        F("div", se, [
-          b(X, {
+        y(e.$slots, "header"),
+        F("div", de, [
+          b(Y, {
             model: u,
             class: "query-form flex flex-nowrap items-center gap-x-4",
             style: { "overflow-x": "auto", "padding-bottom": "8px" }
           }, {
-            default: i(() => [
-              y(t.$slots, "query-conditions", { searchForm: u }),
+            default: s(() => [
+              y(e.$slots, "query-conditions", { searchForm: u }),
               b(c, { class: "!mr-0 flex-shrink-0" }, {
-                default: i(() => [
-                  F("div", de, [
-                    y(t.$slots, "query-left"),
-                    b(r, {
+                default: s(() => [
+                  F("div", pe, [
+                    y(e.$slots, "query-left"),
+                    b(i, {
                       type: "primary",
-                      onClick: N,
+                      onClick: x,
                       loading: U.value
                     }, {
-                      default: i(() => a[6] || (a[6] = [
+                      default: s(() => a[6] || (a[6] = [
                         _("搜索")
                       ])),
                       _: 1,
                       __: [6]
                     }, 8, ["loading"]),
-                    b(r, { onClick: H }, {
-                      default: i(() => a[7] || (a[7] = [
+                    b(i, { onClick: M }, {
+                      default: s(() => a[7] || (a[7] = [
                         _("清空")
                       ])),
                       _: 1,
                       __: [7]
                     }),
-                    y(t.$slots, "query-right")
+                    y(e.$slots, "query-right")
                   ])
                 ]),
                 _: 3
@@ -277,81 +277,81 @@ const se = { class: "flex flex-wrap items-center justify-between gap-4 mb-6" },
             ]),
             _: 3
           }, 8, ["model"]),
-          F("div", pe, [
-            y(t.$slots, "action-left", { selections: x.value }),
-            y(t.$slots, "add-button-content", {}, () => [
-              b(r, {
+          F("div", fe, [
+            y(e.$slots, "action-left", { selections: l.value }),
+            y(e.$slots, "add-button-content", {}, () => [
+              b(i, {
                 type: "success",
-                onClick: a[0] || (a[0] = (f) => P("add"))
+                onClick: a[0] || (a[0] = (f) => O("add"))
               }, {
-                default: i(() => a[8] || (a[8] = [
+                default: s(() => a[8] || (a[8] = [
                   _("新增")
                 ])),
                 _: 1,
                 __: [8]
               })
             ]),
-            y(t.$slots, "action-right")
+            y(e.$slots, "action-right")
           ])
         ]),
-        T((l(), p(Z, h({
+        T((n(), p(ee, h({
           data: S.value,
-          onSelectionChange: M
-        }, t.$attrs, { style: { width: "100%" } }), {
-          default: i(() => [
-            o.showSelectionColumn ? (l(), p(O, {
+          onSelectionChange: G
+        }, e.$attrs, { style: { width: "100%" } }), {
+          default: s(() => [
+            t.showSelectionColumn ? (n(), p(q, {
               key: 0,
               type: "selection",
               width: "55",
               fixed: ""
             })) : g("", !0),
-            o.showIndexColumn ? (l(), p(O, {
+            t.showIndexColumn ? (n(), p(q, {
               key: 1,
               type: "index",
               label: "序号",
               width: "70",
               fixed: ""
             })) : g("", !0),
-            y(t.$slots, "default"),
-            o.showActionsColumn ? (l(), p(O, {
+            y(e.$slots, "default"),
+            t.showActionsColumn ? (n(), p(q, {
               key: 2,
               label: "操作",
               width: d.actionsColumnWidth,
               fixed: "right"
             }, {
-              default: i((f) => [
-                F("div", fe, [
-                  y(t.$slots, "actions", {
+              default: s((f) => [
+                F("div", me, [
+                  y(e.$slots, "actions", {
                     row: f.row
                   }, () => [
-                    o.showEditButton ? (l(), p(r, {
+                    t.showEditButton ? (n(), p(i, {
                       key: 0,
                       size: "small",
                       type: "primary",
                       link: "",
-                      onClick: (oe) => P("edit", f.row)
+                      onClick: (ae) => O("edit", f.row)
                     }, {
-                      default: i(() => a[9] || (a[9] = [
+                      default: s(() => a[9] || (a[9] = [
                         _("编辑")
                       ])),
                       _: 2,
                       __: [9]
                     }, 1032, ["onClick"])) : g("", !0),
-                    o.showDeleteButton ? (l(), p(Y, {
+                    t.showDeleteButton ? (n(), p(Z, {
                       key: 1,
                       title: "确定要删除这条数据吗?",
-                      onConfirm: (oe) => R([f.row.id]),
+                      onConfirm: (ae) => R([f.row.id]),
                       "confirm-button-text": "确定",
                       "cancel-button-text": "取消",
                       width: "200"
                     }, {
-                      reference: i(() => [
-                        b(r, {
+                      reference: s(() => [
+                        b(i, {
                           size: "small",
                           type: "danger",
                           link: ""
                         }, {
-                          default: i(() => a[10] || (a[10] = [
+                          default: s(() => a[10] || (a[10] = [
                             _("删除")
                           ])),
                           _: 1,
@@ -370,46 +370,47 @@ const se = { class: "flex flex-wrap items-center justify-between gap-4 mb-6" },
         }, 16, ["data"])), [
           [E, U.value]
         ]),
-        o.showPagination && D.value > 0 ? (l(), k("div", me, [
-          b(ee, {
+        t.showPagination && D.value > 0 ? (n(), k("div", ge, [
+          b(te, {
             "current-page": u.pageNum,
             "onUpdate:currentPage": a[1] || (a[1] = (f) => u.pageNum = f),
             "page-size": u.pageSize,
             "onUpdate:pageSize": a[2] || (a[2] = (f) => u.pageSize = f),
-            "page-sizes": o.pageSizes,
-            layout: o.paginationLayout,
+            "page-sizes": t.pageSizes,
+            layout: t.paginationLayout,
             total: D.value,
-            background: o.paginationBackground,
-            small: o.paginationSmall,
-            "hide-on-single-page": o.paginationHideOnSinglePage,
-            onSizeChange: J,
-            onCurrentChange: K
+            background: t.paginationBackground,
+            small: t.paginationSmall,
+            "hide-on-single-page": t.paginationHideOnSinglePage,
+            onSizeChange: K,
+            onCurrentChange: X
           }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total", "background", "small", "hide-on-single-page"])
         ])) : g("", !0),
-        b(te, {
-          modelValue: e.visible,
-          "onUpdate:modelValue": a[5] || (a[5] = (f) => e.visible = f),
-          title: s.value,
-          width: o.dialogWidth,
-          "destroy-on-close": !0
+        b(oe, {
+          modelValue: o.visible,
+          "onUpdate:modelValue": a[5] || (a[5] = (f) => o.visible = f),
+          title: W.value,
+          width: t.dialogWidth,
+          "destroy-on-close": !0,
+          "custom-class": P.value
         }, {
-          footer: i(() => [
-            F("div", ge, [
-              b(r, {
-                onClick: a[4] || (a[4] = (f) => e.visible = !1)
+          footer: s(() => [
+            F("div", ce, [
+              b(i, {
+                onClick: a[4] || (a[4] = (f) => o.visible = !1)
               }, {
-                default: i(() => a[11] || (a[11] = [
+                default: s(() => a[11] || (a[11] = [
                   _("取消")
                 ])),
                 _: 1,
                 __: [11]
               }),
-              b(r, {
+              b(i, {
                 type: "primary",
-                onClick: G,
-                loading: e.submitting
+                onClick: J,
+                loading: o.submitting
               }, {
-                default: i(() => a[12] || (a[12] = [
+                default: s(() => a[12] || (a[12] = [
                   _("确定")
                 ])),
                 _: 1,
@@ -417,39 +418,39 @@ const se = { class: "flex flex-wrap items-center justify-between gap-4 mb-6" },
               }, 8, ["loading"])
             ])
           ]),
-          default: i(() => [
-            T((l(), k("div", null, [
-              y(t.$slots, "dialog-form-content", {
-                formData: e.data,
-                mode: e.mode
+          default: s(() => [
+            T((n(), k("div", null, [
+              y(e.$slots, "dialog-form-content", {
+                formData: o.data,
+                mode: o.mode
               }, () => [
-                o.dialogFormConfig.length > 0 ? (l(), p(ue, {
+                t.dialogFormConfig.length > 0 ? (n(), p(ue, {
                   key: 0,
-                  "form-config": W.value,
-                  modelValue: e.data,
-                  "onUpdate:modelValue": a[3] || (a[3] = (f) => e.data = f),
-                  ref: (f) => e.formRef = f,
-                  rules: o.dialogFormRules,
+                  "form-config": H.value,
+                  modelValue: o.data,
+                  "onUpdate:modelValue": a[3] || (a[3] = (f) => o.data = f),
+                  ref: (f) => o.formRef = f,
+                  rules: t.dialogFormRules,
                   "label-width": "80px"
                 }, null, 8, ["form-config", "modelValue", "rules"])) : g("", !0)
               ])
             ])), [
-              [E, e.loading]
+              [E, o.loading]
             ])
           ]),
           _: 3
-        }, 8, ["modelValue", "title", "width"])
+        }, 8, ["modelValue", "title", "width", "custom-class"])
       ], 2);
     };
   }
-}), ve = {
+}), he = {
   install: (d) => {
-    d.component("CrudTable", ce);
+    d.component("CrudTable", ye);
   }
 };
 export {
-  ce as CrudTable,
+  ye as CrudTable,
   ue as DynamicForm,
-  ve as default,
+  he as default,
   C as request
 };

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

@@ -1 +1 @@
-(function(c,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):(c=typeof globalThis<"u"?globalThis:c||self,e(c.ZCrudTable={},c.Vue,c.ElementPlus,c.axios))})(this,function(c,e,B,A){"use strict";const D=e.defineComponent({__name:"DynamicForm",props:{modelValue:{},formConfig:{},rules:{}},setup(s,{expose:g}){const _=e.ref(null);return g({validate:()=>{var n;return(n=_.value)==null?void 0:n.validate()}}),(n,l)=>{const V=e.resolveComponent("el-input"),u=e.resolveComponent("el-option"),i=e.resolveComponent("el-select"),y=e.resolveComponent("el-radio"),C=e.resolveComponent("el-radio-group"),h=e.resolveComponent("el-form-item"),b=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(b,e.mergeProps({model:n.modelValue,rules:n.rules,ref_key:"formRef",ref:_},n.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.formConfig,t=>(e.openBlock(),e.createBlock(h,{key:t.prop,label:t.label,prop:t.prop},{default:e.withCtx(()=>[t.type==="input"?(e.openBlock(),e.createBlock(V,e.mergeProps({key:0,modelValue:n.modelValue[t.prop],"onUpdate:modelValue":d=>n.modelValue[t.prop]=d},{ref_for:!0},t.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),t.type==="textarea"?(e.openBlock(),e.createBlock(V,e.mergeProps({key:1,type:"textarea",modelValue:n.modelValue[t.prop],"onUpdate:modelValue":d=>n.modelValue[t.prop]=d},{ref_for:!0},t.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),t.type==="select"?(e.openBlock(),e.createBlock(i,e.mergeProps({key:2,modelValue:n.modelValue[t.prop],"onUpdate:modelValue":d=>n.modelValue[t.prop]=d},{ref_for:!0},t.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,d=>(e.openBlock(),e.createBlock(u,{key:d.value,label:d.label,value:d.value},null,8,["label","value"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),t.type==="radio-group"?(e.openBlock(),e.createBlock(C,e.mergeProps({key:3,modelValue:n.modelValue[t.prop],"onUpdate:modelValue":d=>n.modelValue[t.prop]=d},{ref_for:!0},t.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,d=>(e.openBlock(),e.createBlock(y,{key:d.value,label:d.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.label),1)]),_:2},1032,["label"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),t.type==="input-disabled"?(e.openBlock(),e.createBlock(V,e.mergeProps({key:4,"model-value":n.modelValue[t.prop],disabled:""},{ref_for:!0},t.componentProps),null,16,["model-value"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop"]))),128))]),_:1},16,["model","rules"])}}}),f=A.create({baseURL:"",timeout:1e4});f.interceptors.request.use(s=>{const g=localStorage.getItem("token");return g&&(s.headers.Authorization="Bearer "+g),s},s=>(console.log(s),Promise.reject(s))),f.interceptors.response.use(s=>s.data,s=>(console.log("err"+s),B.ElMessage({message:"接口错误，请刷新接口",type:"error",duration:5*1e3}),Promise.reject(s)));const z={class:"flex flex-wrap items-center justify-between gap-4 mb-6"},E={class:"flex items-center gap-x-2"},P={class:"flex items-center gap-x-3 action-buttons flex-shrink-0"},$={class:"flex items-center gap-x-2"},T={key:0,class:"flex justify-end mt-[10px]"},q={class:"dialog-footer"},x=e.defineComponent({__name:"CrudTable",props:{theme:{type:String,default:"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},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: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:()=>({})}},emits:["open-dialog","submit","delete"],setup(s,{expose:g,emit:_}){const n=_,l=s,V=e.computed(()=>["crud-table-wrapper",`theme-${l.theme}`]),u=(o,a)=>o?!0:(B.ElMessage.error(`${a} prop is required.`),!1),i=e.reactive({pageNum:1,pageSize:10,...l.initialSearchForm}),y=e.ref([]),C=e.ref(0),h=e.ref(!1),b=e.ref([]),t=e.reactive({visible:!1,loading:!1,submitting:!1,mode:"add",data:{},formRef:null}),d=e.computed(()=>t.mode==="add"?"新增":"编辑"),j=e.computed(()=>{if(t.mode==="add")return l.dialogFormConfig.filter(a=>a.prop!=="id");const o=[...l.dialogFormConfig.filter(a=>a.prop!=="id")];return o.some(a=>a.prop==="id")||o.push({type:"input-disabled",prop:"id",label:"用户ID"}),o}),k=async()=>{if(u(l.apiUrlQuery,"apiUrlQuery")){h.value=!0;try{let o={...i};l.onBeforeQuery&&(o=await l.onBeforeQuery(o));const a=await f.get(l.apiUrlQuery,{params:o});if(a&&Array.isArray(a.data)&&typeof a.total=="number"){let r=a.data;l.onAfterQuery&&(r=await l.onAfterQuery(r)),y.value=r,C.value=a.total}else console.warn("API response is not in the expected { data: [], total: 0 } format."),y.value=[],C.value=0}catch(o){console.error("Fetch data failed:",o)}finally{h.value=!1}}},w=()=>{i.pageNum=1,k()},Q=()=>{const{pageNum:o,pageSize:a,...r}=l.initialSearchForm;Object.keys(i).forEach(m=>{m!=="pageNum"&&m!=="pageSize"&&delete i[m]}),Object.assign(i,r),w()},R=o=>{b.value=o},S=async(o,a)=>{let r=o==="add"?{role:"user"}:{...a};if(l.onBeforeOpenDialog){const m=await l.onBeforeOpenDialog(o,r);m&&(r=m)}if(t.mode=o,t.visible=!0,o==="edit"){if(!u(l.apiUrlDetail,"apiUrlDetail"))return;t.loading=!0;try{const m=await f.get(l.apiUrlDetail,{params:{id:r.id}});t.data=m.data}finally{t.loading=!1,l.onAfterOpenDialog&&l.onAfterOpenDialog(o,t.data),n("open-dialog",{mode:o,data:t.data})}}else t.data=r,l.onAfterOpenDialog&&l.onAfterOpenDialog(o,t.data),n("open-dialog",{mode:o,data:t.data})},M=async()=>{try{t.formRef&&await t.formRef.validate();let o={...t.data};if(l.onBeforeSubmit&&(o=await l.onBeforeSubmit(o)),t.submitting=!0,t.mode==="add"){if(!u(l.apiUrlCreate,"apiUrlCreate"))return;await f.post(l.apiUrlCreate,o),B.ElMessage.success("新增成功")}else{if(!u(l.apiUrlUpdate,"apiUrlUpdate"))return;await f.put(l.apiUrlUpdate,o),B.ElMessage.success("更新成功")}l.onAfterSubmit&&l.onAfterSubmit(t.mode,o),n("submit",{mode:t.mode,data:o}),t.visible=!1,k()}catch(o){console.log("Submit error or validation failed:",o)}finally{t.submitting=!1}},U=async o=>{if(u(l.apiUrlDelete,"apiUrlDelete"))try{if(l.onBeforeDelete&&await l.onBeforeDelete(o)===!1)return;const a=o.join(",");await f.delete(l.apiUrlDelete,{params:{ids:a}}),B.ElMessage.success("删除成功"),l.onAfterDelete&&l.onAfterDelete(o),n("delete",o),y.value.length===o.length&&i.pageNum>1&&i.pageNum--,k()}catch(a){console.error("Delete failed",a)}},L=o=>{i.pageSize=o,w()},I=o=>{i.pageNum=o,k()};return e.onMounted(k),g({refresh:k,search:w,handleDelete:U,openDialog:S}),(o,a)=>{const r=e.resolveComponent("el-button"),m=e.resolveComponent("el-form-item"),W=e.resolveComponent("el-form"),N=e.resolveComponent("el-table-column"),H=e.resolveComponent("el-popconfirm"),Z=e.resolveComponent("el-table"),G=e.resolveComponent("el-pagination"),J=e.resolveComponent("el-dialog"),F=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(V.value)},[e.renderSlot(o.$slots,"header"),e.createElementVNode("div",z,[e.createVNode(W,{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}),e.createVNode(m,{class:"!mr-0 flex-shrink-0"},{default:e.withCtx(()=>[e.createElementVNode("div",E,[e.renderSlot(o.$slots,"query-left"),e.createVNode(r,{type:"primary",onClick:w,loading:h.value},{default:e.withCtx(()=>a[6]||(a[6]=[e.createTextVNode("搜索")])),_:1,__:[6]},8,["loading"]),e.createVNode(r,{onClick:Q},{default:e.withCtx(()=>a[7]||(a[7]=[e.createTextVNode("清空")])),_:1,__:[7]}),e.renderSlot(o.$slots,"query-right")])]),_:3})]),_:3},8,["model"]),e.createElementVNode("div",P,[e.renderSlot(o.$slots,"action-left",{selections:b.value}),e.renderSlot(o.$slots,"add-button-content",{},()=>[e.createVNode(r,{type:"success",onClick:a[0]||(a[0]=p=>S("add"))},{default:e.withCtx(()=>a[8]||(a[8]=[e.createTextVNode("新增")])),_:1,__:[8]})]),e.renderSlot(o.$slots,"action-right")])]),e.withDirectives((e.openBlock(),e.createBlock(Z,e.mergeProps({data:y.value,onSelectionChange:R},o.$attrs,{style:{width:"100%"}}),{default:e.withCtx(()=>[l.showSelectionColumn?(e.openBlock(),e.createBlock(N,{key:0,type:"selection",width:"55",fixed:""})):e.createCommentVNode("",!0),l.showIndexColumn?(e.openBlock(),e.createBlock(N,{key:1,type:"index",label:"序号",width:"70",fixed:""})):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default"),l.showActionsColumn?(e.openBlock(),e.createBlock(N,{key:2,label:"操作",width:s.actionsColumnWidth,fixed:"right"},{default:e.withCtx(p=>[e.createElementVNode("div",$,[e.renderSlot(o.$slots,"actions",{row:p.row},()=>[l.showEditButton?(e.openBlock(),e.createBlock(r,{key:0,size:"small",type:"primary",link:"",onClick:K=>S("edit",p.row)},{default:e.withCtx(()=>a[9]||(a[9]=[e.createTextVNode("编辑")])),_:2,__:[9]},1032,["onClick"])):e.createCommentVNode("",!0),l.showDeleteButton?(e.openBlock(),e.createBlock(H,{key:1,title:"确定要删除这条数据吗?",onConfirm:K=>U([p.row.id]),"confirm-button-text":"确定","cancel-button-text":"取消",width:"200"},{reference:e.withCtx(()=>[e.createVNode(r,{size:"small",type:"danger",link:""},{default:e.withCtx(()=>a[10]||(a[10]=[e.createTextVNode("删除")])),_:1,__:[10]})]),_:2},1032,["onConfirm"])):e.createCommentVNode("",!0)])])]),_:3},8,["width"])):e.createCommentVNode("",!0)]),_:3},16,["data"])),[[F,h.value]]),l.showPagination&&C.value>0?(e.openBlock(),e.createElementBlock("div",T,[e.createVNode(G,{"current-page":i.pageNum,"onUpdate:currentPage":a[1]||(a[1]=p=>i.pageNum=p),"page-size":i.pageSize,"onUpdate:pageSize":a[2]||(a[2]=p=>i.pageSize=p),"page-sizes":l.pageSizes,layout:l.paginationLayout,total:C.value,background:l.paginationBackground,small:l.paginationSmall,"hide-on-single-page":l.paginationHideOnSinglePage,onSizeChange:L,onCurrentChange:I},null,8,["current-page","page-size","page-sizes","layout","total","background","small","hide-on-single-page"])])):e.createCommentVNode("",!0),e.createVNode(J,{modelValue:t.visible,"onUpdate:modelValue":a[5]||(a[5]=p=>t.visible=p),title:d.value,width:l.dialogWidth,"destroy-on-close":!0},{footer:e.withCtx(()=>[e.createElementVNode("div",q,[e.createVNode(r,{onClick:a[4]||(a[4]=p=>t.visible=!1)},{default:e.withCtx(()=>a[11]||(a[11]=[e.createTextVNode("取消")])),_:1,__:[11]}),e.createVNode(r,{type:"primary",onClick:M,loading:t.submitting},{default:e.withCtx(()=>a[12]||(a[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:t.data,mode:t.mode},()=>[l.dialogFormConfig.length>0?(e.openBlock(),e.createBlock(D,{key:0,"form-config":j.value,modelValue:t.data,"onUpdate:modelValue":a[3]||(a[3]=p=>t.data=p),ref:p=>t.formRef=p,rules:l.dialogFormRules,"label-width":"80px"},null,8,["form-config","modelValue","rules"])):e.createCommentVNode("",!0)])])),[[F,t.loading]])]),_:3},8,["modelValue","title","width"])],2)}}}),O={install:s=>{s.component("CrudTable",x)}};c.CrudTable=x,c.DynamicForm=D,c.default=O,c.request=f,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(c,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):(c=typeof globalThis<"u"?globalThis:c||self,e(c.ZCrudTable={},c.Vue,c.ElementPlus,c.axios))})(this,function(c,e,B,A){"use strict";const D=e.defineComponent({__name:"DynamicForm",props:{modelValue:{},formConfig:{},rules:{}},setup(d,{expose:g}){const _=e.ref(null);return g({validate:()=>{var r;return(r=_.value)==null?void 0:r.validate()}}),(r,o)=>{const V=e.resolveComponent("el-input"),w=e.resolveComponent("el-option"),u=e.resolveComponent("el-select"),s=e.resolveComponent("el-radio"),y=e.resolveComponent("el-radio-group"),C=e.resolveComponent("el-form-item"),h=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(h,e.mergeProps({model:r.modelValue,rules:r.rules,ref_key:"formRef",ref:_},r.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.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(V,e.mergeProps({key:0,modelValue:r.modelValue[n.prop],"onUpdate:modelValue":l=>r.modelValue[n.prop]=l},{ref_for:!0},n.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),n.type==="textarea"?(e.openBlock(),e.createBlock(V,e.mergeProps({key:1,type:"textarea",modelValue:r.modelValue[n.prop],"onUpdate:modelValue":l=>r.modelValue[n.prop]=l},{ref_for:!0},n.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),n.type==="select"?(e.openBlock(),e.createBlock(u,e.mergeProps({key:2,modelValue:r.modelValue[n.prop],"onUpdate:modelValue":l=>r.modelValue[n.prop]=l},{ref_for:!0},n.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.options,l=>(e.openBlock(),e.createBlock(w,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),n.type==="radio-group"?(e.openBlock(),e.createBlock(y,e.mergeProps({key:3,modelValue:r.modelValue[n.prop],"onUpdate:modelValue":l=>r.modelValue[n.prop]=l},{ref_for:!0},n.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.options,l=>(e.openBlock(),e.createBlock(s,{key:l.value,label:l.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:2},1032,["label"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),n.type==="input-disabled"?(e.openBlock(),e.createBlock(V,e.mergeProps({key:4,"model-value":r.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"])}}}),f=A.create({baseURL:"",timeout:1e4});f.interceptors.request.use(d=>{const g=localStorage.getItem("token");return g&&(d.headers.Authorization="Bearer "+g),d},d=>(console.log(d),Promise.reject(d))),f.interceptors.response.use(d=>d.data,d=>(console.log("err"+d),B.ElMessage({message:"接口错误，请刷新接口",type:"error",duration:5*1e3}),Promise.reject(d)));const z={class:"flex flex-wrap items-center justify-between gap-4 mb-6"},E={class:"flex items-center gap-x-2"},P={class:"flex items-center gap-x-3 action-buttons flex-shrink-0"},$={class:"flex items-center gap-x-2"},T={key:0,class:"flex justify-end mt-[10px]"},q={class:"dialog-footer"},x=e.defineComponent({__name:"CrudTable",props:{theme:{type:String,default:"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},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: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:()=>({})}},emits:["open-dialog","submit","delete"],setup(d,{expose:g,emit:_}){const r=_,o=d,V=e.computed(()=>["crud-table-wrapper",`theme-${o.theme}`]),w=e.computed(()=>o.theme==="large-screen"?"large-screen-dialog":""),u=(t,a)=>t?!0:(B.ElMessage.error(`${a} prop is required.`),!1),s=e.reactive({pageNum:1,pageSize:10,...o.initialSearchForm}),y=e.ref([]),C=e.ref(0),h=e.ref(!1),n=e.ref([]),l=e.reactive({visible:!1,loading:!1,submitting:!1,mode:"add",data:{},formRef:null}),j=e.computed(()=>l.mode==="add"?"新增":"编辑"),Q=e.computed(()=>{if(l.mode==="add")return o.dialogFormConfig.filter(a=>a.prop!=="id");const t=[...o.dialogFormConfig.filter(a=>a.prop!=="id")];return t.some(a=>a.prop==="id")||t.push({type:"input-disabled",prop:"id",label:"用户ID"}),t}),k=async()=>{if(u(o.apiUrlQuery,"apiUrlQuery")){h.value=!0;try{let t={...s};o.onBeforeQuery&&(t=await o.onBeforeQuery(t));const a=await f.get(o.apiUrlQuery,{params:t});if(a&&Array.isArray(a.data)&&typeof a.total=="number"){let i=a.data;o.onAfterQuery&&(i=await o.onAfterQuery(i)),y.value=i,C.value=a.total}else console.warn("API response is not in the expected { data: [], total: 0 } format."),y.value=[],C.value=0}catch(t){console.error("Fetch data failed:",t)}finally{h.value=!1}}},b=()=>{s.pageNum=1,k()},R=()=>{const{pageNum:t,pageSize:a,...i}=o.initialSearchForm;Object.keys(s).forEach(m=>{m!=="pageNum"&&m!=="pageSize"&&delete s[m]}),Object.assign(s,i),b()},M=t=>{n.value=t},S=async(t,a)=>{let i=t==="add"?{role:"user"}:{...a};if(o.onBeforeOpenDialog){const m=await o.onBeforeOpenDialog(t,i);m&&(i=m)}if(l.mode=t,l.visible=!0,t==="edit"){if(!u(o.apiUrlDetail,"apiUrlDetail"))return;l.loading=!0;try{const m=await f.get(o.apiUrlDetail,{params:{id:i.id}});l.data=m.data}finally{l.loading=!1,o.onAfterOpenDialog&&o.onAfterOpenDialog(t,l.data),r("open-dialog",{mode:t,data:l.data})}}else l.data=i,o.onAfterOpenDialog&&o.onAfterOpenDialog(t,l.data),r("open-dialog",{mode:t,data:l.data})},L=async()=>{try{l.formRef&&await l.formRef.validate();let t={...l.data};if(o.onBeforeSubmit&&(t=await o.onBeforeSubmit(t)),l.submitting=!0,l.mode==="add"){if(!u(o.apiUrlCreate,"apiUrlCreate"))return;await f.post(o.apiUrlCreate,t),B.ElMessage.success("新增成功")}else{if(!u(o.apiUrlUpdate,"apiUrlUpdate"))return;await f.put(o.apiUrlUpdate,t),B.ElMessage.success("更新成功")}o.onAfterSubmit&&o.onAfterSubmit(l.mode,t),r("submit",{mode:l.mode,data:t}),l.visible=!1,k()}catch(t){console.log("Submit error or validation failed:",t)}finally{l.submitting=!1}},U=async t=>{if(u(o.apiUrlDelete,"apiUrlDelete"))try{if(o.onBeforeDelete&&await o.onBeforeDelete(t)===!1)return;const a=t.join(",");await f.delete(o.apiUrlDelete,{params:{ids:a}}),B.ElMessage.success("删除成功"),o.onAfterDelete&&o.onAfterDelete(t),r("delete",t),y.value.length===t.length&&s.pageNum>1&&s.pageNum--,k()}catch(a){console.error("Delete failed",a)}},I=t=>{s.pageSize=t,b()},W=t=>{s.pageNum=t,k()};return e.onMounted(k),g({refresh:k,search:b,handleDelete:U,openDialog:S}),(t,a)=>{const i=e.resolveComponent("el-button"),m=e.resolveComponent("el-form-item"),H=e.resolveComponent("el-form"),N=e.resolveComponent("el-table-column"),Z=e.resolveComponent("el-popconfirm"),G=e.resolveComponent("el-table"),J=e.resolveComponent("el-pagination"),K=e.resolveComponent("el-dialog"),F=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(V.value)},[e.renderSlot(t.$slots,"header"),e.createElementVNode("div",z,[e.createVNode(H,{model:s,class:"query-form flex flex-nowrap items-center gap-x-4",style:{"overflow-x":"auto","padding-bottom":"8px"}},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"query-conditions",{searchForm:s}),e.createVNode(m,{class:"!mr-0 flex-shrink-0"},{default:e.withCtx(()=>[e.createElementVNode("div",E,[e.renderSlot(t.$slots,"query-left"),e.createVNode(i,{type:"primary",onClick:b,loading:h.value},{default:e.withCtx(()=>a[6]||(a[6]=[e.createTextVNode("搜索")])),_:1,__:[6]},8,["loading"]),e.createVNode(i,{onClick:R},{default:e.withCtx(()=>a[7]||(a[7]=[e.createTextVNode("清空")])),_:1,__:[7]}),e.renderSlot(t.$slots,"query-right")])]),_:3})]),_:3},8,["model"]),e.createElementVNode("div",P,[e.renderSlot(t.$slots,"action-left",{selections:n.value}),e.renderSlot(t.$slots,"add-button-content",{},()=>[e.createVNode(i,{type:"success",onClick:a[0]||(a[0]=p=>S("add"))},{default:e.withCtx(()=>a[8]||(a[8]=[e.createTextVNode("新增")])),_:1,__:[8]})]),e.renderSlot(t.$slots,"action-right")])]),e.withDirectives((e.openBlock(),e.createBlock(G,e.mergeProps({data:y.value,onSelectionChange:M},t.$attrs,{style:{width:"100%"}}),{default:e.withCtx(()=>[o.showSelectionColumn?(e.openBlock(),e.createBlock(N,{key:0,type:"selection",width:"55",fixed:""})):e.createCommentVNode("",!0),o.showIndexColumn?(e.openBlock(),e.createBlock(N,{key:1,type:"index",label:"序号",width:"70",fixed:""})):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),o.showActionsColumn?(e.openBlock(),e.createBlock(N,{key:2,label:"操作",width:d.actionsColumnWidth,fixed:"right"},{default:e.withCtx(p=>[e.createElementVNode("div",$,[e.renderSlot(t.$slots,"actions",{row:p.row},()=>[o.showEditButton?(e.openBlock(),e.createBlock(i,{key:0,size:"small",type:"primary",link:"",onClick:X=>S("edit",p.row)},{default:e.withCtx(()=>a[9]||(a[9]=[e.createTextVNode("编辑")])),_:2,__:[9]},1032,["onClick"])):e.createCommentVNode("",!0),o.showDeleteButton?(e.openBlock(),e.createBlock(Z,{key:1,title:"确定要删除这条数据吗?",onConfirm:X=>U([p.row.id]),"confirm-button-text":"确定","cancel-button-text":"取消",width:"200"},{reference:e.withCtx(()=>[e.createVNode(i,{size:"small",type:"danger",link:""},{default:e.withCtx(()=>a[10]||(a[10]=[e.createTextVNode("删除")])),_:1,__:[10]})]),_:2},1032,["onConfirm"])):e.createCommentVNode("",!0)])])]),_:3},8,["width"])):e.createCommentVNode("",!0)]),_:3},16,["data"])),[[F,h.value]]),o.showPagination&&C.value>0?(e.openBlock(),e.createElementBlock("div",T,[e.createVNode(J,{"current-page":s.pageNum,"onUpdate:currentPage":a[1]||(a[1]=p=>s.pageNum=p),"page-size":s.pageSize,"onUpdate:pageSize":a[2]||(a[2]=p=>s.pageSize=p),"page-sizes":o.pageSizes,layout:o.paginationLayout,total:C.value,background:o.paginationBackground,small:o.paginationSmall,"hide-on-single-page":o.paginationHideOnSinglePage,onSizeChange:I,onCurrentChange:W},null,8,["current-page","page-size","page-sizes","layout","total","background","small","hide-on-single-page"])])):e.createCommentVNode("",!0),e.createVNode(K,{modelValue:l.visible,"onUpdate:modelValue":a[5]||(a[5]=p=>l.visible=p),title:j.value,width:o.dialogWidth,"destroy-on-close":!0,"custom-class":w.value},{footer:e.withCtx(()=>[e.createElementVNode("div",q,[e.createVNode(i,{onClick:a[4]||(a[4]=p=>l.visible=!1)},{default:e.withCtx(()=>a[11]||(a[11]=[e.createTextVNode("取消")])),_:1,__:[11]}),e.createVNode(i,{type:"primary",onClick:L,loading:l.submitting},{default:e.withCtx(()=>a[12]||(a[12]=[e.createTextVNode("确定")])),_:1,__:[12]},8,["loading"])])]),default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(t.$slots,"dialog-form-content",{formData:l.data,mode:l.mode},()=>[o.dialogFormConfig.length>0?(e.openBlock(),e.createBlock(D,{key:0,"form-config":Q.value,modelValue:l.data,"onUpdate:modelValue":a[3]||(a[3]=p=>l.data=p),ref:p=>l.formRef=p,rules:o.dialogFormRules,"label-width":"80px"},null,8,["form-config","modelValue","rules"])):e.createCommentVNode("",!0)])])),[[F,l.loading]])]),_:3},8,["modelValue","title","width","custom-class"])],2)}}}),O={install:d=>{d.component("CrudTable",x)}};c.CrudTable=x,c.DynamicForm=D,c.default=O,c.request=f,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

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