z-crud-table 0.0.25 → 0.0.26

package/dist/z-crud-table.js

@@ -1,53 +1,53 @@
-import { defineComponent as G, ref as O, resolveComponent as g, createBlock as f, openBlock as n, mergeProps as D, withCtx as u, createElementBlock as w, Fragment as $, renderList as q, createCommentVNode as c, createTextVNode as C, toDisplayString as re, computed as j, reactive as H, onMounted as ne, resolveDirective as ie, normalizeClass as se, renderSlot as b, withDirectives as M, createVNode as v, createElementVNode as I, createSlots as ue } from "vue";
-import { ElMessage as k } from "element-plus";
-import de from "axios";
-const pe = /* @__PURE__ */ G({
+import { defineComponent as G, ref as P, resolveComponent as g, createBlock as f, openBlock as n, mergeProps as U, withCtx as u, createElementBlock as h, Fragment as $, renderList as E, createCommentVNode as c, createTextVNode as D, toDisplayString as re, computed as j, reactive as H, onMounted as ne, resolveDirective as ie, normalizeClass as se, renderSlot as w, withDirectives as M, createVNode as S, createElementVNode as I, createSlots as ue } from "vue";
+import { ElMessage as k, ElMessageBox as de } from "element-plus";
+import pe from "axios";
+const fe = /* @__PURE__ */ G({
   __name: "DynamicForm",
   props: {
     modelValue: {},
     formConfig: {},
     rules: {}
   },
-  setup(y, { expose: B }) {
-    const N = O(null);
-    return B({
+  setup(y, { expose: b }) {
+    const O = P(null);
+    return b({
       validate: () => {
         var s;
-        return (s = N.value) == null ? void 0 : s.validate();
+        return (s = O.value) == null ? void 0 : s.validate();
       }
     }), (s, e) => {
-      const z = g("el-input"), Q = g("el-option"), h = g("el-select"), x = g("el-radio"), m = g("el-radio-group"), V = g("el-form-item"), A = g("el-form");
-      return n(), f(A, D({
+      const z = g("el-input"), x = g("el-option"), v = g("el-select"), q = g("el-radio"), m = g("el-radio-group"), V = g("el-form-item"), A = g("el-form");
+      return n(), f(A, U({
         model: s.modelValue,
         rules: s.rules,
         ref_key: "formRef",
-        ref: N
+        ref: O
       }, s.$attrs), {
         default: u(() => [
-          (n(!0), w($, null, q(s.formConfig, (r) => (n(), f(V, {
+          (n(!0), h($, null, E(s.formConfig, (r) => (n(), f(V, {
             key: r.prop,
             label: r.label,
             prop: r.prop
           }, {
             default: u(() => [
-              r.type === "input" ? (n(), f(z, D({
+              r.type === "input" ? (n(), f(z, U({
                 key: 0,
                 modelValue: s.modelValue[r.prop],
                 "onUpdate:modelValue": (d) => s.modelValue[r.prop] = d
               }, { ref_for: !0 }, r.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : c("", !0),
-              r.type === "textarea" ? (n(), f(z, D({
+              r.type === "textarea" ? (n(), f(z, U({
                 key: 1,
                 type: "textarea",
                 modelValue: s.modelValue[r.prop],
                 "onUpdate:modelValue": (d) => s.modelValue[r.prop] = d
               }, { ref_for: !0 }, r.componentProps), null, 16, ["modelValue", "onUpdate:modelValue"])) : c("", !0),
-              r.type === "select" ? (n(), f(h, D({
+              r.type === "select" ? (n(), f(v, U({
                 key: 2,
                 modelValue: s.modelValue[r.prop],
                 "onUpdate:modelValue": (d) => s.modelValue[r.prop] = d
               }, { ref_for: !0 }, r.componentProps), {
                 default: u(() => [
-                  (n(!0), w($, null, q(r.options, (d) => (n(), f(Q, {
+                  (n(!0), h($, null, E(r.options, (d) => (n(), f(x, {
                     key: d.value,
                     label: d.label,
                     value: d.value
@@ -55,25 +55,25 @@ const pe = /* @__PURE__ */ G({
                 ]),
                 _: 2
               }, 1040, ["modelValue", "onUpdate:modelValue"])) : c("", !0),
-              r.type === "radio-group" ? (n(), f(m, D({
+              r.type === "radio-group" ? (n(), f(m, U({
                 key: 3,
                 modelValue: s.modelValue[r.prop],
                 "onUpdate:modelValue": (d) => s.modelValue[r.prop] = d
               }, { ref_for: !0 }, r.componentProps), {
                 default: u(() => [
-                  (n(!0), w($, null, q(r.options, (d) => (n(), f(x, {
+                  (n(!0), h($, null, E(r.options, (d) => (n(), f(q, {
                     key: d.value,
                     label: d.value
                   }, {
                     default: u(() => [
-                      C(re(d.label), 1)
+                      D(re(d.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["label"]))), 128))
                 ]),
                 _: 2
               }, 1040, ["modelValue", "onUpdate:modelValue"])) : c("", !0),
-              r.type === "input-disabled" ? (n(), f(z, D({
+              r.type === "input-disabled" ? (n(), f(z, U({
                 key: 4,
                 "model-value": s.modelValue[r.prop],
                 disabled: ""
@@ -86,39 +86,60 @@ const pe = /* @__PURE__ */ G({
       }, 16, ["model", "rules"]);
     };
   }
-}), S = de.create({
+}), _ = pe.create({
   // VITE_APP_BASE_API 是在 .env 文件中定义的基础 URL
-  // 您可以根据您的项目需求进行修改
   baseURL: "",
   timeout: 1e4
   // 请求超时时间
 });
-S.interceptors.request.use(
+_.interceptors.request.use(
   (y) => {
-    const B = localStorage.getItem("token");
-    return B && (y.headers.Authorization = "Bearer " + B), y;
+    const b = localStorage.getItem("token");
+    return b && (y.headers.Authorization = "Bearer " + b), y;
   },
   (y) => (console.log(y), Promise.reject(y))
 );
-S.interceptors.response.use(
-  (y) => y.data,
-  (y) => (console.log("err" + y), k({
-    message: "接口错误，请刷新接口",
-    // 这里是您要求的统一错误提示
+_.interceptors.response.use(
+  /**
+   * @description 如果您想直接获取诸如 headers 或 status 之类的信息，
+   * 请直接返回 response => response
+   */
+  (y) => {
+    const b = y.data;
+    return b.code !== 200 ? (k({
+      message: b.msg || "Error",
+      // 使用后端返回的 `msg` 作为错误提示
+      type: "error",
+      duration: 5 * 1e3
+    }), (b.code === 401 || b.code === 403) && de.confirm(
+      "您的登录状态已失效，请重新登录",
+      "确认登出",
+      {
+        confirmButtonText: "重新登录",
+        cancelButtonText: "取消",
+        type: "warning"
+      }
+    ).then(() => {
+      localStorage.removeItem("token"), location.reload();
+    }), Promise.reject(new Error(b.msg || "Error"))) : b;
+  },
+  (y) => (console.log("HTTP Error: " + y), k({
+    message: "网络错误，请检查您的网络连接或联系管理员",
+    // 提供更友好的网络错误提示
     type: "error",
     duration: 5 * 1e3
   }), Promise.reject(y))
 );
-const fe = {
+const me = {
   key: 0,
   class: "flex flex-wrap items-center justify-between gap-4 mb-6"
-}, me = { class: "flex items-center gap-x-2" }, ce = { class: "flex items-center gap-x-3 action-buttons flex-shrink-0" }, ge = {
+}, ce = { class: "flex items-center gap-x-2" }, ge = { class: "flex items-center gap-x-3 action-buttons flex-shrink-0" }, ye = {
   key: 0,
   class: "flex items-center gap-x-2"
-}, ye = {
+}, be = {
   key: 1,
   class: "flex justify-end"
-}, be = { class: "dialog-footer" }, Se = /* @__PURE__ */ G({
+}, we = { class: "dialog-footer" }, _e = /* @__PURE__ */ G({
   __name: "CrudTable",
   props: {
     /**
@@ -180,45 +201,45 @@ const fe = {
     submitAsFormData: { type: Boolean, default: !1 }
   },
   emits: ["open-dialog", "submit", "delete"],
-  setup(y, { expose: B, emit: N }) {
-    const s = N, e = y, z = j(() => ["crud-table-wrapper", `theme-${e.theme}`, e.customClass]), Q = j(() => e.theme === "large-screen" ? "large-screen-dialog" : ""), h = (t, o) => t ? !0 : (k.error(`${o} prop is required.`), !1), x = async (t, o) => {
+  setup(y, { expose: b, emit: O }) {
+    const s = O, e = y, z = j(() => ["crud-table-wrapper", `theme-${e.theme}`, e.customClass]), x = j(() => e.theme === "large-screen" ? "large-screen-dialog" : ""), v = (t, o) => t ? !0 : (k.error(`${o} prop is required.`), !1), q = async (t, o) => {
       try {
         let a = { ...o };
         e.onBeforeSubmit && (a = await e.onBeforeSubmit(a));
         let p = a;
         if (e.submitAsFormData) {
           const F = new FormData();
-          for (const _ in a)
-            if (Object.prototype.hasOwnProperty.call(a, _)) {
-              const E = a[_];
-              F.append(_, E ?? "");
+          for (const C in a)
+            if (Object.prototype.hasOwnProperty.call(a, C)) {
+              const T = a[C];
+              F.append(C, T ?? "");
             }
           p = F;
         }
         if (l.submitting = !0, t === "add") {
-          if (!h(e.apiUrlCreate, "apiUrlCreate")) throw new Error("apiUrlCreate is not configured.");
-          await S.post(e.apiUrlCreate, p), k.success("新增成功");
+          if (!v(e.apiUrlCreate, "apiUrlCreate")) throw new Error("apiUrlCreate is not configured.");
+          await _.post(e.apiUrlCreate, p), k.success("新增成功");
         } else {
-          if (!h(e.apiUrlUpdate, "apiUrlUpdate")) throw new Error("apiUrlUpdate is not configured.");
-          await S.put(e.apiUrlUpdate, p), k.success("更新成功");
+          if (!v(e.apiUrlUpdate, "apiUrlUpdate")) throw new Error("apiUrlUpdate is not configured.");
+          await _.put(e.apiUrlUpdate, p), k.success("更新成功");
         }
-        return e.onAfterSubmit && e.onAfterSubmit(t, a), s("submit", { mode: t, data: a }), l.visible && (l.visible = !1), U(), Promise.resolve();
+        return e.onAfterSubmit && e.onAfterSubmit(t, a), s("submit", { mode: t, data: a }), l.visible && (l.visible = !1), B(), Promise.resolve();
       } catch (a) {
         return console.error("Submit failed:", a), Promise.reject(a);
       } finally {
         l.submitting = !1;
       }
-    }, m = H({ pageNum: 1, pageSize: 10, ...e.initialSearchForm }), V = O([]), A = O(0), r = O(!1), d = O([]), l = H({ visible: !1, loading: !1, submitting: !1, mode: "add", data: {}, formRef: null }), J = j(() => l.mode === "add" ? "新增" : "编辑"), K = j(() => {
+    }, m = H({ pageNum: 1, pageSize: 10, ...e.initialSearchForm }), V = P([]), A = P(0), r = P(!1), d = P([]), l = H({ visible: !1, loading: !1, submitting: !1, mode: "add", data: {}, formRef: null }), J = j(() => l.mode === "add" ? "新增" : "编辑"), K = j(() => {
       if (l.mode === "add") return e.dialogFormConfig.filter((o) => o.prop !== "id");
       const t = [...e.dialogFormConfig.filter((o) => o.prop !== "id")];
       return t.some((o) => o.prop === "id") || t.unshift({ type: "input-disabled", prop: "id", label: "用户ID" }), t;
-    }), U = async () => {
-      if (h(e.apiUrlQuery, "apiUrlQuery")) {
+    }), B = async () => {
+      if (v(e.apiUrlQuery, "apiUrlQuery")) {
         r.value = !0;
         try {
           let t = { ...m };
           e.onBeforeQuery && (t = await e.onBeforeQuery(t));
-          const o = await S.get(e.apiUrlQuery, { params: t });
+          const o = await _.get(e.apiUrlQuery, { params: t });
           if (o && o.data && Array.isArray(o.data.rows) && typeof o.data.total == "number") {
             let a = o.data.rows;
             e.onAfterQuery && (a = await e.onAfterQuery(a)), V.value = a, A.value = o.data.total;
@@ -230,26 +251,26 @@ const fe = {
           r.value = !1;
         }
       }
-    }, P = () => {
-      m.pageNum = 1, U();
+    }, N = () => {
+      m.pageNum = 1, B();
     }, X = () => {
       const { pageNum: t, pageSize: o, ...a } = e.initialSearchForm;
       Object.keys(m).forEach((p) => {
         p !== "pageNum" && p !== "pageSize" && delete m[p];
-      }), Object.assign(m, a), P();
+      }), Object.assign(m, a), N();
     }, Y = (t) => {
       d.value = t;
-    }, R = async (t, o) => {
+    }, Q = async (t, o) => {
       let a;
       if (t === "add" ? a = o ? { ...o } : { role: "user" } : a = { ...o }, e.onBeforeOpenDialog) {
         const p = await e.onBeforeOpenDialog(t, a);
         p && (a = p);
       }
       if (l.mode = t, l.visible = !0, t === "edit") {
-        if (!h(e.apiUrlDetail, "apiUrlDetail")) return;
+        if (!v(e.apiUrlDetail, "apiUrlDetail")) return;
         l.loading = !0;
         try {
-          const p = await S.get(e.apiUrlDetail + "/" + a.id.toString());
+          const p = await _.get(e.apiUrlDetail + "/" + a.id.toString());
           l.data = p.data.data;
         } finally {
           l.loading = !1, e.onAfterOpenDialog && e.onAfterOpenDialog(t, l.data), s("open-dialog", { mode: t, data: l.data });
@@ -273,83 +294,83 @@ const fe = {
           debugger;
         }
         if (l.submitting = !0, l.mode === "add") {
-          if (!h(e.apiUrlCreate, "apiUrlCreate")) return;
-          await S.post(e.apiUrlCreate, o), k.success("新增成功");
+          if (!v(e.apiUrlCreate, "apiUrlCreate")) return;
+          await _.post(e.apiUrlCreate, o), k.success("新增成功");
         } else {
-          if (!h(e.apiUrlUpdate, "apiUrlUpdate")) return;
-          await S.put(e.apiUrlUpdate, o), k.success("更新成功");
+          if (!v(e.apiUrlUpdate, "apiUrlUpdate")) return;
+          await _.put(e.apiUrlUpdate, o), k.success("更新成功");
         }
-        e.onAfterSubmit && e.onAfterSubmit(l.mode, t), s("submit", { mode: l.mode, data: t }), l.visible = !1, U();
+        e.onAfterSubmit && e.onAfterSubmit(l.mode, t), s("submit", { mode: l.mode, data: t }), l.visible = !1, B();
       } catch (t) {
         console.log("Submit error or validation failed:", t);
       } finally {
         l.submitting = !1;
       }
     }, L = async (t) => {
-      if (h(e.apiUrlDelete, "apiUrlDelete"))
+      if (v(e.apiUrlDelete, "apiUrlDelete"))
         try {
           if (e.onBeforeDelete && await e.onBeforeDelete(t) === !1)
             return;
           const o = t.join(",");
-          await S.delete(e.apiUrlDelete + "/" + o.toString()), k.success("删除成功"), e.onAfterDelete && e.onAfterDelete(t), s("delete", t), V.value.length === t.length && m.pageNum > 1 && m.pageNum--, U();
+          await _.delete(e.apiUrlDelete + "/" + o.toString()), k.success("删除成功"), e.onAfterDelete && e.onAfterDelete(t), s("delete", t), V.value.length === t.length && m.pageNum > 1 && m.pageNum--, B();
         } catch (o) {
           console.error("Delete failed", o);
         }
     }, ee = (t) => {
-      m.pageSize = t, P();
+      m.pageSize = t, N();
     }, te = (t) => {
-      m.pageNum = t, U();
+      m.pageNum = t, B();
     };
-    return ne(U), B({
-      refresh: U,
+    return ne(B), b({
+      refresh: B,
       // 刷新表格
-      search: P,
+      search: N,
       // 按当前条件搜索
       handleDelete: L,
       // 手动触发删除
-      openDialog: R,
+      openDialog: Q,
       // 手动打开弹窗
-      submit: x
+      submit: q
       // 手动提交
     }), (t, o) => {
-      const a = g("el-button"), p = g("el-form-item"), F = g("el-form"), _ = g("el-table-column"), E = g("el-popconfirm"), oe = g("el-table"), ae = g("el-pagination"), le = g("el-dialog"), W = ie("loading");
-      return n(), w("div", {
+      const a = g("el-button"), p = g("el-form-item"), F = g("el-form"), C = g("el-table-column"), T = g("el-popconfirm"), oe = g("el-table"), ae = g("el-pagination"), le = g("el-dialog"), W = ie("loading");
+      return n(), h("div", {
         class: se(z.value)
       }, [
-        b(t.$slots, "header"),
-        e.showSearchSection ? (n(), w("div", fe, [
-          v(F, {
+        w(t.$slots, "header"),
+        e.showSearchSection ? (n(), h("div", me, [
+          S(F, {
             model: m,
             class: "query-form flex flex-nowrap items-center gap-x-4",
             style: { "overflow-x": "auto", "padding-bottom": "8px" }
           }, {
             default: u(() => [
-              b(t.$slots, "query-conditions", { searchForm: m }),
-              v(p, { class: "!mr-0 flex-shrink-0" }, {
+              w(t.$slots, "query-conditions", { searchForm: m }),
+              S(p, { class: "!mr-0 flex-shrink-0" }, {
                 default: u(() => [
-                  I("div", me, [
-                    b(t.$slots, "query-left"),
-                    e.showSearchActionButtons ? (n(), w($, { key: 0 }, [
-                      v(a, {
+                  I("div", ce, [
+                    w(t.$slots, "query-left"),
+                    e.showSearchActionButtons ? (n(), h($, { key: 0 }, [
+                      S(a, {
                         type: "primary",
-                        onClick: P,
+                        onClick: N,
                         loading: r.value
                       }, {
                         default: u(() => o[6] || (o[6] = [
-                          C("搜索")
+                          D("搜索")
                         ])),
                         _: 1,
                         __: [6]
                       }, 8, ["loading"]),
-                      v(a, { onClick: X }, {
+                      S(a, { onClick: X }, {
                         default: u(() => o[7] || (o[7] = [
-                          C("清空")
+                          D("清空")
                         ])),
                         _: 1,
                         __: [7]
                       })
                     ], 64)) : c("", !0),
-                    b(t.$slots, "query-right")
+                    w(t.$slots, "query-right")
                   ])
                 ]),
                 _: 3
@@ -357,43 +378,43 @@ const fe = {
             ]),
             _: 3
           }, 8, ["model"]),
-          I("div", ce, [
-            b(t.$slots, "action-left", { selections: d.value }),
-            b(t.$slots, "add-button-content", {}, () => [
+          I("div", ge, [
+            w(t.$slots, "action-left", { selections: d.value }),
+            w(t.$slots, "add-button-content", {}, () => [
               e.showNewBtn ? (n(), f(a, {
                 key: 0,
                 type: "success",
-                onClick: o[0] || (o[0] = (i) => R("add"))
+                onClick: o[0] || (o[0] = (i) => Q("add"))
               }, {
                 default: u(() => o[8] || (o[8] = [
-                  C("新增")
+                  D("新增")
                 ])),
                 _: 1,
                 __: [8]
               })) : c("", !0)
             ]),
-            b(t.$slots, "action-right")
+            w(t.$slots, "action-right")
           ])
         ])) : c("", !0),
-        M((n(), f(oe, D({
+        M((n(), f(oe, U({
           data: V.value,
           onSelectionChange: Y
         }, t.$attrs, { style: { width: "100%", "margin-bottom": "1.5rem" } }), {
           default: u(() => [
-            e.showSelectionColumn ? (n(), f(_, {
+            e.showSelectionColumn ? (n(), f(C, {
               key: 0,
               type: "selection",
               width: "55",
               fixed: ""
             })) : c("", !0),
-            e.showIndexColumn ? (n(), f(_, {
+            e.showIndexColumn ? (n(), f(C, {
               key: 1,
               type: "index",
               label: "序号",
               width: "70",
               fixed: ""
             })) : c("", !0),
-            (n(!0), w($, null, q(e.columns, (i) => (n(), f(_, D({
+            (n(!0), h($, null, E(e.columns, (i) => (n(), f(C, U({
               key: i.prop,
               prop: i.prop,
               label: i.label,
@@ -402,26 +423,26 @@ const fe = {
             }, { ref_for: !0 }, i.attrs), ue({ _: 2 }, [
               i.slot ? {
                 name: "default",
-                fn: u((T) => [
-                  b(t.$slots, i.slot, {
-                    row: T.row
+                fn: u((R) => [
+                  w(t.$slots, i.slot, {
+                    row: R.row
                   })
                 ]),
                 key: "0"
               } : void 0
             ]), 1040, ["prop", "label", "width", "sortable"]))), 128)),
-            e.showActionsColumn ? (n(), f(_, {
+            e.showActionsColumn ? (n(), f(C, {
               key: 2,
               label: "操作",
               width: y.actionsColumnWidth
             }, {
               default: u((i) => [
-                i.row ? (n(), w("div", ge, [
-                  t.$slots.actions ? b(t.$slots, "actions", {
+                i.row ? (n(), h("div", ye, [
+                  t.$slots.actions ? w(t.$slots, "actions", {
                     key: 0,
                     row: i.row
-                  }) : (n(), w($, { key: 1 }, [
-                    b(t.$slots, "action-before-edit", {
+                  }) : (n(), h($, { key: 1 }, [
+                    w(t.$slots, "action-before-edit", {
                       row: i.row
                     }),
                     e.showEditButton ? (n(), f(a, {
@@ -429,30 +450,30 @@ const fe = {
                       size: "small",
                       type: "primary",
                       link: "",
-                      onClick: (T) => R("edit", i.row)
+                      onClick: (R) => Q("edit", i.row)
                     }, {
                       default: u(() => o[9] || (o[9] = [
-                        C("编辑 ")
+                        D("编辑 ")
                       ])),
                       _: 2,
                       __: [9]
                     }, 1032, ["onClick"])) : c("", !0),
-                    e.showDeleteButton ? (n(), f(E, {
+                    e.showDeleteButton ? (n(), f(T, {
                       key: 1,
                       title: "确定要删除这条数据吗?",
-                      onConfirm: (T) => L([i.row.id]),
+                      onConfirm: (R) => L([i.row.id]),
                       "confirm-button-text": "确定",
                       "cancel-button-text": "取消",
                       width: "200"
                     }, {
                       reference: u(() => [
-                        v(a, {
+                        S(a, {
                           size: "small",
                           type: "danger",
                           link: ""
                         }, {
                           default: u(() => o[10] || (o[10] = [
-                            C("删除")
+                            D("删除")
                           ])),
                           _: 1,
                           __: [10]
@@ -460,7 +481,7 @@ const fe = {
                       ]),
                       _: 2
                     }, 1032, ["onConfirm"])) : c("", !0),
-                    b(t.$slots, "action-after-delete", {
+                    w(t.$slots, "action-after-delete", {
                       row: i.row
                     })
                   ], 64))
@@ -473,8 +494,8 @@ const fe = {
         }, 16, ["data"])), [
           [W, r.value]
         ]),
-        e.showPagination && A.value > 0 ? (n(), w("div", ye, [
-          v(ae, {
+        e.showPagination && A.value > 0 ? (n(), h("div", be, [
+          S(ae, {
             "current-page": m.pageNum,
             "onUpdate:currentPage": o[1] || (o[1] = (i) => m.pageNum = i),
             "page-size": m.pageSize,
@@ -489,32 +510,32 @@ const fe = {
             onCurrentChange: te
           }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total", "background", "small", "hide-on-single-page"])
         ])) : c("", !0),
-        v(le, {
+        S(le, {
           modelValue: l.visible,
           "onUpdate:modelValue": o[5] || (o[5] = (i) => l.visible = i),
           title: J.value,
           width: e.dialogWidth,
           "destroy-on-close": !0,
-          "custom-class": Q.value
+          "custom-class": x.value
         }, {
           footer: u(() => [
-            I("div", be, [
-              v(a, {
+            I("div", we, [
+              S(a, {
                 onClick: o[4] || (o[4] = (i) => l.visible = !1)
               }, {
                 default: u(() => o[11] || (o[11] = [
-                  C("取消")
+                  D("取消")
                 ])),
                 _: 1,
                 __: [11]
               }),
-              v(a, {
+              S(a, {
                 type: "primary",
                 onClick: Z,
                 loading: l.submitting
               }, {
                 default: u(() => o[12] || (o[12] = [
-                  C("确定")
+                  D("确定")
                 ])),
                 _: 1,
                 __: [12]
@@ -522,12 +543,12 @@ const fe = {
             ])
           ]),
           default: u(() => [
-            M((n(), w("div", null, [
-              b(t.$slots, "dialog-form-content", {
+            M((n(), h("div", null, [
+              w(t.$slots, "dialog-form-content", {
                 formData: l.data,
                 mode: l.mode
               }, () => [
-                e.dialogFormConfig.length > 0 ? (n(), f(pe, {
+                e.dialogFormConfig.length > 0 ? (n(), f(fe, {
                   key: 0,
                   "form-config": K.value,
                   modelValue: l.data,
@@ -548,5 +569,5 @@ const fe = {
   }
 });
 export {
-  Se as CrudTable
+  _e as CrudTable
 };

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

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

package/package.json

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