auto-gen-crud 0.1.0

package/dist/index.js

@@ -0,0 +1,985 @@
+import { inject as He, defineComponent as U, useSlots as Ae, computed as m, h as K, resolveComponent as fe, openBlock as p, createBlock as F, resolveDynamicComponent as V, normalizeProps as ee, mergeProps as Y, withCtx as S, createElementVNode as C, renderSlot as G, createVNode as X, unref as x, guardReactiveProps as pe, createElementBlock as $, Fragment as Z, renderList as ae, createTextVNode as re, toDisplayString as B, createCommentVNode as N, ref as D, normalizeStyle as oe, onMounted as ve, onBeforeUnmount as ke, watch as $e, normalizeClass as ue, toHandlers as Me, Teleport as Re, nextTick as Oe, createSlots as De } from "vue";
+import { g as W, c as Ee, d as ze, n as Ne, e as Ue, s as Ie, f as Ye, h as ge, i as ie, r as le } from "./useTable-BwDSqD1q.js";
+import { u as Et, a as zt, b as Nt } from "./useTable-BwDSqD1q.js";
+import { e as be, n as se, a as je, b as Ke } from "./index-Dc-solHn.js";
+import Le from "dayjs";
+import { copyText as Ge } from "./utils/index.js";
+import { createRequest as It, showCrudMessage as Yt, sm4Decrypt as jt, sm4Encrypt as Kt } from "./utils/index.js";
+const he = /* @__PURE__ */ Symbol("AUTO_CRUD_CONTEXT_KEY");
+let ye = {
+  adapter: be
+};
+function qe(e) {
+  ye = e;
+}
+function q() {
+  return He(he, ye);
+}
+function We(e = {}, n) {
+  return {
+    adapter: n,
+    request: e.request,
+    decode: e.decode,
+    decodeLog: e.decodeLog,
+    sm4Key: e.sm4Key
+  };
+}
+const Xe = { class: "vac-modal-body" }, Je = { class: "vac-modal-body" }, Qe = /* @__PURE__ */ U({
+  __name: "CrudModal",
+  props: {
+    visible: { type: Boolean },
+    title: {},
+    mode: {},
+    modalType: { default: "drawer" },
+    width: {},
+    submitText: { default: "提交" },
+    cancelText: { default: "关闭" }
+  },
+  emits: ["update:visible", "submit", "close"],
+  setup(e, { emit: n }) {
+    const t = e, d = n, { adapter: u } = q(), r = Ae(), a = m(() => t.modalType === "drawer" ? u.components.drawer : u.components.modal), i = m(() => t.modalType === "drawer" ? u.components.drawerContent : void 0), f = m(
+      () => u.modal.getModalProps({
+        visible: t.visible,
+        title: t.title,
+        width: t.width,
+        onUpdateVisible: (w) => d("update:visible", w)
+      })
+    ), T = U({
+      setup() {
+        return () => K("div", { class: "vac-modal-footer" }, r.footer?.() ?? [
+          t.mode !== "view" ? K(
+            A(u.components.button),
+            { ...u.render.getButtonProps({ type: "primary" }), onClick: () => d("submit") },
+            () => t.submitText
+          ) : null,
+          K(
+            A(u.components.button),
+            { ...u.render.getButtonProps({ type: "default" }), onClick: () => d("close") },
+            () => t.cancelText
+          )
+        ]);
+      }
+    });
+    function R(w) {
+      return w;
+    }
+    function A(w) {
+      return typeof w == "string" ? fe(w) : w;
+    }
+    return (w, E) => i.value ? (p(), F(V(a.value), ee(Y({ key: 0 }, f.value)), {
+      default: S(() => [
+        (p(), F(V(i.value), { title: e.title }, {
+          footer: S(() => [
+            X(x(T))
+          ]),
+          default: S(() => [
+            C("div", Xe, [
+              G(w.$slots, "default")
+            ])
+          ]),
+          _: 3
+        }, 8, ["title"]))
+      ]),
+      _: 3
+    }, 16)) : (p(), F(V(a.value), ee(Y({ key: 1 }, f.value)), {
+      footer: S(() => [
+        X(x(T))
+      ]),
+      default: S(() => [
+        C("div", Je, [
+          G(w.$slots, "default")
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+function de(e) {
+  return Array.isArray(e.deps) && e.deps.length > 0;
+}
+function j(e) {
+  return typeof e == "function";
+}
+function Ze() {
+  const e = import.meta;
+  return e.env?.DEV === !0 || e.env?.MODE === "development";
+}
+function Ce() {
+  if (!(typeof window > "u"))
+    return window;
+}
+function et() {
+  const e = Ce();
+  if (!e) return !1;
+  const n = e.__VAC_PERF__;
+  if (n === !0 || typeof n == "object" && n.enabled !== !1) return !0;
+  try {
+    return e.localStorage?.getItem("VAC_DEBUG_PERF") === "1";
+  } catch {
+    return !1;
+  }
+}
+function tt() {
+  if (!et()) return;
+  const e = Ce();
+  if (e) {
+    if (typeof e.__VAC_PERF__ != "object" || e.__VAC_PERF__ === null) {
+      const n = {
+        enabled: !0,
+        fields: {},
+        reset() {
+          n.fields = {};
+        }
+      };
+      e.__VAC_PERF__ = n;
+    }
+    return e.__VAC_PERF__;
+  }
+}
+function nt(e, n) {
+  return `${e}:${n.prop || "__unknown__"}`;
+}
+function Q(e, n, t, d) {
+  const u = tt();
+  if (!u) return;
+  const r = nt(e, t), a = u.fields[r] || (u.fields[r] = {
+    calls: {},
+    cacheHit: 0,
+    cacheMiss: 0,
+    noDeps: 0
+  });
+  if (d === "call") {
+    a.calls[n] = (a.calls[n] || 0) + 1;
+    return;
+  }
+  a[d] += 1;
+}
+function ot(e) {
+  if (e === null) return "null";
+  if (e === void 0) return "undefined";
+  if (["string", "number", "boolean", "bigint"].includes(typeof e)) return `${typeof e}:${String(e)}`;
+  if (e instanceof Date) return `date:${e.getTime()}`;
+  try {
+    return `json:${JSON.stringify(e)}`;
+  } catch {
+    return `object:${Object.prototype.toString.call(e)}`;
+  }
+}
+function at(e, n) {
+  return (e.deps || []).map((t) => {
+    const d = W(n, t);
+    return `${t}:${ot(d)}`;
+  }).join("|");
+}
+function rt(e, n, t) {
+  return `${e}:${n}:${t.prop}`;
+}
+function lt(e, n) {
+  return e === "show" ? j(n.show) : e === "disabled" ? j(n.disabled) : e === "rules" ? j(n.required) || j(n.isReq) || j(n.rules) : e === "options" ? j(n.options) : e === "label" ? j(n.label) : e === "placeholder" ? j(n.placeholder) : !1;
+}
+function ut(e = "default") {
+  const n = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
+  function d(r, a) {
+    if (!Ze() || !lt(r, a) || de(a)) return;
+    const i = `${e}:${r}:${a.prop}`;
+    t.has(i) || (t.add(i), console.warn(
+      `[auto-gen-crud] 字段 ${a.prop} 使用了动态 ${r} 配置，但没有声明 deps，无法启用缓存优化。`
+    ));
+  }
+  function u(r, a, i, f) {
+    if (!de(a))
+      return d(r, a), Q(e, r, a, "noDeps"), Q(e, r, a, "call"), f();
+    const T = rt(e, r, a), R = at(a, i), A = n.get(T);
+    if (A && A.depsSnapshot === R)
+      return Q(e, r, a, "cacheHit"), A.value;
+    Q(e, r, a, "cacheMiss"), Q(e, r, a, "call");
+    const w = f();
+    return n.set(T, { depsSnapshot: R, value: w }), w;
+  }
+  return {
+    /** 获取字段是否显示。 */
+    getShow(r, a) {
+      return u("show", r, a, () => Ye(r, a));
+    },
+    /** 获取字段是否禁用。 */
+    getDisabled(r, a, i = !1) {
+      return i ? !0 : u("disabled", r, a, () => Ie(r, a, !1));
+    },
+    /** 获取字段校验规则。 */
+    getRules(r, a) {
+      return u("rules", r, a, () => Ue(r, a));
+    },
+    /** 获取字段选项。 */
+    getOptions(r, a) {
+      return u("options", r, a, () => Ne(r.options, a, r));
+    },
+    /** 获取字段标题。 */
+    getLabel(r, a) {
+      return u("label", r, a, () => ze(r, a));
+    },
+    /** 获取字段占位文案。 */
+    getPlaceholder(r, a) {
+      return u("placeholder", r, a, () => Ee(r, a));
+    },
+    /** 清空运行时缓存和已提示记录，通常用于 columns 重建或调试时手动重置。 */
+    clear() {
+      n.clear(), t.clear();
+    }
+  };
+}
+const it = /* @__PURE__ */ U({
+  __name: "DynamicFormItem",
+  props: {
+    item: {},
+    modelValue: {},
+    runtimeCache: {},
+    rules: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, d = n, { adapter: u } = q(), r = U({
+      props: {
+        renderer: {
+          type: Function,
+          required: !0
+        }
+      },
+      setup(h) {
+        return () => h.renderer();
+      }
+    }), a = m(() => ge(t.item)), i = m(() => u.components.fields[a.value] || u.components.fields.input), f = m(() => t.runtimeCache.getOptions(t.item, t.modelValue)), T = m(() => a.value === "radio" ? u.components.radio || "option" : a.value === "checkbox" ? u.components.checkbox || "option" : u.components.option || "option"), R = m(() => ["radio", "checkbox"].includes(a.value) ? !0 : u.name === "element-plus" && ["select", "multipleSelect"].includes(a.value)), A = m(
+      () => u.form.getFormItemProps(t.item, {
+        prop: t.item.prop,
+        label: t.runtimeCache.getLabel(t.item, t.modelValue),
+        rules: t.rules
+      })
+    ), w = m(() => {
+      const h = u.form.getModelBinding(a.value, t.item), I = W(t.modelValue, t.item.prop), P = u.form.getFieldProps(t.item, {
+        value: I,
+        placeholder: t.runtimeCache.getPlaceholder(t.item, t.modelValue),
+        disabled: t.runtimeCache.getDisabled(t.item, t.modelValue, t.disabled),
+        options: f.value
+      }), M = O(P), s = z(M[h.event]), y = z(M.onChange), v = z(M.onBlur), _ = z(M.onFocus);
+      return {
+        ...M,
+        [h.prop]: I,
+        [h.event]: (b) => {
+          const k = W(t.modelValue, t.item.prop);
+          ie(t.modelValue, t.item.prop, b), d("update:modelValue", t.modelValue), s?.(b), y?.(b), t.item.onChange?.(b, E(k));
+        },
+        /**
+         * props.onChange 已经在模型更新链路里执行。
+         * 这里吞掉原生 change 事件，避免部分 UI 同时触发 update/change 时重复调用业务回调。
+         */
+        onChange: void 0,
+        onBlur: (b) => {
+          const k = W(t.modelValue, t.item.prop);
+          v?.(b), t.item.onBlur?.(b, E(k));
+        },
+        onFocus: (b) => {
+          const k = W(t.modelValue, t.item.prop);
+          _?.(b), t.item.onFocus?.(b, E(k));
+        }
+      };
+    });
+    function E(h) {
+      return {
+        prop: t.item.prop,
+        item: t.item,
+        component: a.value,
+        formData: t.modelValue,
+        oldValue: h,
+        setFieldValue: (I, P) => {
+          ie(t.modelValue, I, P), d("update:modelValue", t.modelValue);
+        }
+      };
+    }
+    function z(h) {
+      return typeof h == "function" ? h : void 0;
+    }
+    function O(h) {
+      return u.name !== "naive" || a.value !== "datePicker" && a.value !== "timePicker" ? h : {
+        ...h,
+        format: se(h.format),
+        valueFormat: se(h.valueFormat)
+      };
+    }
+    function L(h) {
+      return h;
+    }
+    return (h, I) => (p(), F(V(x(u).components.formItem), ee(pe(A.value)), {
+      default: S(() => [
+        e.item.render ? (p(), F(V(x(r)), {
+          key: 0,
+          renderer: () => e.item.render?.(e.modelValue, e.item)
+        }, null, 8, ["renderer"])) : (p(), F(V(i.value), ee(Y({ key: 1 }, w.value)), {
+          default: S(() => [
+            R.value ? (p(!0), $(Z, { key: 0 }, ae(f.value, (P) => (p(), F(V(T.value), {
+              key: String(P.value),
+              label: P.label,
+              value: P.value,
+              disabled: P.disabled
+            }, {
+              default: S(() => [
+                re(B(P.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["label", "value", "disabled"]))), 128)) : N("", !0)
+          ]),
+          _: 1
+        }, 16))
+      ]),
+      _: 1
+    }, 16));
+  }
+}), ce = /* @__PURE__ */ U({
+  __name: "DynamicForm",
+  props: {
+    formType: { default: "search" },
+    columns: {},
+    modelValue: {},
+    layout: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "submit", "reset"],
+  setup(e, { expose: n, emit: t }) {
+    const d = e, u = t, { adapter: r } = q(), a = D(null), i = ut(d.formType), f = m({
+      get: () => d.modelValue,
+      set: (v) => u("update:modelValue", v)
+    }), T = m(() => d.columns.filter((v) => i.getShow(v, f.value))), R = m(
+      () => T.value.reduce((v, _) => {
+        const b = i.getRules(_, f.value);
+        return _.prop && b.length > 0 && (v[_.prop] = b), v;
+      }, {})
+    ), A = m(() => r.form.getFormProps({ model: f.value, rules: R.value, disabled: d.disabled })), w = m(() => r.form.getLayoutStyle(O(), d.formType)), E = m(() => {
+      const v = z(), _ = T.value.reduce((k, J) => k + L(J), 0) % v;
+      return {
+        gridColumn: `${_ === 0 ? v : _ + 1} / ${v + 1}`
+      };
+    });
+    function z() {
+      return Math.max(Number(O().columns || 1), 1);
+    }
+    function O() {
+      return {
+        ...d.layout,
+        columns: d.layout?.columns || (d.formType === "modal" ? 1 : 4)
+      };
+    }
+    function L(v) {
+      const _ = z(), b = Number(v.colSpan || 1);
+      return Number.isFinite(b) ? Math.min(Math.max(Math.floor(b), 1), _) : 1;
+    }
+    function h(v) {
+      return {
+        gridColumn: `span ${L(v)}`
+      };
+    }
+    function I(v) {
+      return v;
+    }
+    async function P() {
+      return r.form.validate(a.value);
+    }
+    function M() {
+      r.form.clearValidate(a.value);
+    }
+    async function s() {
+      await P() && u("submit", f.value);
+    }
+    function y() {
+      M(), u("reset");
+    }
+    return n({
+      validate: P,
+      clearValidate: M,
+      submit: s,
+      reset: y
+    }), (v, _) => (p(), F(V(x(r).components.form), Y({
+      ref_key: "formRef",
+      ref: a
+    }, A.value), {
+      default: S(() => [
+        C("div", {
+          class: "vac-form-grid",
+          style: oe(w.value)
+        }, [
+          (p(!0), $(Z, null, ae(T.value, (b) => (p(), $("div", {
+            key: b.prop,
+            class: "vac-form-grid-item",
+            style: oe(h(b))
+          }, [
+            X(it, {
+              item: b,
+              "model-value": f.value,
+              "runtime-cache": x(i),
+              rules: R.value[b.prop],
+              disabled: e.disabled,
+              "onUpdate:modelValue": _[0] || (_[0] = (k) => f.value = k)
+            }, null, 8, ["item", "model-value", "runtime-cache", "rules", "disabled"])
+          ], 4))), 128)),
+          e.formType === "search" ? (p(), $("div", {
+            key: 0,
+            class: "vac-form-actions",
+            style: oe(E.value)
+          }, [
+            (p(), F(V(x(r).components.button), Y(x(r).render.getButtonProps({ type: "primary" }), { onClick: s }), {
+              default: S(() => [..._[1] || (_[1] = [
+                re(" 搜索 ", -1)
+              ])]),
+              _: 1
+            }, 16)),
+            (p(), F(V(x(r).components.button), Y(x(r).render.getButtonProps({ type: "default" }), { onClick: y }), {
+              default: S(() => [..._[2] || (_[2] = [
+                re(" 重置 ", -1)
+              ])]),
+              _: 1
+            }, 16)),
+            G(v.$slots, "searchButtonToolbar")
+          ], 4)) : N("", !0)
+        ], 4)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+function we(e) {
+  return e.field ? String(e.field) : typeof e.key == "function" ? "" : e.key ? String(e.key) : "";
+}
+function st(e, n) {
+  const t = we(n);
+  return t ? W(e, t) : void 0;
+}
+function dt(e, n, t) {
+  return "show" in e ? !!le(e.show, e, n, t) : !0;
+}
+function me(e) {
+  return e.actions || e.buttons || [];
+}
+function ct(e, n) {
+  return "show" in n ? !!le(n.show, e, n) : !0;
+}
+function mt(e, n) {
+  return String(le(n.label, e, n));
+}
+function ft(e, n) {
+  return n.confirmText ? String(le(n.confirmText, e, n)) : "请确认是否继续操作？";
+}
+function pt(e, n = !0) {
+  if (e == null || e === "") return "";
+  const t = typeof n == "string" ? n : "YYYY-MM-DD HH:mm:ss";
+  return Le(e).format(t);
+}
+function vt(e) {
+  const n = typeof e == "object" ? e : {};
+  return {
+    width: n.width ?? 40,
+    height: n.height ?? 40,
+    objectFit: n.objectFit ?? "cover",
+    preview: n.preview ?? !0
+  };
+}
+const gt = { class: "vac-copy-text" }, bt = /* @__PURE__ */ U({
+  __name: "CopyText",
+  props: {
+    value: {}
+  },
+  setup(e) {
+    const n = e, { adapter: t } = q(), d = m(() => n.value === null || n.value === void 0 ? "" : String(n.value));
+    async function u() {
+      try {
+        await Ge(d.value), t.feedback.success("复制成功");
+      } catch {
+        t.feedback.error("复制失败");
+      }
+    }
+    return (r, a) => (p(), $("span", gt, [
+      C("span", null, B(d.value), 1),
+      C("button", {
+        class: "vac-link-button",
+        type: "button",
+        onClick: u
+      }, "复制")
+    ]));
+  }
+}), ht = { class: "vac-decode-text" }, yt = /* @__PURE__ */ U({
+  __name: "DecodeText",
+  props: {
+    value: {},
+    row: {}
+  },
+  setup(e) {
+    const n = e, t = q(), d = D(!1), u = D(""), r = m(() => n.value === null || n.value === void 0 ? "" : String(n.value)), a = m(() => r.value ? "******" : "");
+    async function i() {
+      if (d.value) {
+        d.value = !1;
+        return;
+      }
+      try {
+        u.value = t.decode ? await t.decode(n.value, n.row) : r.value, await t.decodeLog?.(n.value, n.row), d.value = !0;
+      } catch {
+        t.adapter.feedback.error("查看失败");
+      }
+    }
+    return (f, T) => (p(), $("span", ht, [
+      C("span", null, B(d.value ? u.value : a.value), 1),
+      C("button", {
+        class: "vac-link-button",
+        type: "button",
+        onClick: i
+      }, B(d.value ? "隐藏" : "查看"), 1)
+    ]));
+  }
+}), Ct = {
+  key: 0,
+  class: "vac-tabs"
+}, wt = ["disabled", "onClick"], _t = { class: "vac-table-toolbar" }, Tt = {
+  key: 0,
+  class: "vac-table-height-debug"
+}, St = /* @__PURE__ */ U({
+  __name: "DynamicTable",
+  props: {
+    tableConfig: {}
+  },
+  setup(e) {
+    const n = e, { adapter: t } = q(), d = D(null), u = D(null), r = D(null), a = D(), i = D(0), f = D({
+      visible: !1,
+      adapter: t.name,
+      boundaryBottom: 0,
+      bodyTop: 0,
+      paginationHeight: 0,
+      bottomGap: 0,
+      adapterOffset: 0,
+      rawHeight: 0,
+      tableBoxHeight: 0,
+      headerHeight: 0,
+      scrollY: 0,
+      pageOverflow: 0
+    });
+    let T;
+    const R = U({
+      props: {
+        renderer: {
+          type: Function,
+          required: !0
+        }
+      },
+      setup(o) {
+        return () => o.renderer();
+      }
+    }), A = m(() => n.tableConfig.columns.filter((o, l) => dt(o, n.tableConfig.data, l))), w = m(() => A.value.map((o, l) => s(o, l))), E = m(
+      () => t.table.getTableProps({
+        columns: w.value,
+        data: n.tableConfig.data,
+        loading: n.tableConfig.loading,
+        rowKey: n.tableConfig.rowKey,
+        scrollY: O.value,
+        scrollX: n.tableConfig.scroll.x
+      })
+    ), z = m(() => {
+      const o = n.tableConfig.scroll.height;
+      if (!(o !== !0 && o !== void 0) && a.value && t.name !== "element-plus")
+        return {
+          height: `${a.value}px`,
+          overflow: "hidden"
+        };
+    }), O = m(() => {
+      const o = n.tableConfig.scroll.height;
+      if (o !== !1)
+        return o === !0 || o === void 0 ? a.value ? t.name === "element-plus" ? a.value : Math.max(a.value - i.value - Pe(), 180) : void 0 : o;
+    }), L = m(() => t.table.getPaginationProps(n.tableConfig.pagination)), h = m(
+      () => t.table.getPaginationEvents({
+        onPageChange: (o) => {
+          n.tableConfig.setPage(o);
+        },
+        onPageSizeChange: (o) => {
+          n.tableConfig.setPageSize(o);
+        }
+      })
+    );
+    function I(o) {
+      return o;
+    }
+    function P(o) {
+      return typeof o == "string" ? fe(o) : o;
+    }
+    function M(o, l) {
+      return we(o) || String(l);
+    }
+    function s(o, l) {
+      const g = t.table.getTableColumnProps(o);
+      return t.name === "ant-design-vue" ? {
+        ...g,
+        customRender: ({ record: c, index: H }) => y(c, o, H)
+      } : {
+        ...g,
+        render: (c, H) => y(c, o, H ?? l)
+      };
+    }
+    function y(o, l, g) {
+      const c = st(o, l);
+      return l.render ? l.render(o, l, g) : me(l).length > 0 ? v(o, l) : l.decode ? K(yt, { value: c, row: o }) : l.copy ? K(bt, { value: c }) : l.image ? _(c, l) : l.dateTime ? pt(c, l.dateTime) : c == null ? "" : String(c);
+    }
+    function v(o, l) {
+      const g = me(l).filter((c) => ct(o, c));
+      return K(
+        "span",
+        { class: "vac-actions" },
+        g.map((c) => {
+          const H = t.render.getButtonProps({ type: t.render.normalizeActionType(c), size: c.size }), te = async (ne) => {
+            (c.confirm ?? c.isConfirm) && !window.confirm(ft(o, c)) || await c.onClick(o, ne);
+          };
+          return K(P(t.components.button), { ...H, onClick: te }, () => mt(o, c));
+        })
+      );
+    }
+    function _(o, l) {
+      const g = o == null ? "" : String(o), c = vt(l.image), H = t.render.getImageProps({ src: g, ...c });
+      return K(P(t.components.image), { ...H, class: "vac-image" });
+    }
+    async function b(o) {
+      await n.tableConfig.setTabsValue(o);
+    }
+    function k() {
+      if (n.tableConfig.scroll.height !== !0 && n.tableConfig.scroll.height !== void 0 || typeof window > "u") return;
+      const o = u.value;
+      if (!o) return;
+      i.value = Be(o);
+      const l = o.getBoundingClientRect().top, g = n.tableConfig.showPagination ? Te(r.value) : 0, c = Se(o), H = xe(o), te = Fe(), ne = Math.floor(c - l - g - H - te);
+      a.value = _e(ne), Ve({
+        boundaryBottom: c,
+        bodyTop: l,
+        paginationHeight: g,
+        bottomGap: H,
+        adapterOffset: te,
+        rawHeight: ne,
+        tableBoxHeight: a.value,
+        headerHeight: i.value
+      });
+    }
+    function J() {
+      Oe(() => {
+        k(), requestAnimationFrame(() => {
+          k(), requestAnimationFrame(k);
+        });
+      });
+    }
+    function _e(o) {
+      const l = t.name === "element-plus" ? 360 : 240;
+      return o >= l ? o : a.value && a.value > l ? a.value : l;
+    }
+    function Te(o) {
+      if (!o) return 0;
+      const l = window.getComputedStyle(o);
+      return o.offsetHeight + Number.parseFloat(l.marginTop || "0") + Number.parseFloat(l.marginBottom || "0");
+    }
+    function Se(o) {
+      if (t.name === "element-plus") return window.innerHeight;
+      let l = o.parentElement;
+      for (; l && l !== document.body && l !== document.documentElement; ) {
+        const g = window.getComputedStyle(l), c = l.scrollHeight > l.clientHeight + 1;
+        if (/(auto|scroll|overlay)/.test(g.overflowY) && c && l.clientHeight > 0)
+          return l.getBoundingClientRect().bottom;
+        l = l.parentElement;
+      }
+      return window.innerHeight;
+    }
+    function xe(o) {
+      const l = o.closest(".el-card__body, .n-card__content, .ant-card-body"), g = o.closest(".demo-content, main, .page-content"), c = l ? Number.parseFloat(window.getComputedStyle(l).paddingBottom || "0") : 0, H = g ? Number.parseFloat(window.getComputedStyle(g).paddingBottom || "0") : 0;
+      return t.name === "element-plus" ? Math.max(16, c + H + 1) : Math.max(16, c + H);
+    }
+    function Fe() {
+      return t.name === "naive" ? 21 : t.name === "ant-design-vue" ? 2 : 0;
+    }
+    function Pe() {
+      return t.name === "naive" ? 21 : t.name === "ant-design-vue" ? 2 : 0;
+    }
+    function Be(o) {
+      if (t.name === "element-plus") return 0;
+      const l = o.querySelector(".n-data-table-thead, .ant-table-thead");
+      return l ? Math.ceil(l.getBoundingClientRect().height) : 0;
+    }
+    function Ve(o) {
+      const l = typeof O.value == "number" ? O.value : Number.parseFloat(String(O.value || 0)), g = Math.max(document.documentElement.scrollHeight - window.innerHeight, document.body.scrollHeight - window.innerHeight, 0);
+      f.value = {
+        visible: !0,
+        adapter: t.name,
+        boundaryBottom: Math.round(o.boundaryBottom),
+        bodyTop: Math.round(o.bodyTop),
+        paginationHeight: Math.round(o.paginationHeight),
+        bottomGap: Math.round(o.bottomGap),
+        adapterOffset: Math.round(o.adapterOffset),
+        rawHeight: Math.round(o.rawHeight),
+        tableBoxHeight: Math.round(o.tableBoxHeight),
+        headerHeight: Math.round(o.headerHeight),
+        scrollY: Math.round(l),
+        pageOverflow: Math.round(g)
+      };
+    }
+    return ve(() => {
+      J(), window.addEventListener("resize", k), typeof ResizeObserver < "u" && (T = new ResizeObserver(J), d.value && T.observe(d.value), u.value && T.observe(u.value), r.value && T.observe(r.value));
+    }), ke(() => {
+      window.removeEventListener("resize", k), T?.disconnect();
+    }), $e(
+      () => [n.tableConfig.showPagination, n.tableConfig.data.length, n.tableConfig.scroll.height],
+      J
+    ), (o, l) => (p(), $(Z, null, [
+      C("div", {
+        ref_key: "tableRootRef",
+        ref: d,
+        class: "vac-table-root"
+      }, [
+        e.tableConfig.tabs ? (p(), $("div", Ct, [
+          (p(!0), $(Z, null, ae(e.tableConfig.tabs.options, (g) => (p(), $("button", {
+            key: String(g.value),
+            class: ue(["vac-tab", { "is-active": g.value === e.tableConfig.tabs.value }]),
+            type: "button",
+            disabled: g.disabled,
+            onClick: (c) => b(g.value)
+          }, B(g.label), 11, wt))), 128))
+        ])) : N("", !0),
+        C("div", _t, [
+          l[0] || (l[0] = C("div", null, null, -1)),
+          G(o.$slots, "tableToolbar")
+        ]),
+        C("div", {
+          ref_key: "tableBodyRef",
+          ref: u,
+          class: "vac-table-body",
+          style: oe(z.value)
+        }, [
+          (p(), F(V(x(t).components.table), ee(pe(E.value)), {
+            default: S(() => [
+              x(t).table.useColumnConfig ? N("", !0) : (p(!0), $(Z, { key: 0 }, ae(A.value, (g, c) => (p(), F(V(x(t).components.tableColumn || "div"), Y({
+                key: M(g, c)
+              }, { ref_for: !0 }, x(t).table.getTableColumnProps(g)), {
+                default: S((H) => [
+                  (p(), F(V(x(R)), {
+                    renderer: () => y(H.row, g, H.$index ?? c)
+                  }, null, 8, ["renderer"]))
+                ]),
+                _: 2
+              }, 1040))), 128))
+            ]),
+            _: 1
+          }, 16))
+        ], 4),
+        e.tableConfig.showPagination ? (p(), $("div", {
+          key: 1,
+          ref_key: "paginationRef",
+          ref: r,
+          class: "vac-pagination"
+        }, [
+          (p(), F(V(x(t).components.pagination), Y(L.value, Me(h.value)), null, 16))
+        ], 512)) : N("", !0)
+      ], 512),
+      (p(), F(Re, { to: "body" }, [
+        f.value.visible ? (p(), $("div", Tt, [
+          C("span", null, "adapter: " + B(f.value.adapter), 1),
+          C("span", null, "边界底部: " + B(f.value.boundaryBottom) + "px", 1),
+          C("span", null, "表格top: " + B(f.value.bodyTop) + "px", 1),
+          C("span", null, "分页占位: " + B(f.value.paginationHeight) + "px", 1),
+          C("span", null, "底部预留: " + B(f.value.bottomGap) + "px", 1),
+          C("span", null, "UI回收: " + B(f.value.adapterOffset) + "px", 1),
+          C("span", null, "原始高度: " + B(f.value.rawHeight) + "px", 1),
+          C("span", null, "表格盒子: " + B(f.value.tableBoxHeight) + "px", 1),
+          C("span", null, "表头: " + B(f.value.headerHeight) + "px", 1),
+          C("span", null, "scrollY: " + B(f.value.scrollY) + "px", 1),
+          C("span", {
+            class: ue({ "is-warning": f.value.pageOverflow > 0 })
+          }, "页面溢出: " + B(f.value.pageOverflow) + "px", 3)
+        ])) : N("", !0)
+      ]))
+    ], 64));
+  }
+}), xt = { class: "vac-root" }, Mt = /* @__PURE__ */ U({
+  __name: "AutoCrud",
+  props: {
+    title: {},
+    rowKey: { type: [String, Function] },
+    searchFormConfig: {},
+    tableConfig: {},
+    modalFormConfig: {}
+  },
+  setup(e) {
+    const n = e, { adapter: t } = q(), d = D(null), u = D(null), r = m(() => n.searchFormConfig), a = m(() => n.tableConfig), i = m(() => n.modalFormConfig), f = m(() => {
+      const s = r.value;
+      return s ? s.columns.map((y) => {
+        if (!h(y)) return y;
+        const v = y.onChange;
+        return {
+          ...y,
+          async onChange(_, b) {
+            await v?.(_, b), await O(b.formData);
+          }
+        };
+      }) : [];
+    }), T = {
+      add: "新增",
+      edit: "编辑",
+      view: "查看"
+    }, R = m(() => {
+      const s = i.value;
+      if (!s) return "";
+      const y = s.titleMap?.[s.mode];
+      return y || `${T[s.mode]}${n.title || ""}`;
+    }), A = m(() => {
+      const s = i.value;
+      return s?.buttonTextMap?.[s.mode]?.submit || "提交";
+    }), w = m(() => {
+      const s = i.value;
+      return s?.buttonTextMap?.[s.mode]?.cancel || "关闭";
+    }), E = m(() => {
+      const s = i.value;
+      return s ? s.mode !== "view" ? s.columns : s.columns.map((y) => ({ ...y, disabled: !0 })) : [];
+    });
+    ve(() => {
+      a.value?.immediate && a.value.load();
+    });
+    function z(s) {
+      return s;
+    }
+    async function O(s) {
+      await r.value?.submit(s), await a.value?.reset();
+    }
+    async function L() {
+      await r.value?.reset(), await a.value?.reset();
+    }
+    function h(s) {
+      return ["select", "multipleSelect"].includes(ge(s));
+    }
+    function I() {
+      const s = i.value;
+      s ? s.openAdd() : t.feedback.warning("请先配置弹窗表单 modalFormConfig"), r.value?.onAddClick?.();
+    }
+    function P(s) {
+      i.value && (i.value.visible = s);
+    }
+    async function M() {
+      await u.value?.submit();
+    }
+    return (s, y) => (p(), $("div", xt, [
+      r.value ? (p(), F(V(x(t).components.card), {
+        key: 0,
+        class: "vac-search-card"
+      }, {
+        default: S(() => [
+          X(ce, {
+            ref_key: "searchFormRef",
+            ref: d,
+            "form-type": "search",
+            columns: f.value,
+            modelValue: r.value.data,
+            "onUpdate:modelValue": y[0] || (y[0] = (v) => r.value.data = v),
+            layout: r.value.layout,
+            onSubmit: O,
+            onReset: L
+          }, {
+            searchButtonToolbar: S(() => [
+              r.value.addButton ? (p(), F(V(x(t).components.button), Y({ key: 0 }, x(t).render.getButtonProps({ type: "primary" }), { onClick: I }), {
+                default: S(() => [
+                  re(B(r.value.addButtonText), 1)
+                ]),
+                _: 1
+              }, 16)) : N("", !0),
+              G(s.$slots, "searchButtonToolbar")
+            ]),
+            _: 3
+          }, 8, ["columns", "modelValue", "layout"])
+        ]),
+        _: 3
+      })) : N("", !0),
+      a.value ? (p(), F(V(x(t).components.card), {
+        key: 1,
+        class: "vac-table-card"
+      }, {
+        default: S(() => [
+          X(St, { "table-config": a.value }, {
+            tableToolbar: S(() => [
+              G(s.$slots, "tableToolbar")
+            ]),
+            _: 3
+          }, 8, ["table-config"])
+        ]),
+        _: 3
+      })) : N("", !0),
+      i.value ? (p(), F(Qe, {
+        key: 2,
+        visible: i.value.visible,
+        title: R.value,
+        mode: i.value.mode,
+        "modal-type": i.value.modalType,
+        "submit-text": A.value,
+        "cancel-text": w.value,
+        "onUpdate:visible": P,
+        onSubmit: M,
+        onClose: i.value.close
+      }, De({
+        default: S(() => [
+          X(ce, {
+            ref_key: "modalFormRef",
+            ref: u,
+            "form-type": "modal",
+            columns: E.value,
+            modelValue: i.value.data,
+            "onUpdate:modelValue": y[1] || (y[1] = (v) => i.value.data = v),
+            layout: i.value.layout,
+            disabled: i.value.mode === "view",
+            onSubmit: y[2] || (y[2] = (v) => i.value?.submit(v))
+          }, null, 8, ["columns", "modelValue", "layout", "disabled"])
+        ]),
+        _: 2
+      }, [
+        s.$slots.modalFooter ? {
+          name: "footer",
+          fn: S(() => [
+            G(s.$slots, "modalFooter", {
+              modalForm: i.value,
+              submit: M,
+              close: i.value.close
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["visible", "title", "mode", "modal-type", "submit-text", "cancel-text", "onClose"])) : N("", !0)
+    ]));
+  }
+}), Ft = {
+  "element-plus": be,
+  naive: Ke,
+  "ant-design-vue": je
+};
+function Pt(e) {
+  return e.adapter ? e.adapter : Ft[e.ui || "element-plus"];
+}
+function Rt(e = {}) {
+  return {
+    install(t, d) {
+      const u = { ...e, ...d || {} }, r = We(u, Pt(u));
+      qe(r), t.provide(he, r);
+    }
+  };
+}
+export {
+  Mt as AutoCrud,
+  bt as CopyText,
+  Qe as CrudModal,
+  yt as DecodeText,
+  ce as DynamicForm,
+  St as DynamicTable,
+  je as antDesignVueAdapter,
+  Ge as copyText,
+  Rt as createAutoCrud,
+  It as createRequest,
+  be as elementPlusAdapter,
+  Ke as naiveAdapter,
+  Yt as showCrudMessage,
+  jt as sm4Decrypt,
+  Kt as sm4Encrypt,
+  q as useAutoCrudContext,
+  Et as useModalForm,
+  zt as useSearchForm,
+  Nt as useTable
+};
+//# sourceMappingURL=index.js.map