@hotmi754/element-crud 1.0.4

package/dist/element-crud.es.js

@@ -0,0 +1,1745 @@
+import { ref as V, watch as He, unref as G, shallowRef as he, computed as N, useSlots as pe, defineComponent as U, createVNode as z, h as s, toRefs as ne, inject as ae, provide as oe, mergeProps as q, onActivated as Fe, onDeactivated as qe, useAttrs as Ke, onMounted as Je, nextTick as te, withDirectives as Ge } from "vue";
+import { useDebounceFn as Ne, useThrottleFn as Qe, reactiveOmit as Ye } from "@vueuse/core";
+import { ElIcon as Xe, ElDrawer as Ze, ElButton as I, ElCheckbox as ue, ElTableColumn as K, useAttrs as Ve, ElTable as et, ElForm as tt, ElFormItem as nt, ElInput as lt, ElInputNumber as at, ElDatePicker as ot, ElTreeSelect as rt, ElCascader as ut, ElCheckboxGroup as it, ElRadioGroup as ct, ElRadio as st, ElSelect as dt, ElOption as ft, ElDialog as ht, paginationProps as pt, ElPagination as gt, vLoading as mt } from "element-plus";
+import { upperFirst as vt, get as ie, has as yt, set as bt, omit as St, pick as Ct, keys as wt } from "lodash-es";
+import * as Tt from "@element-plus/icons-vue";
+import xt from "vuedraggable-es";
+function zt({
+  el: e = window,
+  isDebounce: n = !0,
+  listener: r,
+  wait: a = 80,
+  name: l,
+  options: i,
+  autoRemove: g = !0
+}) {
+  let d;
+  const h = V(!1);
+  if (e) {
+    const u = V(e), b = n ? Ne(r, a) : Qe(r, a), c = a ? b : r, o = (x) => {
+      h.value = !0, x.removeEventListener(l, c, i);
+    }, f = (x) => x.addEventListener(l, c, i), T = He(
+      u,
+      (x, S, A) => {
+        x && (!G(h) && f(x), A(() => {
+          g && o(x);
+        }));
+      },
+      {
+        immediate: !0
+      }
+    );
+    return d = () => {
+      o(u.value), T();
+    }, { removeEvent: d };
+  }
+}
+const Et = Object.prototype.toString;
+function ge(e, n) {
+  return Et.call(e) === `[object ${n}]`;
+}
+function Ft(e) {
+  return typeof e < "u";
+}
+function Nt(e) {
+  return !Ft(e);
+}
+function Ae(e) {
+  return e !== null && ge(e, "Object");
+}
+function Vt(e) {
+  return e == null ? !0 : Q(e) || L(e) ? e.length === 0 : e instanceof Map || e instanceof Set ? e.size === 0 : Ae(e) ? Object.keys(e).length === 0 : !1;
+}
+function At(e) {
+  return ge(e, "Number");
+}
+function L(e) {
+  return ge(e, "String");
+}
+function ce(e) {
+  return typeof e == "function";
+}
+function Q(e) {
+  return e && Array.isArray(e);
+}
+function Re(e, n, r = !0) {
+  const a = [];
+  for (let l = 0; l < e.length; l++) {
+    const i = { ...e[l] };
+    (r ? i[n] : !i[n]) && (i.children && i.children.length && (i.children = Re(i.children, n, r)), a.push(i));
+  }
+  return a;
+}
+function ke(e, n = "px") {
+  if (!e) return "";
+  if (L(e))
+    return e;
+  if (At(e))
+    return `${e}${n}`;
+}
+const se = "element_crud_table_config";
+let W = {};
+const M = V({});
+function Zt(e, n = {}) {
+  if (e) {
+    e.tableWidthConfig && (W.tableWidthConfig = {
+      ...W.tableWidthConfig || {},
+      ...e.tableWidthConfig,
+      ...n.tableWidthConfig || {}
+    });
+    for (const r in e)
+      r !== "tableWidthConfig" && (W[r] = e[r]);
+  }
+}
+function en() {
+  W = {}, M.value = {};
+}
+function de() {
+  return W;
+}
+function Rt(e) {
+  const n = W.tableWidthConfig || {};
+  return e.map((r) => {
+    const a = { ...r };
+    return a.width && isNaN(parseInt(a.width)) && (a.width = n[a.width] || ""), a.minWidth && isNaN(parseInt(a.minWidth)) && (a.minWidth = n[a.minWidth] || ""), a;
+  });
+}
+function kt() {
+  try {
+    const e = JSON.parse(localStorage.getItem(se) || "{}"), n = de(), r = {};
+    for (const a in n) {
+      if (a === "tableWidthConfig") continue;
+      const l = n[a], i = e[a], g = typeof l == "function" ? l() : l;
+      Array.isArray(g) && (r[a] = g.map((d, h) => {
+        const u = i == null ? void 0 : i.find((b) => b.prop === d.prop);
+        return {
+          prop: d.prop,
+          hide: u ? !!u.hide : !!d.hide,
+          sort: u ? u.sort : h
+        };
+      }));
+    }
+    M.value = r;
+  } catch {
+    M.value = {};
+  }
+}
+function Oe() {
+  return Object.keys(M.value).length === 0 && kt(), {
+    getTableConfig: (a) => {
+      const i = de()[a];
+      return i ? Rt(
+        typeof i == "function" ? i() : i
+      ).map((d) => {
+        var u;
+        const h = (u = M.value[a]) == null ? void 0 : u.find(
+          (b) => b.prop === d.prop
+        );
+        return {
+          ...d,
+          hide: h ? h.hide : d.hide,
+          sort: h ? h.sort : 0
+        };
+      }).sort((d, h) => d.sort - h.sort) : (console.warn(
+        `[ElementCrud] Table config "${a}" not found. Did you register it via registerTableConfig()?`
+      ), []);
+    },
+    setTableConfig: (a, l) => {
+      const i = l.map((g, d) => ({
+        prop: g.prop,
+        hide: !!g.hide,
+        sort: d
+      }));
+      M.value[a] = i, ze((g) => {
+        g[a] = i;
+      });
+    },
+    resetTableConfig: (a) => {
+      const i = de()[a];
+      if (!i) return;
+      const g = typeof i == "function" ? i() : i;
+      M.value[a] = g.map((d, h) => ({
+        prop: d.prop,
+        hide: !!d.hide,
+        sort: h
+      })), ze((d) => {
+        d[a] = M.value[a];
+      });
+    }
+  };
+}
+function ze(e) {
+  try {
+    const n = JSON.parse(localStorage.getItem(se) || "{}");
+    e(n), localStorage.setItem(se, JSON.stringify(n));
+  } catch {
+  }
+}
+function Ot(e) {
+  const { getTableConfig: n } = Oe();
+  return N(() => {
+    const r = L(e.columns) ? (() => {
+      const a = n(e.columns);
+      return Vt(a) ? [] : a;
+    })() : e.columns;
+    return Re(r || [], "hide", !1);
+  });
+}
+function Bt(e) {
+  return N(() => ({
+    showOverflowTooltip: e.showOverflowTooltip || !1,
+    align: e.align,
+    headerAlign: e.headerAlign
+  }));
+}
+function J(e, n) {
+  return N(() => {
+    const r = G(e), a = G(n), l = Ae(r) ? { ...r } : void 0;
+    return l && (l.slot && delete l.slot, l.children && delete l.children), Object.assign({}, a, l);
+  });
+}
+function Be() {
+  const e = he({});
+  function n() {
+    var c, o;
+    (o = (c = e.value) == null ? void 0 : c.clearSelection) == null || o.call(c);
+  }
+  const r = () => {
+    var c, o;
+    return (o = (c = e.value) == null ? void 0 : c.getSelectionRows) == null ? void 0 : o.call(c);
+  };
+  function a(c, o) {
+    var f, T;
+    (T = (f = e.value) == null ? void 0 : f.toggleRowSelection) == null || T.call(f, c, o);
+  }
+  function l() {
+    var c, o;
+    (o = (c = e.value) == null ? void 0 : c.toggleAllSelection) == null || o.call(c);
+  }
+  function i(c, o) {
+    var f, T;
+    (T = (f = e.value) == null ? void 0 : f.toggleRowExpansion) == null || T.call(f, c, o);
+  }
+  function g(c) {
+    var o, f;
+    (f = (o = e.value) == null ? void 0 : o.setCurrentRow) == null || f.call(o, c);
+  }
+  function d() {
+    var c, o;
+    (o = (c = e.value) == null ? void 0 : c.clearSort) == null || o.call(c);
+  }
+  function h(c) {
+    var o, f;
+    (f = (o = e.value) == null ? void 0 : o.clearFilter) == null || f.call(o, c);
+  }
+  function u() {
+    var c, o;
+    (o = (c = e.value) == null ? void 0 : c.doLayout) == null || o.call(c);
+  }
+  function b(c, o) {
+    var f, T;
+    (T = (f = e.value) == null ? void 0 : f.sort) == null || T.call(f, c, o);
+  }
+  return {
+    table: e,
+    clearSelection: n,
+    getSelectionRows: r,
+    toggleRowSelection: a,
+    toggleAllSelection: l,
+    toggleRowExpansion: i,
+    setCurrentRow: g,
+    clearSort: d,
+    clearFilter: h,
+    doLayout: u,
+    sort: b
+  };
+}
+function jt() {
+  const e = pe(), n = {}, r = {}, a = {};
+  for (const l in e) {
+    const i = e[l];
+    if (/^table-/.test(l)) {
+      const g = l.replace("table-", "");
+      n[g] = i;
+    }
+    (/^search-/.test(l) || /^moreSearch-/.test(l)) && (a[l] = i), /^filter-/.test(l) && (r[l] = i);
+  }
+  return {
+    tableSlots: n,
+    searchSlots: a,
+    filterSlots: r
+  };
+}
+function Dt(e) {
+  const n = V(""), r = `#${e}-header`, a = `#${e}-footer`;
+  function l() {
+    var d, h;
+    const i = ((d = document.querySelector(a)) == null ? void 0 : d.clientHeight) || 0, g = ((h = document.querySelector(r)) == null ? void 0 : h.clientHeight) || 0;
+    n.value = `calc(100% - ${i + g}px)`;
+  }
+  return {
+    tableHeight: n,
+    calcTableHeight: l
+  };
+}
+const It = {
+  /**
+   * 列表列配置项
+   * 支持数组或字符串（字符串时从 tableConfig 获取）
+   */
+  tableColumns: {
+    type: [Array, String],
+    default: () => []
+  },
+  /**
+   * 表单筛选配置
+   */
+  searchColumns: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * 更多表单筛选配置
+   */
+  moreSearchColumns: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * 绑定的搜索参数
+   */
+  search: {
+    type: Object,
+    default: () => ({})
+  },
+  /**
+   * 请求方法
+   * @param {{ pageInfo: { page: number, limit: number }, params: Object }} options
+   * @returns {{ data: Array, total: number, success: boolean }}
+   */
+  request: {
+    type: Function,
+    default: () => {
+    }
+  },
+  /**
+   * 防抖时间（毫秒）
+   */
+  debounceTime: {
+    type: Number,
+    default: 500
+  },
+  /**
+   * 请求后回调
+   */
+  afterRequest: {
+    type: Function,
+    default: () => {
+    }
+  },
+  /**
+   * 是否初始化时请求
+   */
+  init: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * 分页每页条数
+   */
+  limit: {
+    type: Number,
+    default: 20
+  },
+  /**
+   * 底部 footer 反转
+   */
+  footerReverse: {
+    type: Boolean,
+    default: !1
+  }
+}, Mt = {
+  /**
+   * 是否多选表格
+   */
+  selection: {
+    type: [Boolean, Object],
+    default: !1
+  },
+  /**
+   * 是否展开表格
+   */
+  expand: {
+    type: [Boolean, Object],
+    default: !1
+  },
+  /**
+   * row 空值填充
+   */
+  emptyFill: {
+    type: String,
+    default: "--"
+  },
+  /**
+   * 是否显示序号列
+   */
+  index: {
+    type: [Boolean, Object],
+    default: !1
+  },
+  /**
+   * 是否有操作列
+   */
+  action: {
+    type: [Boolean, Object],
+    default: !1
+  },
+  /**
+   * 是否有行排序列
+   */
+  drop: {
+    type: [Boolean, Object],
+    default: !1
+  },
+  /**
+   * 列配置项
+   * 支持数组或字符串（字符串时从 tableConfig 获取）
+   */
+  columns: {
+    type: [Array, String],
+    default: () => []
+  },
+  /**
+   * 源数据
+   */
+  data: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * 表格高度
+   */
+  height: {
+    type: [String, Number]
+  },
+  /**
+   * 表格最大高度
+   */
+  maxHeight: {
+    type: [String, Number]
+  },
+  /**
+   * 同 element-plus table
+   */
+  fit: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * 斑马纹
+   */
+  stripe: Boolean,
+  /**
+   * 边框
+   */
+  border: Boolean,
+  /**
+   * 行数据的 Key
+   */
+  rowKey: {
+    type: [String, Function]
+  },
+  /**
+   * 是否显示表头
+   */
+  showHeader: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * 是否显示合计行
+   */
+  showSummary: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * 合计计算方法
+   */
+  summaryMethod: {
+    type: Function
+  },
+  /**
+   * 行 className
+   */
+  rowClassName: {
+    type: [String, Function]
+  },
+  /**
+   * 行 style
+   */
+  rowStyle: {
+    type: [Object, Function]
+  },
+  /**
+   * 单元格 className
+   */
+  cellClassName: {
+    type: [String, Function]
+  },
+  /**
+   * 单元格 style
+   */
+  cellStyle: {
+    type: [Object, Function]
+  },
+  headerRowClassName: [String, Function],
+  headerRowStyle: [Object, Function],
+  headerCellClassName: [String, Function],
+  headerCellStyle: [Object, Function],
+  highlightCurrentRow: Boolean,
+  currentRowKey: [String, Number],
+  emptyText: String,
+  expandRowKeys: Array,
+  defaultExpandAll: Boolean,
+  defaultSort: Object,
+  tooltipEffect: String,
+  spanMethod: Function,
+  selectOnIndeterminate: {
+    type: Boolean,
+    default: !0
+  },
+  indent: {
+    type: Number,
+    default: 16
+  },
+  treeProps: {
+    type: Object,
+    default: () => ({
+      hasChildren: "hasChildren",
+      children: "children"
+    })
+  },
+  lazy: Boolean,
+  load: Function,
+  style: {
+    type: Object,
+    default: () => ({})
+  },
+  className: {
+    type: String,
+    default: ""
+  },
+  /**
+   * 是否显示溢出提示
+   */
+  showOverflowTooltip: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * 对齐方式
+   */
+  align: {
+    type: String,
+    default: void 0
+  },
+  /**
+   * 表头对齐方式
+   */
+  headerAlign: {
+    type: String,
+    default: void 0
+  },
+  /**
+   * 尺寸
+   */
+  size: {
+    type: String,
+    default: void 0
+  },
+  /**
+   * 自定义表格宽度配置项
+   */
+  widthOptions: {
+    type: Object,
+    default: () => ({})
+  }
+}, Y = /* @__PURE__ */ U({
+  name: "Icon",
+  props: {
+    size: {
+      type: Number,
+      default: 16
+    },
+    color: {
+      type: String
+    },
+    name: {
+      required: !0,
+      type: String,
+      default: "Fold"
+    },
+    type: {
+      type: String
+    }
+  },
+  setup(e) {
+    const n = N(() => {
+      if (!e.size && !e.color && !e.type) return {};
+      const i = e.color || !e.type ? e.color : `var(--el-color-${e.type})`;
+      return {
+        fontSize: Nt(e.size) ? void 0 : ke(e.size),
+        color: i
+      };
+    }), r = N(() => e.color || !e.type ? {
+      color: e.color
+    } : {
+      color: `var(--el-color-${e.type})`
+    }), a = N(() => /^el-/.test(e.name)), l = N(() => a.value ? vt(e.name.replace("el-", "")) : "#icon-" + e.name);
+    return () => {
+      if (a.value) {
+        const i = Tt[l.value];
+        return z(Xe, {
+          size: e.size,
+          color: e.color,
+          class: "el-svg-icon",
+          style: r.value
+        }, {
+          default: () => [i ? z(i, null, null) : null]
+        });
+      }
+      return z("svg", {
+        class: "svg-icon",
+        "aria-hidden": "true",
+        style: n.value
+      }, [z("use", {
+        "xlink:href": l.value
+      }, null)]);
+    };
+  }
+});
+function je() {
+  const e = V(!1);
+  return {
+    visible: e,
+    openDialog: () => {
+      e.value = !0;
+    },
+    closeDialog: () => {
+      e.value = !1;
+    }
+  };
+}
+const Ut = {
+  title: {
+    type: String,
+    default: "列表显示字段"
+  },
+  type: {
+    type: String,
+    required: !0
+  }
+}, me = /* @__PURE__ */ U({
+  name: "MColumnSettings",
+  props: Ut,
+  emits: ["update:modelValue", "submit"],
+  setup(e, {
+    emit: n,
+    expose: r
+  }) {
+    const {
+      setTableConfig: a,
+      getTableConfig: l,
+      resetTableConfig: i
+    } = Oe(), {
+      visible: g,
+      openDialog: d,
+      closeDialog: h
+    } = je(), u = V([]), b = () => {
+      d(), u.value = JSON.parse(JSON.stringify(l(e.type) || [])).filter((S) => S.label);
+    }, c = (S) => !o(S.relatedContext.element), o = (S) => S.fixed === "left", f = () => {
+      a(e.type, u.value), n("update:modelValue", u.value), n("submit"), h();
+    }, T = () => {
+      i(e.type), n("submit"), h();
+    }, x = (S) => {
+      S.hide = !S.hide;
+    };
+    return r({
+      init: b
+    }), () => s("div", {
+      class: "m-column-settings"
+    }, [s(Ze, {
+      modelValue: g.value,
+      "onUpdate:modelValue": (S) => g.value = S,
+      size: "280px",
+      direction: "rtl",
+      modal: !0,
+      withHeader: !1,
+      appendToBody: !0,
+      destroyOnClose: !0,
+      onClose: h
+    }, {
+      default: () => [s("div", {
+        class: "m-drawer-title"
+      }, [s("span", null, e.title), s(Y, {
+        class: "cursor-pointer",
+        name: "el-close",
+        size: 16,
+        onClick: h
+      })]), s("div", {
+        class: "settings-body"
+      }, [s(xt, {
+        modelValue: u.value,
+        "onUpdate:modelValue": (S) => u.value = S,
+        draggable: ".settings-item",
+        filter: ".forbid",
+        itemKey: "prop",
+        move: c,
+        handle: ".handle"
+      }, {
+        item: ({
+          element: S
+        }) => s("div", {
+          class: "settings-item"
+        }, [s(Y, {
+          class: ["handle", "cursor-move", "mr-2", o(S) ? "forbid cursor-not-allowed" : ""],
+          name: "sortDot",
+          size: 20
+        }), s(ue, {
+          checked: !S.hide,
+          disabled: S.disabled,
+          onChange: () => x(S)
+        }, () => S.label)])
+      })])],
+      footer: () => s("div", {
+        class: "settings-footer"
+      }, [s(I, {
+        plain: !0,
+        onClick: h
+      }, () => "取消"), s(I, {
+        type: "primary",
+        onClick: f
+      }, () => "保存"), s(I, {
+        type: "primary",
+        plain: !0,
+        onClick: T
+      }, () => "恢复默认")])
+    })]);
+  }
+}), De = /* @__PURE__ */ U({
+  name: "MTableItem",
+  props: {
+    item: {
+      type: Object,
+      required: !0
+    },
+    size: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(e, {
+    slots: n
+  }) {
+    const {
+      item: r
+    } = ne(e), a = ae("defaultBind"), l = J(r, a), i = ae("columns"), g = ae("emptyFill");
+    function d(u) {
+      const b = he();
+      return n[r.value.prop + "-header"] ? n[r.value.prop + "-header"]({
+        ...u,
+        size: e.size
+      }) : r.value.isSetting ? z("div", {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: {
+            right: "flex-end",
+            center: "center",
+            left: "flex-start"
+          }[r.value.align || r.value.headerAlign]
+        }
+      }, [z("span", null, [r.value.label]), z(Y, {
+        name: r.value.icon || "el-operation",
+        onClick: () => b.value.init()
+      }, null), L(i) ? z(me, {
+        ref: b,
+        type: i
+      }, null) : null]) : r.value.label;
+    }
+    function h(u) {
+      var c, o;
+      let b = [];
+      if ((o = (c = r.value) == null ? void 0 : c.children) != null && o.length) {
+        const f = r.value.children.map((T) => s(De, {
+          item: T,
+          size: e.size
+        }, n));
+        b.push(f);
+      } else n[r.value.prop] ? b.push(n[r.value.prop]({
+        ...u,
+        size: e.size
+      })) : r.value.render ? b.push(ce(r.value.render) ? r.value.render(u.row, u.$index) : String(r.value.render)) : b.push(ie(u.row, r.value.prop, "") ?? g);
+      return b;
+    }
+    return () => z(K, l.value, {
+      header: (u) => d(u),
+      default: (u) => h(u)
+    });
+  }
+}), Ie = /* @__PURE__ */ U({
+  name: "Table",
+  props: Mt,
+  setup(e, {
+    slots: n,
+    expose: r
+  }) {
+    const {
+      selection: a,
+      expand: l,
+      index: i,
+      action: g,
+      height: d
+    } = ne(e), h = Ve(), u = Ot(e), b = Bt(e), c = J(a, b);
+    J(l, b);
+    const o = J(i, b), f = J(g, b), {
+      table: T,
+      clearSelection: x,
+      toggleRowSelection: S,
+      toggleAllSelection: A,
+      toggleRowExpansion: y,
+      setCurrentRow: w,
+      clearSort: E,
+      clearFilter: R,
+      doLayout: t,
+      sort: p,
+      getSelectionRows: v
+    } = Be(), k = Ye(e, "showOverflowTooltip", "align", "headerAlign");
+    oe("defaultBind", b), oe("columns", e.columns), oe("emptyFill", e.emptyFill), r({
+      clearSelection: x,
+      toggleRowSelection: S,
+      toggleAllSelection: A,
+      toggleRowExpansion: y,
+      setCurrentRow: w,
+      clearSort: E,
+      clearFilter: R,
+      doLayout: t,
+      getSelectionRows: v,
+      sort: p
+    });
+    function D() {
+      let m = [];
+      function P() {
+        const j = he();
+        return z("div", {
+          class: "flex items-center",
+          style: {
+            justifyContent: {
+              right: "flex-end",
+              center: "center",
+              left: "flex-start"
+            }[f.value.align || f.value.headerAlign]
+          }
+        }, [z("span", null, [f.value.label]), z(Y, {
+          name: f.value.icon || "el-operation",
+          onClick: () => j.value.init()
+        }, null), L(e.columns) ? z(me, {
+          ref: j,
+          type: e.columns
+        }, null) : null]);
+      }
+      if (l.value !== !1 && n.expand && m.push(z(K, q(bindExpand.value, {
+        type: "expand"
+      }), {
+        default: (j) => n.expand && n.expand(j)
+      })), a.value && m.push(z(K, q(c.value, {
+        type: "selection"
+      }), null)), i.value && m.push(z(K, q(o.value, {
+        type: "index"
+      }), null)), u.value) {
+        const j = u.value.map((O) => s(De, {
+          item: O,
+          size: e.size
+        }, n));
+        m = m.concat(j);
+      }
+      return n.default && (m = m.concat(n.default())), g.value !== !1 && n.action && m.push(z(K, f.value, {
+        default: (j) => n.action && n.action({
+          ...j,
+          size: e.size
+        }),
+        header: (j) => n["action-header"] ? n["action-header"]({
+          ...j,
+          size: e.size
+        }) : f.value.isSetting ? P() : s("span", {}, f.value.label)
+      })), m;
+    }
+    return () => z("div", {
+      style: {
+        height: ke(d.value)
+      }
+    }, [z(et, q(k, h.value, {
+      ref: T,
+      height: d.value ? "100%" : null
+    }), {
+      default: () => D(),
+      append: n.append,
+      empty: n.empty
+    })]);
+  }
+}), _t = {
+  modelValue: {
+    type: Object,
+    default: () => ({})
+  },
+  columns: {
+    type: Array,
+    default: () => []
+  },
+  inline: {
+    type: Boolean,
+    default: !1
+  },
+  labelWidth: {
+    type: [String, Number],
+    default: 80
+  },
+  labelPosition: {
+    type: String,
+    default: "top"
+  },
+  size: {
+    type: String,
+    default: void 0
+  },
+  menu: {
+    type: Object,
+    default: () => ({})
+  }
+}, _ = "value", ee = "label", Lt = [
+  "component",
+  "prop",
+  "data",
+  "render",
+  "children",
+  "slot",
+  "class",
+  "initValue",
+  "labelName",
+  "valueName",
+  "all",
+  "placeholder",
+  "prefixIcon",
+  "size",
+  "width",
+  "type",
+  "props"
+], fe = U({
+  name: "MForm",
+  props: _t,
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: n, slots: r, expose: a }) {
+    const { columns: l, modelValue: i, inline: g } = ne(e), d = V(null), h = N({
+      get: () => e.modelValue,
+      set: (t) => n("update:modelValue", t)
+    });
+    function u(t, p) {
+      const v = { ...h.value };
+      bt(v, t, p), n("update:modelValue", v), n("change", v);
+    }
+    function b(t) {
+      var p;
+      return (p = d.value) == null ? void 0 : p.validate(t);
+    }
+    function c() {
+      var t;
+      (t = d.value) == null || t.resetFields();
+    }
+    function o(t) {
+      var p;
+      (p = d.value) == null || p.clearValidate(t);
+    }
+    function f(t, p) {
+      var v;
+      (v = d.value) == null || v.validateField(t, p);
+    }
+    function T(t) {
+      var p, v;
+      (v = (p = d.value) == null ? void 0 : p.scrollToField) == null || v.call(p, t);
+    }
+    a({ validate: b, resetFields: c, clearValidate: o, validateField: f, scrollToField: T });
+    const x = V({ checked: !1, indeterminate: !1 });
+    function S(t) {
+      var p;
+      if (["cascader", "select"].includes(t.component) && t.all && !t.multiple) {
+        const v = [...t.data ?? []], k = L(t.all) ? t.all : "全部", D = t.labelName || ee;
+        return ((p = v == null ? void 0 : v[0]) == null ? void 0 : p[D]) !== k && v.unshift({
+          [D]: k,
+          [t.valueName || _]: 0
+        }), v;
+      }
+      return t.data;
+    }
+    function A() {
+      n("change", h.value);
+    }
+    function y(t, p) {
+      var v;
+      if (t.multiple && t.all) {
+        const k = ((v = S(t)) == null ? void 0 : v.length) || 0;
+        !p || p.length === 0 ? x.value = { checked: !1, indeterminate: !1 } : p.length === k ? x.value = { checked: !0, indeterminate: !1 } : x.value = { checked: !1, indeterminate: !0 };
+      }
+      A();
+    }
+    function w(t, p) {
+      p ? u(
+        t.prop,
+        (S(t) || []).map(
+          (v) => v[t.valueName || _]
+        )
+      ) : u(t.prop, []), x.value = { checked: !!p, indeterminate: !1 };
+    }
+    function E(t, p) {
+      const v = St(t, Lt), k = t.width !== void 0 ? typeof t.width == "number" ? `${t.width}px` : String(t.width) : void 0, D = k ? { width: k } : {};
+      switch (t.component) {
+        case "select": {
+          const m = t.labelName || ee, P = t.valueName || _, j = S(t);
+          return s(
+            dt,
+            {
+              ...v,
+              modelValue: p,
+              "onUpdate:modelValue": (O) => u(t.prop, O),
+              size: t.size,
+              style: D,
+              fitInputWidth: !0,
+              onChange: (O) => y(t, O),
+              ...t.clearable === void 0 ? { clearable: !0 } : {}
+            },
+            {
+              ...t.multiple && t.all ? {
+                header: () => s(
+                  ue,
+                  {
+                    modelValue: x.value.checked,
+                    indeterminate: x.value.indeterminate,
+                    onChange: (O) => w(t, O)
+                  },
+                  () => L(t.all) ? t.all : "全部"
+                )
+              } : {},
+              default: () => (j || []).map(
+                (O) => s(ft, {
+                  key: O[P],
+                  label: O[m],
+                  value: O[P],
+                  disabled: O.disabled
+                })
+              )
+            }
+          );
+        }
+        case "radio":
+          return s(
+            ct,
+            {
+              ...v,
+              modelValue: p,
+              "onUpdate:modelValue": (m) => u(t.prop, m),
+              size: t.size,
+              onChange: A
+            },
+            () => (t.data || []).map(
+              (m) => s(
+                st,
+                {
+                  key: m[t.valueName || _],
+                  label: m[t.valueName || _],
+                  disabled: m.disabled
+                },
+                () => m[t.labelName || ee]
+              )
+            )
+          );
+        case "checkbox":
+          return s(
+            it,
+            {
+              ...v,
+              modelValue: p ?? [],
+              "onUpdate:modelValue": (m) => u(t.prop, m),
+              size: t.size,
+              onChange: A
+            },
+            () => (t.data || []).map(
+              (m) => s(
+                ue,
+                {
+                  key: m[t.valueName || _],
+                  label: m[t.valueName || _],
+                  disabled: m.disabled
+                },
+                () => m[t.labelName || ee]
+              )
+            )
+          );
+        case "cascader":
+          return s(ut, {
+            ...v,
+            modelValue: p,
+            "onUpdate:modelValue": (m) => u(t.prop, m),
+            options: S(t) || [],
+            props: t.props || {},
+            size: t.size,
+            style: D,
+            clearable: !0,
+            onChange: A
+          });
+        case "treeSelect":
+          return s(rt, {
+            ...v,
+            modelValue: p,
+            "onUpdate:modelValue": (m) => u(t.prop, m),
+            data: t.data || [],
+            size: t.size,
+            style: D,
+            onChange: A
+          });
+        case "date":
+          return s(ot, {
+            ...v,
+            modelValue: p,
+            "onUpdate:modelValue": (m) => u(t.prop, m),
+            type: t.type || "date",
+            size: t.size,
+            style: D,
+            onChange: A
+          });
+        case "inputNumber":
+          return s(at, {
+            ...v,
+            modelValue: p,
+            "onUpdate:modelValue": (m) => u(t.prop, m),
+            size: t.size,
+            style: D,
+            onChange: A
+          });
+        case "input":
+        default:
+          return s(lt, {
+            ...v,
+            modelValue: p,
+            "onUpdate:modelValue": (m) => u(t.prop, m),
+            placeholder: t.placeholder,
+            size: t.size,
+            style: D,
+            clearable: t.clearable === void 0 ? !0 : t.clearable,
+            onKeydown: (m) => {
+              m.key === "Enter" && A();
+            }
+          });
+      }
+    }
+    function R(t) {
+      return s(
+        nt,
+        {
+          key: t.prop,
+          label: t.label,
+          prop: t.prop
+        },
+        {
+          default: () => {
+            const p = yt(h.value, t.prop), v = p ? ie(h.value, t.prop, "") : t.initValue !== void 0 ? t.initValue : "";
+            return r[t.prop] ? r[t.prop]({
+              item: t,
+              value: p ? ie(h.value, t.prop) : v,
+              setValue: (k) => u(t.prop, k)
+            }) : E(t, v);
+          }
+        }
+      );
+    }
+    return () => {
+      const t = l.value.map((p, v) => Array.isArray(p) ? p.map(
+        (k) => s("div", { key: `${k.prop}-${v}`, class: "m-form-item-group" }, [
+          R(k)
+        ])
+      ) : R(p));
+      return s(
+        tt,
+        {
+          ref: d,
+          model: h.value,
+          inline: g.value,
+          labelWidth: e.labelWidth,
+          labelPosition: e.labelPosition,
+          size: e.size
+        },
+        {
+          default: () => [...t, r.default && r.default()]
+        }
+      );
+    };
+  }
+}), re = /* @__PURE__ */ new Map(), Me = /* @__PURE__ */ U({
+  name: "Filter",
+  props: {
+    searchColumns: {
+      type: Array,
+      default: () => []
+    },
+    moreSearchColumns: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: {
+      type: Object,
+      default: () => ({})
+    },
+    size: {
+      type: String,
+      default: "default"
+    },
+    labelWidth: {
+      type: [String, Number],
+      default: 80
+    },
+    width: {
+      type: String,
+      default: "240px"
+    },
+    isSearch: {
+      type: Boolean,
+      default: !0
+    },
+    isMore: {
+      type: Boolean,
+      default: !0
+    },
+    isReset: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["search", "update:modelValue", "reset", "change", "more", "activated"],
+  setup(e, {
+    emit: n,
+    expose: r
+  }) {
+    const a = pe(), {
+      visible: l,
+      openDialog: i,
+      closeDialog: g
+    } = je(), d = N({
+      get: () => e.modelValue,
+      set: (y) => n("update:modelValue", y)
+    }), h = N(() => e.searchColumns.map((y, w) => (w > 1 && (y.class = y.class ? y.class + " hidden-below-2xl" : "hidden-below-2xl"), y))), u = {}, b = {};
+    for (const y in a) {
+      const w = a[y];
+      if (/^search-/.test(y)) {
+        const E = y.replace("search-", "");
+        u[E] = w;
+      }
+      if (/^moreSearch-/.test(y)) {
+        const E = y.replace("moreSearch-", "");
+        b[E] = w;
+      }
+    }
+    let c;
+    try {
+      c = void 0;
+    } catch {
+    }
+    Fe(() => {
+      c && re.has(c) && (d.value = re.get(c), n("activated"));
+    }), qe(() => {
+      c && re.set(c, G(d));
+    });
+    const o = () => {
+      const y = {};
+      e.searchColumns && e.searchColumns.forEach((w) => {
+        Q(w) ? w.forEach((E) => {
+          y[E.prop] = E.initValue ?? "";
+        }) : y[w.prop] = w.initValue ?? "";
+      }), e.moreSearchColumns && e.moreSearchColumns.forEach((w) => {
+        Q(w) ? w.forEach((E) => {
+          y[E.prop] = E.initValue ?? "";
+        }) : y[w.prop] = w.initValue ?? "";
+      }), d.value = y;
+    };
+    function f() {
+      n("search");
+    }
+    function T() {
+      l.value = !1, n("search");
+    }
+    function x() {
+      o(), n("search"), n("reset"), g();
+    }
+    function S() {
+      i(), n("more");
+    }
+    function A(y) {
+      n("change", y);
+    }
+    return r({
+      initSearchParams: o
+    }), () => {
+      var y, w, E;
+      return s("div", {
+        class: "m-filter"
+      }, [s("div", {
+        class: "m-filter-l"
+      }, [s(fe, {
+        modelValue: d.value,
+        "onUpdate:modelValue": (R) => d.value = R,
+        columns: h.value,
+        inline: !0,
+        onChange: A
+      }, u), (y = a.default) == null ? void 0 : y.call(a), ((w = a["menu-left"]) == null ? void 0 : w.call(a)) || s("div", {
+        class: "flex items-center"
+      }, [e.isSearch && s(I, {
+        type: "primary",
+        onClick: f
+      }, () => "搜索"), e.isMore && e.moreSearchColumns.length > 0 && s(I, {
+        onClick: S
+      }, () => "更多筛选"), e.isReset && s(I, {
+        onClick: x
+      }, () => "重置")])].filter(Boolean)), s("div", {
+        class: "m-filter-r"
+      }, [(E = a["menu-right"]) == null ? void 0 : E.call(a)]), e.moreSearchColumns.length > 0 ? s(ht, {
+        modelValue: l.value,
+        "onUpdate:modelValue": (R) => l.value = R,
+        top: "150px",
+        width: "900px",
+        draggable: !0
+      }, {
+        header: () => {
+          var R;
+          return s("div", {
+            class: "flex justify-between items-center"
+          }, [s("span", null, "更多筛选"), (R = a["moreSearch-title-right"]) == null ? void 0 : R.call(a)]);
+        },
+        default: () => s(fe, {
+          modelValue: d.value,
+          "onUpdate:modelValue": (R) => d.value = R,
+          columns: e.moreSearchColumns,
+          labelWidth: e.labelWidth
+        }, b),
+        footer: () => s("div", null, [s(I, {
+          type: "primary",
+          onClick: T
+        }, () => "确定"), s(I, {
+          onClick: g
+        }, () => "取消"), s(I, {
+          onClick: x
+        }, () => "重置")])
+      }) : null]);
+    };
+  }
+});
+Math.easeInOutQuad = function(e, n, r, a) {
+  return e /= a / 2, e < 1 ? r / 2 * e * e + n : (e--, -r / 2 * (e * (e - 2) - 1) + n);
+};
+let Pt = (function() {
+  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(e) {
+    window.setTimeout(e, 1e3 / 60);
+  };
+})();
+function Wt(e) {
+  document.documentElement.scrollTop = e, document.body.parentNode.scrollTop = e, document.body.scrollTop = e;
+}
+function $t() {
+  return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop;
+}
+function Ee(e, n, r) {
+  const a = $t(), l = e - a, i = 20;
+  let g = 0;
+  n = typeof n > "u" ? 500 : n;
+  let d = function() {
+    g += i;
+    let h = Math.easeInOutQuad(g, a, l, n);
+    Wt(h), g < n && Pt(d);
+  };
+  d();
+}
+const Ue = /* @__PURE__ */ U({
+  name: "Pagination",
+  props: {
+    total: {
+      required: !0,
+      type: Number
+    },
+    page: {
+      type: Number,
+      default: 1
+    },
+    limit: {
+      type: Number,
+      default: 20
+    },
+    pageSizes: {
+      type: Array,
+      default() {
+        return [10, 20, 30, 50];
+      }
+    },
+    layout: {
+      type: String,
+      default: "total, sizes, prev, pager, next, jumper"
+    },
+    autoScroll: {
+      type: Boolean,
+      default: !0
+    },
+    hidden: {
+      type: Boolean,
+      default: !1
+    },
+    background: {
+      type: Boolean,
+      default: !0
+    },
+    simple: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:page", "update:limit", "pagination"],
+  setup(e, {
+    emit: n
+  }) {
+    const r = Ve(), a = N(() => Ct(r.value, wt(pt))), l = N(() => e.simple ? "prev, pager, next" : e.layout), i = N({
+      get() {
+        return e.page;
+      },
+      set(u) {
+        n("update:page", u);
+      }
+    }), g = N({
+      get() {
+        return e.limit;
+      },
+      set(u) {
+        n("update:limit", u);
+      }
+    });
+    function d(u) {
+      n("pagination", {
+        page: i.value,
+        limit: u
+      }), e.autoScroll && Ee(0, 800);
+    }
+    function h(u) {
+      n("pagination", {
+        page: u,
+        limit: g.value
+      }), e.autoScroll && Ee(0, 800);
+    }
+    return () => z("div", {
+      class: "m-pagination"
+    }, [z(gt, q(a.value, {
+      currentPage: i.value
+    }, {
+      "onUpdate:currentPage": (u) => i.value = u
+    }, {
+      pageSize: g.value
+    }, {
+      "onUpdate:pageSize": (u) => g.value = u
+    }, {
+      layout: l.value,
+      "page-sizes": e.pageSizes,
+      total: e.total,
+      background: e.background,
+      onSizeChange: d,
+      onCurrentChange: h
+    }), null)]);
+  }
+}), Ht = U({
+  name: "Crud",
+  props: It,
+  emits: ["update:search", "reset"],
+  setup(e, { emit: n, expose: r }) {
+    const a = Ke(), l = pe(), i = V([]), { tableSlots: g, filterSlots: d, searchSlots: h } = jt(), u = `a${Math.floor(Math.random() * 1e6)}`, { tableHeight: b, calcTableHeight: c } = Dt(u), o = V(!1), f = V(0), { tableColumns: T, searchColumns: x, moreSearchColumns: S, footerReverse: A } = ne(e), y = V([]), w = V(1), E = V(e.limit), R = V(e.pageSizes), t = V({});
+    zt({
+      el: window,
+      name: "resize",
+      listener: () => {
+        c();
+      }
+    });
+    const {
+      table: p,
+      clearSelection: v,
+      toggleRowSelection: k,
+      toggleAllSelection: D,
+      toggleRowExpansion: m,
+      setCurrentRow: P,
+      clearSort: j,
+      clearFilter: O,
+      doLayout: _e,
+      sort: Le
+    } = Be();
+    async function Pe() {
+      try {
+        if (ce(e.request)) {
+          o.value = !0;
+          const {
+            data: C,
+            success: F,
+            total: Z
+          } = await e.request({
+            pageInfo: { page: w.value, limit: E.value },
+            params: t.value
+          });
+          o.value = !1, F ? (f.value = Z, y.value = C) : (y.value = [], f.value = 0), te(() => {
+            var H;
+            ce(e.afterRequest) && ((H = e.afterRequest) == null || H.call(e, G(y)));
+          });
+        } else
+          throw new TypeError(
+            "Type of the default value for 'request' prop must be a function"
+          );
+      } catch (C) {
+        throw o.value = !1, C;
+      }
+    }
+    const le = () => {
+      e.searchColumns && e.searchColumns.forEach((C) => {
+        Q(C) ? C.forEach((F) => {
+          t.value[F.prop] = F.initValue ?? "";
+        }) : t.value[C.prop] = C.initValue ?? "";
+      }), e.moreSearchColumns && e.moreSearchColumns.forEach((C) => {
+        Q(C) ? C.forEach((F) => {
+          t.value[F.prop] = F.initValue ?? "";
+        }) : t.value[C.prop] = C.initValue ?? "";
+      });
+    }, X = Ne(Pe, e.debounceTime);
+    Je(() => {
+      le(), e.init && X(), te(() => {
+        c();
+      });
+    });
+    let ve = !0;
+    Fe(() => {
+      c(), !ve && y.value.length === 0 && X(), ve = !1;
+    });
+    const We = (C) => {
+      i.value = C;
+    }, $ = (C = !1) => {
+      C && (w.value = 1), X();
+    }, $e = () => {
+      n("reset"), le(), $(!0);
+    };
+    r({
+      pageTotal: f,
+      initSearchParams: le,
+      refresh: $,
+      search: t,
+      table: p,
+      clearSelection: v,
+      toggleRowSelection: k,
+      toggleAllSelection: D,
+      toggleRowExpansion: m,
+      setCurrentRow: P,
+      clearSort: j,
+      clearFilter: O,
+      doLayout: _e,
+      sort: Le,
+      data: y,
+      calcTableHeight: c,
+      selectionList: i
+    });
+    const ye = {};
+    for (const C in g)
+      ye[C] = (F) => g[C]({
+        row: F == null ? void 0 : F.row,
+        index: F == null ? void 0 : F.$index
+      });
+    const be = {};
+    ["action", "action-header", "expand", "append", "empty"].forEach((C) => {
+      l[C] && (be[C] = (F) => l[C]({ ...F || {}, size: void 0 }));
+    });
+    const Se = {};
+    for (const C in h)
+      Se[C] = () => h[C]({ params: t.value });
+    return () => {
+      var C, F, Z, H, Ce, we, Te, xe;
+      return s("section", { class: "m-crud" }, [
+        // Header
+        s("div", { id: `${u}-header`, class: "m-crud-header" }, [
+          ((C = l.header) == null ? void 0 : C.call(l)) || [
+            ((F = l["menu-left"]) == null ? void 0 : F.call(l)) || s("div", { class: "flex items-center" }, [
+              (Z = l["form-menu-top"]) == null ? void 0 : Z.call(l),
+              s("div", { class: "flex items-center" }, [
+                (H = l["form-menu-left"]) == null ? void 0 : H.call(l),
+                s(
+                  Me,
+                  {
+                    modelValue: t.value,
+                    "onUpdate:modelValue": (B) => t.value = B,
+                    searchColumns: x.value,
+                    moreSearchColumns: S.value,
+                    ...a,
+                    onSearch: () => $(!0),
+                    onChange: () => $(!0),
+                    onActivated: () => $(!1),
+                    onReset: $e
+                  },
+                  {
+                    ...Se,
+                    ...d,
+                    "form-menu-right": () => {
+                      var B;
+                      return (B = l["form-menu-right"]) == null ? void 0 : B.call(l, { search: t.value });
+                    },
+                    "moreSearch-title-right": () => {
+                      var B;
+                      return (B = l["moreSearch-title-right"]) == null ? void 0 : B.call(l);
+                    }
+                  }
+                )
+              ])
+            ]),
+            s("div", { class: "flex-1 flex justify-end" }, [
+              (Ce = l["menu-right"]) == null ? void 0 : Ce.call(l)
+            ])
+          ]
+        ]),
+        // Body
+        s(
+          "div",
+          { class: "m-crud-body", style: { height: `calc(100% - ${b.value || "120px"})` } },
+          [
+            ((we = l.table) == null ? void 0 : we.call(l, { data: y.value })) || Ge(
+              s(
+                Ie,
+                {
+                  ref: p,
+                  height: "100%",
+                  columns: T.value,
+                  data: y.value,
+                  ...a,
+                  onSelectionChange: (B) => We(B)
+                },
+                { ...be, ...ye }
+              ),
+              [[mt, o.value]]
+            )
+          ]
+        ),
+        // Footer
+        s(
+          "div",
+          {
+            id: `${u}-footer`,
+            class: [
+              "m-crud-footer",
+              A.value ? "flex-row-reverse" : ""
+            ]
+          },
+          [
+            ((Te = l.footer) == null ? void 0 : Te.call(l)) || [
+              s("div", {}, [(xe = l.batch) == null ? void 0 : xe.call(l, { list: i.value })]),
+              // 与原版 v-show 行为一致：total 为 0 时隐藏但不卸载
+              s(Ue, {
+                style: f.value > 0 ? void 0 : { display: "none" },
+                page: w.value,
+                "onUpdate:page": (B) => w.value = B,
+                limit: E.value,
+                "onUpdate:limit": (B) => E.value = B,
+                pageSizes: R.value,
+                "onUpdate:pageSizes": (B) => R.value = B,
+                total: f.value,
+                ...a,
+                onPagination: X
+              })
+            ]
+          ]
+        )
+      ]);
+    };
+  }
+}), tn = () => {
+  const e = V(), n = N({
+    get() {
+      var o;
+      return (o = e.value) == null ? void 0 : o.search;
+    },
+    set(o) {
+      e.value.search = o;
+    }
+  }), r = N(() => {
+    var o;
+    return ((o = e.value) == null ? void 0 : o.data) || [];
+  }), a = N(() => {
+    var o;
+    return (o = e.value) == null ? void 0 : o.pageTotal;
+  }), l = N(() => {
+    var o;
+    return (o = e.value) == null ? void 0 : o.selectionList;
+  });
+  return {
+    crudRef: (o) => {
+      e.value = o;
+    },
+    search: n,
+    doLayout: () => {
+      te(() => {
+        var o;
+        (o = e.value) == null || o.calcTableHeight();
+      });
+    },
+    data: r,
+    refresh: () => {
+      var o;
+      (o = e.value) == null || o.refresh();
+    },
+    pageTotal: a,
+    calcHeight: () => {
+      te(() => {
+        var o;
+        (o = e.value) == null || o.calcTableHeight();
+      });
+    },
+    initSearchParams: () => {
+      var o;
+      (o = e.value) == null || o.initSearchParams();
+    },
+    selectionList: l,
+    toggleAllSelection: () => {
+      var o;
+      (o = e.value) == null || o.toggleAllSelection();
+    },
+    toggleRowSelection: (o, f) => {
+      var T;
+      (T = e.value) == null || T.toggleRowSelection(o, f);
+    }
+  };
+}, qt = [Ht, Ie, Me, fe, Ue, Y, me], Kt = (e) => {
+  qt.forEach((n) => {
+    const r = n.name || n.__name;
+    r && e.component(r, n);
+  });
+}, nn = {
+  install: Kt
+};
+export {
+  me as ColumnSettings,
+  Ht as Crud,
+  Me as Filter,
+  fe as Form,
+  Y as Icon,
+  Ue as Pagination,
+  Ie as Table,
+  en as clearTableConfig,
+  nn as default,
+  Zt as registerTableConfig,
+  tn as useCrud,
+  zt as useEventListener,
+  je as useOpenDialog,
+  Oe as useTableConfig
+};
+//# sourceMappingURL=element-crud.es.js.map