@fcurd/naive-ui 0.1.0

package/dist/index.mjs

@@ -0,0 +1,1094 @@
+import { NDatePicker as he, NInputNumber as Fe, NSelect as Ve, NSwitch as Re, NInput as Te, createDiscreteApi as Ae, NModal as Be, NDrawer as $e, NDrawerContent as De, NForm as ge, NFormItem as ne, NSpace as Q, NButton as W, NDataTable as Ie, NPagination as xe, NCard as Ee, NPopover as Me, NCode as qe, NEllipsis as we, NImage as Ke, NTag as G } from "naive-ui";
+import { defineComponent as B, mergeModels as L, useModel as j, computed as g, createBlock as C, openBlock as h, unref as c, mergeProps as F, useSlots as ie, ref as ae, createElementBlock as T, resolveDynamicComponent as q, withCtx as P, createVNode as A, h as S, reactive as ze, watch as Ue, withModifiers as Oe, createCommentVNode as K, Fragment as H, renderList as M, renderSlot as V, createTextVNode as me, createElementVNode as ke, createSlots as le, normalizeProps as _, guardReactiveProps as J, toDisplayString as Le } from "vue";
+import { filterFieldsBySurface as je, useCrudList as Qe, useCrudSelection as We, useCrudForm as _e, useCrudRouteSync as Je, presetActions as Y, createColumnsFromFields as Ye } from "@fcurd/core";
+import { useRouter as Ge, useRoute as He } from "vue-router";
+const pe = /* @__PURE__ */ B({
+  __name: "DateField",
+  props: /* @__PURE__ */ L({
+    field: {},
+    surface: { default: "form" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const r = e, t = j(e, "modelValue"), o = g(() => r.field ? x(r.field, r.surface) : {}), a = g(() => r.field?.type === "datetime" ? "datetime" : "date"), n = g(() => {
+      const l = o.value.placeholder;
+      if (typeof l == "string")
+        return l;
+      if (r.field)
+        return typeof r.field.label == "function" ? r.field.label() : r.field.label;
+    });
+    return (l, u) => (h(), C(c(he), F({
+      value: t.value,
+      "onUpdate:value": u[0] || (u[0] = (p) => t.value = p),
+      type: a.value,
+      placeholder: n.value
+    }, o.value), null, 16, ["value", "type", "placeholder"]));
+  }
+}), ye = /* @__PURE__ */ B({
+  __name: "DateRangeField",
+  props: /* @__PURE__ */ L({
+    field: {},
+    surface: { default: "form" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const r = e, t = j(e, "modelValue"), o = g(() => r.field ? x(r.field, r.surface) : {}), a = g(() => r.field?.type === "datetimeRange" ? "datetimerange" : "daterange");
+    return (n, l) => (h(), C(c(he), F({
+      value: t.value,
+      "onUpdate:value": l[0] || (l[0] = (u) => t.value = u),
+      type: a.value
+    }, o.value), null, 16, ["value", "type"]));
+  }
+}), ve = /* @__PURE__ */ B({
+  __name: "NumberField",
+  props: /* @__PURE__ */ L({
+    field: {},
+    surface: { default: "form" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const r = e, t = j(e, "modelValue"), o = g(() => r.field ? x(r.field, r.surface) : {}), a = g(() => {
+      const n = o.value.placeholder;
+      if (typeof n == "string")
+        return n;
+      if (r.field)
+        return typeof r.field.label == "function" ? r.field.label() : r.field.label;
+    });
+    return (n, l) => (h(), C(c(Fe), F({
+      value: t.value,
+      "onUpdate:value": l[0] || (l[0] = (u) => t.value = u),
+      placeholder: a.value
+    }, o.value), null, 16, ["value", "placeholder"]));
+  }
+}), Xe = /* @__PURE__ */ B({
+  __name: "SelectField",
+  props: /* @__PURE__ */ L({
+    field: {},
+    surface: { default: "form" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const r = e, t = j(e, "modelValue"), o = g(() => {
+      if (!r.field)
+        return {};
+      const n = x(r.field, r.surface), l = r.field.ui?.options ?? n.options;
+      return { ...n, options: l };
+    }), a = g(() => {
+      const n = o.value.placeholder;
+      if (typeof n == "string")
+        return n;
+      if (r.field)
+        return typeof r.field.label == "function" ? r.field.label() : r.field.label;
+    });
+    return (n, l) => (h(), C(c(Ve), F({
+      value: t.value,
+      "onUpdate:value": l[0] || (l[0] = (u) => t.value = u),
+      placeholder: a.value
+    }, o.value, { style: { "min-width": "140px" } }), null, 16, ["value", "placeholder"]));
+  }
+}), Ze = /* @__PURE__ */ B({
+  __name: "SwitchField",
+  props: /* @__PURE__ */ L({
+    field: {},
+    surface: { default: "form" }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const r = e, t = j(e, "modelValue"), o = g(() => r.field ? x(r.field, r.surface) : {});
+    return (a, n) => (h(), C(c(Re), F({
+      value: t.value,
+      "onUpdate:value": n[0] || (n[0] = (l) => t.value = l)
+    }, o.value), null, 16, ["value"]));
+  }
+}), be = /* @__PURE__ */ B({
+  __name: "TextField",
+  props: /* @__PURE__ */ L({
+    field: {},
+    surface: { default: "form" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const r = e, t = j(e, "modelValue"), o = g(() => r.field ? x(r.field, r.surface) : {}), a = g(() => {
+      const l = o.value.placeholder;
+      if (typeof l == "string")
+        return l;
+      if (r.field)
+        return typeof r.field.label == "function" ? r.field.label() : r.field.label;
+    }), n = g(() => r.field?.type === "textarea");
+    return (l, u) => (h(), C(c(Te), F({
+      value: t.value,
+      "onUpdate:value": u[0] || (u[0] = (p) => t.value = p),
+      placeholder: a.value,
+      type: n.value ? "textarea" : "text",
+      autosize: n.value,
+      resizable: n.value
+    }, o.value), null, 16, ["value", "placeholder", "type", "autosize", "resizable"]));
+  }
+}), X = {
+  text: be,
+  textarea: be,
+  number: ve,
+  money: ve,
+  select: Xe,
+  date: pe,
+  datetime: pe,
+  dateRange: ye,
+  datetimeRange: ye,
+  switch: Ze
+};
+function se(e) {
+  return typeof e.label == "function" ? e.label() : e.label;
+}
+function x(e, r) {
+  const o = (e.ui ?? {}).control ?? {}, a = o[r];
+  if (a && typeof a == "object") {
+    const { form: p, search: v, ...d } = o;
+    return { ...d, ...a };
+  }
+  const { form: n, search: l, ...u } = o;
+  return u;
+}
+function ue(e, r) {
+  return (e.ui?.formItem ?? {})[r] ?? {};
+}
+function et(e, r) {
+  return e.map((t) => {
+    const o = typeof t.label == "function" ? t.label() : t.label, a = [`cell-${t.key}`, `cell_${t.key}`];
+    let n = null;
+    if (r?.slots) {
+      for (const u of a)
+        if (r.slots[u]) {
+          n = r.slots[u];
+          break;
+        }
+    }
+    const l = t.ui && typeof t.ui == "object" && !Array.isArray(t.ui) ? t.ui : {};
+    return {
+      key: t.key,
+      title: o ?? t.key,
+      width: t.width,
+      minWidth: t.minWidth,
+      fixed: t.fixed,
+      sorter: t.sortable ? "default" : void 0,
+      render: n ? (u, p) => n({ row: u, value: u[t.key], rowIndex: p }) : t.render ? (u, p) => t.render({
+        row: u,
+        value: u[t.key],
+        rowIndex: p
+      }) : r?.renderCell ? (u, p) => r.renderCell(t, u, u[t.key], p) : void 0,
+      ...l
+    };
+  });
+}
+const tt = Ae(["dialog", "message", "notification"]);
+async function rt(e, r) {
+  return new Promise((t) => {
+    let o = !1;
+    function a(n) {
+      o || (o = !0, t(n));
+    }
+    tt.dialog.warning({
+      title: r?.title ?? "确认",
+      content: e,
+      positiveText: "确定",
+      negativeText: "取消",
+      onPositiveClick: () => a(!0),
+      onNegativeClick: () => a(!1),
+      onClose: () => a(!1)
+    });
+  });
+}
+function ot(e, r) {
+  if (typeof window > "u")
+    return;
+  function t(a, n) {
+    const l = document.createElement("a");
+    l.href = a, n && (l.download = n), l.rel = "noopener", l.target = "_blank", l.click();
+  }
+  function o(a, n) {
+    const l = URL.createObjectURL(a);
+    t(l, n ?? r ?? "export"), setTimeout(() => URL.revokeObjectURL(l), 3e3);
+  }
+  if (e instanceof Blob) {
+    o(e, r);
+    return;
+  }
+  if ("blob" in e) {
+    o(e.blob, e.filename ?? r);
+    return;
+  }
+  "url" in e && t(e.url, e.filename ?? r);
+}
+function Vt(e) {
+  return e;
+}
+function Rt(e) {
+  return e;
+}
+function Tt(e) {
+  return e;
+}
+const lt = {
+  key: 0,
+  class: "crud-form crud-form--inline"
+}, nt = /* @__PURE__ */ B({
+  __name: "CrudForm",
+  props: {
+    form: {},
+    fields: {},
+    displayMode: { default: "modal" },
+    visible: { type: Boolean, default: !1 },
+    title: {},
+    resetOnClose: { type: Boolean, default: !0 },
+    formProps: {},
+    modalProps: {},
+    drawerProps: {},
+    drawerContentProps: {}
+  },
+  emits: ["update:visible", "submit", "cancel"],
+  setup(e, { emit: r }) {
+    const t = e, o = r, a = ie(), n = ae(null), l = g({
+      get: () => t.visible,
+      set: (f) => o("update:visible", f)
+    }), u = g(() => typeof t.title == "function" ? t.title(t.form.mode.value) : t.title ? t.title : t.form.mode.value === "edit" ? "编辑" : "新增");
+    function p() {
+      l.value = !1, o("cancel"), t.resetOnClose && (t.form.reset(), n.value?.restoreValidation?.());
+    }
+    async function v() {
+      if (n.value)
+        try {
+          await n.value.validate();
+        } catch {
+          return;
+        }
+      const f = t.form.getSubmitData();
+      o("submit", f);
+    }
+    function d(f) {
+      const w = ue(f, "form").rule;
+      if (!f.required)
+        return w;
+      const R = {
+        required: !0,
+        message: `${se(f)}不能为空`,
+        trigger: ["input", "blur", "change"]
+      };
+      if ((f.type === "number" || f.type === "money") && (R.type = "number"), !w)
+        return [R];
+      const D = Array.isArray(w) ? w : [w];
+      return D.some((ee) => ee?.required === !0) ? D : [R, ...D];
+    }
+    function i(f) {
+      const k = X[f.type] ?? X.text, w = x(f, "form"), $ = t.form.model;
+      return S(k, {
+        modelValue: $[f.key],
+        "onUpdate:modelValue": (R) => {
+          $[f.key] = R;
+        },
+        field: f,
+        surface: "form",
+        ...w
+      });
+    }
+    function b() {
+      return S(
+        ge,
+        {
+          ref: n,
+          model: t.form.model,
+          ...t.formProps,
+          onSubmit: (f) => {
+            f.preventDefault(), v();
+          }
+        },
+        () => [
+          t.form.visibleFields.value.map((f) => {
+            const k = `field-${f.key}`, w = a[k], $ = t.form.model, R = ue(f, "form"), { rule: D, ...U } = R ?? {};
+            return S(
+              ne,
+              {
+                key: f.key,
+                label: se(f),
+                path: f.key,
+                required: !!f.required,
+                rule: d(f),
+                ...U
+              },
+              () => w ? w({ field: f, model: $, mode: t.form.mode.value, value: $[f.key] }) : i(f)
+            );
+          }),
+          // Footer
+          S("div", { class: "crud-form__footer" }, [
+            a.footer ? a.footer({ mode: t.form.mode.value, dirty: t.form.dirty.value }) : S(Q, { justify: "end" }, () => [
+              S(W, { onClick: p }, () => "取消"),
+              S(W, { type: "primary", attrType: "submit" }, () => "保存")
+            ])
+          ])
+        ]
+      );
+    }
+    return (f, k) => e.displayMode === "inline" ? (h(), T("div", lt, [
+      (h(), C(q(() => b())))
+    ])) : e.displayMode === "modal" ? (h(), C(c(Be), F({
+      key: 1,
+      show: l.value,
+      "onUpdate:show": k[0] || (k[0] = (w) => l.value = w),
+      preset: "dialog",
+      title: u.value
+    }, e.modalProps, { onAfterLeave: p }), {
+      default: P(() => [
+        (h(), C(q(() => b())))
+      ]),
+      _: 1
+    }, 16, ["show", "title"])) : (h(), C(c($e), F({
+      key: 2,
+      show: l.value,
+      "onUpdate:show": k[1] || (k[1] = (w) => l.value = w),
+      width: 420,
+      placement: "right"
+    }, e.drawerProps, { onAfterLeave: p }), {
+      default: P(() => [
+        A(c(De), F({ title: u.value }, e.drawerContentProps), {
+          default: P(() => [
+            (h(), C(q(() => b())))
+          ]),
+          _: 1
+        }, 16, ["title"])
+      ]),
+      _: 1
+    }, 16, ["show"]));
+  }
+}), Z = (e, r) => {
+  const t = e.__vccOpts || e;
+  for (const [o, a] of r)
+    t[o] = a;
+  return t;
+}, at = /* @__PURE__ */ Z(nt, [["__scopeId", "data-v-0bca27a9"]]), st = { class: "crud-search" }, ut = /* @__PURE__ */ B({
+  __name: "CrudSearch",
+  props: {
+    list: {},
+    fields: {},
+    queryKey: {},
+    formProps: {},
+    showReset: { type: Boolean, default: !0 },
+    showSearch: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const r = e;
+    function t(d) {
+      return !!d && typeof d == "object" && !Array.isArray(d);
+    }
+    function o(d) {
+      if (!r.queryKey)
+        return d;
+      const i = d?.[r.queryKey];
+      return t(i) ? i : {};
+    }
+    const a = g(() => je(r.fields, "search", {
+      query: r.list.query.value
+    })), n = g(() => a.value.map((d) => d.key)), l = ze({});
+    Ue(
+      () => r.list.query.value,
+      (d) => {
+        Object.keys(l).forEach((b) => {
+          delete l[b];
+        });
+        const i = o(d);
+        for (const b of n.value)
+          b in i && (l[b] = i[b]);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    function u() {
+      if (!r.queryKey) {
+        r.list.setQuery(l, {
+          mode: "merge",
+          clearKeys: n.value,
+          pruneEmpty: !0
+        });
+        return;
+      }
+      r.list.setQuery({
+        [r.queryKey]: { ...l }
+      }, {
+        mode: "merge",
+        pruneEmpty: !0
+      });
+    }
+    function p() {
+      Object.keys(l).forEach((d) => {
+        delete l[d];
+      }), r.list.reset();
+    }
+    function v(d) {
+      const i = X[d.type] ?? X.text, b = x(d, "search");
+      return S(i, {
+        modelValue: l[d.key],
+        "onUpdate:modelValue": (f) => {
+          l[d.key] = f;
+        },
+        field: d,
+        surface: "search",
+        ...b
+      });
+    }
+    return (d, i) => (h(), T("div", st, [
+      A(c(ge), F({
+        inline: "",
+        "label-placement": "left"
+      }, e.formProps, {
+        onSubmit: Oe(u, ["prevent"])
+      }), {
+        default: P(() => [
+          (h(!0), T(H, null, M(a.value, (b) => (h(), C(c(ne), F({
+            key: b.key,
+            label: c(se)(b)
+          }, { ref_for: !0 }, c(ue)(b, "search")), {
+            default: P(() => [
+              V(d.$slots, `search-${b.key}`, {
+                field: b,
+                model: l
+              }, () => [
+                (h(), C(q(() => v(b))))
+              ], !0)
+            ]),
+            _: 2
+          }, 1040, ["label"]))), 128)),
+          e.showSearch || e.showReset ? (h(), C(c(ne), { key: 0 }, {
+            default: P(() => [
+              A(c(Q), null, {
+                default: P(() => [
+                  e.showSearch ? (h(), C(c(W), {
+                    key: 0,
+                    type: "primary",
+                    "attr-type": "submit"
+                  }, {
+                    default: P(() => [...i[0] || (i[0] = [
+                      me(" 搜索 ", -1)
+                    ])]),
+                    _: 1
+                  })) : K("", !0),
+                  e.showReset ? (h(), C(c(W), {
+                    key: 1,
+                    onClick: p
+                  }, {
+                    default: P(() => [...i[1] || (i[1] = [
+                      me(" 重置 ", -1)
+                    ])]),
+                    _: 1
+                  })) : K("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : K("", !0)
+        ]),
+        _: 3
+      }, 16)
+    ]));
+  }
+}), it = /* @__PURE__ */ Z(ut, [["__scopeId", "data-v-e009ac6b"]]), dt = { class: "crud-table" }, ct = {
+  key: 0,
+  class: "crud-table__header"
+}, ft = { class: "crud-table__pagination" }, mt = /* @__PURE__ */ B({
+  __name: "CrudTable",
+  props: {
+    list: {},
+    columns: {},
+    selection: {},
+    rowKey: {},
+    showActionsColumn: { type: Boolean, default: !1 },
+    actionsColumnTitle: { default: "操作" },
+    actionsColumnWidth: { default: 120 },
+    tableProps: {},
+    paginationProps: {},
+    getRowActionsSlotProps: {}
+  },
+  emits: ["sort"],
+  setup(e, { emit: r }) {
+    const t = e, o = r, a = ie(), n = g(() => {
+      const i = et(t.columns, {
+        slots: a,
+        renderCell: (b, f, k) => k
+      });
+      return t.selection && i.unshift({
+        type: "selection"
+      }), t.showActionsColumn && a["row-actions"] && i.push({
+        key: "__actions",
+        title: t.actionsColumnTitle,
+        width: t.actionsColumnWidth,
+        fixed: "right",
+        render: (b, f) => {
+          const k = t.getRowActionsSlotProps?.(b) ?? {}, w = { row: b, rowIndex: f, ...k };
+          return S(Q, { size: 8 }, () => a["row-actions"](w));
+        }
+      }), i;
+    }), l = g(() => t.selection ? [...t.selection.selectedIds.value] : []);
+    function u(i) {
+      t.selection && t.selection.setSelectedIds(i);
+    }
+    function p(i) {
+      if (!i || Array.isArray(i)) {
+        t.list.setSort(null), o("sort", null);
+        return;
+      }
+      if (i.order === !1 || i.order === void 0) {
+        t.list.setSort(null), o("sort", null);
+        return;
+      }
+      const b = {
+        field: String(i.columnKey),
+        order: i.order
+      };
+      t.list.setSort(b), o("sort", b);
+    }
+    function v(i) {
+      t.list.setPage(i);
+    }
+    function d(i) {
+      t.list.setPageSize(i);
+    }
+    return (i, b) => (h(), T("div", dt, [
+      i.$slots["table-header"] ? (h(), T("div", ct, [
+        V(i.$slots, "table-header", {
+          list: e.list,
+          selection: e.selection
+        }, void 0, !0)
+      ])) : K("", !0),
+      A(c(Ie), F({
+        columns: n.value,
+        data: e.list.rows.value,
+        loading: e.list.loading.value,
+        "row-key": e.rowKey,
+        "checked-row-keys": l.value,
+        remote: ""
+      }, e.tableProps, {
+        "onUpdate:checkedRowKeys": u,
+        "onUpdate:sorter": p
+      }), null, 16, ["columns", "data", "loading", "row-key", "checked-row-keys"]),
+      ke("div", ft, [
+        A(c(xe), F({
+          page: e.list.page.value,
+          "page-size": e.list.pageSize.value,
+          "item-count": e.list.total.value,
+          "show-size-picker": "",
+          "page-sizes": [10, 20, 50, 100]
+        }, e.paginationProps, {
+          "onUpdate:page": v,
+          "onUpdate:pageSize": d
+        }), null, 16, ["page", "page-size", "item-count"])
+      ])
+    ]));
+  }
+}), pt = /* @__PURE__ */ Z(mt, [["__scopeId", "data-v-0a031491"]]), yt = {
+  key: 1,
+  class: "auto-crud__before-table"
+}, vt = {
+  key: 2,
+  class: "auto-crud__batch-actions"
+}, bt = /* @__PURE__ */ B({
+  __name: "AutoCrud",
+  props: {
+    adapter: {},
+    fields: {},
+    columns: {},
+    searchFields: {},
+    searchQueryKey: {},
+    actions: {},
+    formMode: { default: "modal" },
+    showSelection: { type: Boolean, default: !1 },
+    showActionsColumn: { type: Boolean, default: !0 },
+    disableCreate: { type: Boolean, default: !1 },
+    disableEdit: { type: Boolean, default: !1 },
+    disableDelete: { type: Boolean, default: !1 },
+    disableExport: { type: Boolean, default: !1 },
+    title: { default: "列表" },
+    paginationProps: {},
+    routeSync: { type: Boolean, default: !1 },
+    routeQueryKey: { default: "q" }
+  },
+  emits: ["submit", "success", "error"],
+  setup(e, { expose: r, emit: t }) {
+    const o = e, a = t, n = ie();
+    function l(s) {
+      return {
+        openEdit: () => D(s),
+        actions: E.value,
+        defaultButtons: Pe
+      };
+    }
+    const u = /* @__PURE__ */ new Set([
+      "toolbar",
+      "before-table",
+      "batch-actions",
+      "row-actions",
+      "search",
+      "table",
+      "form",
+      "table-header",
+      "footer"
+    ]), p = g(() => {
+      const s = {};
+      for (const m of Object.keys(n))
+        u.has(m) || (s[m] = n[m]);
+      return s;
+    }), v = Qe({
+      adapter: o.adapter,
+      onError: (s) => a("error", s)
+    }), d = We({
+      rows: v.rows,
+      getId: o.adapter.getId
+    }), i = _e({
+      fields: o.fields
+    });
+    let b = null, f = null;
+    try {
+      b = Ge(), f = He();
+    } catch {
+    }
+    o.routeSync && b && f && Je({
+      query: v.query,
+      setQuery: v.setQuery,
+      router: b,
+      route: f,
+      queryKey: o.routeQueryKey
+    });
+    const k = ae(!1), w = ae(null);
+    function $(s) {
+      k.value = s;
+    }
+    function R() {
+      w.value = null, i.reset(), i.setMode("create"), k.value = !0;
+    }
+    function D(s) {
+      w.value = s, i.reset(s), i.setMode("edit"), k.value = !0;
+    }
+    function U(s) {
+      return {
+        row: s,
+        selectedRows: d.selectedRows.value,
+        selectedIds: [...d.selectedIds.value],
+        query: v.query.value ?? {},
+        sort: v.sort.value,
+        page: v.page.value,
+        pageSize: v.pageSize.value,
+        refresh: v.refresh,
+        clearSelection: d.clear
+      };
+    }
+    async function ee(s, m) {
+      const y = U(m);
+      if (s.confirm) {
+        const N = typeof s.confirm == "string" ? s.confirm : "确定要执行此操作吗？";
+        if (!await rt(N))
+          return;
+      }
+      await s.onClick(y);
+    }
+    const Ce = g(() => {
+      const s = [];
+      return !o.disableCreate && o.adapter.create && s.push(Y.create({ onClick: R })), !o.disableEdit && o.adapter.update && s.push(Y.edit({ onClick: D })), !o.disableDelete && o.adapter.remove && s.push(Y.delete({
+        adapter: o.adapter,
+        getId: o.adapter.getId,
+        onError: (m) => a("error", m)
+      })), !o.disableExport && o.adapter.export && s.push(Y.export({
+        adapter: o.adapter,
+        handleExport: ot,
+        onError: (m) => a("error", m)
+      })), s;
+    }), Se = g(() => o.actions ? o.actions : Ce.value);
+    function te(s) {
+      return Se.value.filter((m) => {
+        if (m.area !== s)
+          return !1;
+        const y = U();
+        return !(m.visible && !m.visible(y));
+      }).sort((m, y) => (m.order ?? 0) - (y.order ?? 0));
+    }
+    const E = g(() => te("row")), Ne = g(() => te("toolbar")), re = g(() => te("batch")), ce = g(() => o.columns ? o.columns : Ye(o.fields)), oe = g(() => o.adapter.getId ?? ((s) => s.id));
+    async function fe(s) {
+      const m = i.mode.value;
+      a("submit", { mode: m, data: s });
+      try {
+        if (m === "create" && o.adapter.create) {
+          const y = await o.adapter.create(s);
+          a("success", { mode: m, data: y });
+        } else if (m === "edit" && o.adapter.update && w.value) {
+          const y = oe.value(w.value), N = await o.adapter.update(y, s);
+          a("success", { mode: m, data: N });
+        }
+        k.value = !1, await v.refresh();
+      } catch (y) {
+        a("error", y);
+      }
+    }
+    function I(s, m) {
+      const y = U(m), N = s.disabled?.(y) ?? !1;
+      return S(
+        W,
+        {
+          size: m ? "small" : void 0,
+          type: s.type === "primary" ? "primary" : s.type === "error" ? "error" : void 0,
+          disabled: N,
+          onClick: () => ee(s, m)
+        },
+        () => s.label
+      );
+    }
+    const Pe = {
+      Edit: (s) => {
+        const m = E.value.find((y) => y.id === "edit");
+        return m ? I(m, s.row) : null;
+      },
+      Delete: (s) => {
+        const m = E.value.find((y) => y.id === "delete");
+        return m ? I(m, s.row) : null;
+      },
+      View: (s) => {
+        const m = E.value.find((y) => y.id === "view");
+        return m ? I(m, s.row) : null;
+      }
+    };
+    return r({
+      list: v,
+      selection: d,
+      form: i,
+      refresh: v.refresh,
+      openCreate: R,
+      openEdit: D
+    }), (s, m) => (h(), C(c(Ee), { title: e.title }, {
+      "header-extra": P(() => [
+        A(c(Q), null, {
+          default: P(() => [
+            V(s.$slots, "toolbar", {
+              list: c(v),
+              selection: c(d),
+              openCreate: R
+            }, () => [
+              (h(!0), T(H, null, M(Ne.value, (y) => (h(), C(q(() => I(y)), {
+                key: y.id
+              }))), 128))
+            ], !0)
+          ]),
+          _: 3
+        })
+      ]),
+      default: P(() => [
+        e.searchFields?.length || e.fields.some((y) => y.visibleIn?.search !== !1) ? V(s.$slots, "search", {
+          key: 0,
+          list: c(v),
+          fields: e.searchFields ?? e.fields
+        }, () => [
+          A(it, {
+            list: c(v),
+            fields: e.searchFields ?? e.fields,
+            "query-key": e.searchQueryKey
+          }, le({ _: 2 }, [
+            M(p.value, (y, N) => ({
+              name: N,
+              fn: P((O) => [
+                V(s.$slots, N, _(J(O)), void 0, !0)
+              ])
+            }))
+          ]), 1032, ["list", "fields", "query-key"])
+        ], !0) : K("", !0),
+        s.$slots["before-table"] ? (h(), T("div", yt, [
+          V(s.$slots, "before-table", {
+            list: c(v),
+            selection: c(d)
+          }, void 0, !0)
+        ])) : K("", !0),
+        re.value.length > 0 && c(d).selectedCount.value > 0 ? (h(), T("div", vt, [
+          V(s.$slots, "batch-actions", {
+            list: c(v),
+            selection: c(d),
+            actions: re.value,
+            renderActionButton: I
+          }, () => [
+            A(c(Q), null, {
+              default: P(() => [
+                ke("span", null, "已选择 " + Le(c(d).selectedCount.value) + " 项", 1),
+                (h(!0), T(H, null, M(re.value, (y) => (h(), C(q(() => I(y)), {
+                  key: y.id
+                }))), 128))
+              ]),
+              _: 1
+            })
+          ], !0)
+        ])) : K("", !0),
+        V(s.$slots, "table", {
+          list: c(v),
+          columns: ce.value,
+          selection: e.showSelection ? c(d) : void 0,
+          rowKey: oe.value,
+          rowActions: E.value,
+          renderActionButton: I,
+          getRowActionsSlotProps: l
+        }, () => [
+          A(pt, {
+            list: c(v),
+            columns: ce.value,
+            selection: e.showSelection ? c(d) : void 0,
+            "row-key": oe.value,
+            "show-actions-column": e.showActionsColumn && E.value.length > 0,
+            "pagination-props": e.paginationProps,
+            "get-row-actions-slot-props": l
+          }, le({
+            "row-actions": P((y) => [
+              V(s.$slots, "row-actions", _(J(y)), () => [
+                (h(!0), T(H, null, M(E.value, (N) => (h(), C(q(() => I(N, y.row)), {
+                  key: N.id
+                }))), 128))
+              ], !0)
+            ]),
+            _: 2
+          }, [
+            M(p.value, (y, N) => ({
+              name: N,
+              fn: P((O) => [
+                V(s.$slots, N, _(J(O)), void 0, !0)
+              ])
+            }))
+          ]), 1032, ["list", "columns", "selection", "row-key", "show-actions-column", "pagination-props"])
+        ], !0),
+        V(s.$slots, "form", {
+          form: c(i),
+          fields: e.fields,
+          visible: k.value,
+          setVisible: $,
+          mode: c(i).mode.value,
+          editingRow: w.value,
+          submit: fe
+        }, () => [
+          A(at, {
+            visible: k.value,
+            "onUpdate:visible": m[0] || (m[0] = (y) => k.value = y),
+            form: c(i),
+            fields: e.fields,
+            "display-mode": e.formMode,
+            onSubmit: fe
+          }, le({ _: 2 }, [
+            M(p.value, (y, N) => ({
+              name: N,
+              fn: P((O) => [
+                V(s.$slots, N, _(J(O)), void 0, !0)
+              ])
+            }))
+          ]), 1032, ["visible", "form", "fields", "display-mode"])
+        ], !0)
+      ]),
+      _: 3
+    }, 8, ["title"]));
+  }
+}), At = /* @__PURE__ */ Z(bt, [["__scopeId", "data-v-299e1ff1"]]);
+function z(e) {
+  return e == null || e === "";
+}
+function de(e) {
+  if (e == null)
+    return "";
+  if (typeof e == "string")
+    return e;
+  if (typeof e == "number" || typeof e == "bigint" || typeof e == "boolean")
+    return String(e);
+  try {
+    return JSON.stringify(e);
+  } catch {
+    return String(e);
+  }
+}
+function ht(e) {
+  if (e instanceof Date)
+    return Number.isNaN(e.getTime()) ? null : e;
+  if (typeof e == "number") {
+    const r = new Date(e);
+    return Number.isNaN(r.getTime()) ? null : r;
+  }
+  if (typeof e == "string") {
+    const r = e.trim();
+    if (!r)
+      return null;
+    const t = Number(r);
+    if (!Number.isNaN(t)) {
+      const a = new Date(t);
+      return Number.isNaN(a.getTime()) ? null : a;
+    }
+    const o = new Date(r);
+    return Number.isNaN(o.getTime()) ? null : o;
+  }
+  return null;
+}
+function Bt(e = {}) {
+  const {
+    placeholder: r = "-",
+    parse: t = ht,
+    locale: o = "zh-CN",
+    formatOptions: a = { year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" }
+  } = e, n = new Intl.DateTimeFormat(o, a);
+  return (l) => {
+    if (z(l.value))
+      return r;
+    const u = t(l.value);
+    return u ? n.format(u) : r;
+  };
+}
+function $t(e = {}) {
+  const {
+    placeholder: r = "-",
+    locale: t = "zh-CN",
+    currency: o = "CNY",
+    minimumFractionDigits: a = 2,
+    maximumFractionDigits: n = 2
+  } = e, l = new Intl.NumberFormat(t, {
+    style: "currency",
+    currency: o,
+    minimumFractionDigits: a,
+    maximumFractionDigits: n
+  });
+  return (u) => {
+    const p = u.value;
+    if (z(p))
+      return r;
+    const v = typeof p == "number" ? p : Number(p);
+    return Number.isNaN(v) ? r : l.format(v);
+  };
+}
+function Dt(e = {}) {
+  const { placeholder: r = "-", popoverProps: t, previewMaxLen: o = 60 } = e;
+  return (a) => {
+    if (z(a.value))
+      return r;
+    let n = "";
+    try {
+      n = typeof a.value == "string" ? a.value : JSON.stringify(a.value, null, 2);
+    } catch {
+      n = String(a.value);
+    }
+    const l = n.length > o ? `${n.slice(0, o)}…` : n;
+    return S(
+      Me,
+      { trigger: "hover", placement: "top", ...t ?? {} },
+      {
+        trigger: () => S(we, { tooltip: !1, lineClamp: 1 }, { default: () => l }),
+        default: () => S(qe, { code: n, language: "json", wordWrap: !0 })
+      }
+    );
+  };
+}
+function It(e = {}) {
+  const {
+    placeholder: r = "-",
+    width: t = 32,
+    height: o = 32,
+    previewDisabled: a = !0,
+    getUrl: n
+  } = e;
+  return (l) => {
+    const u = n ? n(l) : typeof l.value == "string" ? l.value : null;
+    return u ? S(Ke, { src: u, width: t, height: o, previewDisabled: a }) : r;
+  };
+}
+function xt(e = {}) {
+  const {
+    placeholder: r = "-",
+    trueText: t = "是",
+    falseText: o = "否",
+    trueType: a = "success",
+    falseType: n = "default",
+    nullText: l = r,
+    nullType: u = "default",
+    size: p = "small"
+  } = e;
+  return (v) => {
+    const d = v.value;
+    return d === !0 ? S(G, { type: a, size: p }, { default: () => t }) : d === !1 ? S(G, { type: n, size: p }, { default: () => o }) : S(G, { type: u, size: p }, { default: () => l });
+  };
+}
+function gt(e) {
+  const { placeholder: r = "-", map: t, options: o } = e, a = /* @__PURE__ */ new Map();
+  for (const n of o ?? [])
+    n.value === null || n.value === void 0 || (typeof n.value == "string" || typeof n.value == "number") && a.set(n.value, String(n.label ?? n.value));
+  return (n) => {
+    if (z(n.value))
+      return r;
+    const l = n.value, u = String(l), p = t ? t[u] ?? (typeof l == "number" ? t[l] : void 0) : void 0, v = typeof l == "string" || typeof l == "number" ? a.get(l) : void 0;
+    return p ?? v ?? de(l);
+  };
+}
+function Et(e) {
+  const { placeholder: r = "-", typeMap: t, defaultType: o = "default", size: a = "small" } = e, n = gt(e);
+  return (l) => {
+    if (z(l.value))
+      return r;
+    const u = l.value, p = String(u), d = (t ? t[p] ?? (typeof u == "number" ? t[u] : void 0) : void 0) ?? o;
+    return S(G, { type: d, size: a }, { default: () => n(l) });
+  };
+}
+function Mt(e = {}) {
+  const { placeholder: r = "-" } = e;
+  return (t) => z(t.value) ? r : de(t.value);
+}
+function qt(e = {}) {
+  const { placeholder: r = "-", lineClamp: t = 1, tooltip: o = !0 } = e;
+  return (a) => {
+    if (z(a.value))
+      return r;
+    const n = de(a.value);
+    return S(
+      we,
+      { tooltip: o, lineClamp: t },
+      { default: () => n }
+    );
+  };
+}
+export {
+  At as AutoCrud,
+  at as CrudForm,
+  it as CrudSearch,
+  pt as CrudTable,
+  pe as DateField,
+  ye as DateRangeField,
+  ve as NumberField,
+  Xe as SelectField,
+  Ze as SwitchField,
+  be as TextField,
+  xt as cellBooleanTag,
+  Bt as cellDateTime,
+  qt as cellEllipsis,
+  gt as cellEnumLabel,
+  Et as cellEnumTag,
+  It as cellImage,
+  Dt as cellJsonPopover,
+  $t as cellMoney,
+  Mt as cellText,
+  X as componentMap,
+  rt as confirmAction,
+  et as createTableColumns,
+  Tt as defineColumns,
+  Vt as defineField,
+  Rt as defineFields,
+  se as getFieldLabel,
+  ot as handleExportResult,
+  z as isEmptyValue,
+  x as resolveControlProps,
+  ue as resolveFormItemProps,
+  de as toText
+};