zhihao-ui 1.2.13 → 1.2.14

package/dist/es/Table-B9yUodsT.js

@@ -0,0 +1,1121 @@
+import { reactive as Y, computed as V, toRefs as Fe, ref as R, defineComponent as ae, useCssVars as rt, inject as Oe, openBlock as _, createElementBlock as z, createBlock as L, resolveDynamicComponent as de, mergeProps as X, withKeys as st, unref as g, createSlots as pe, withCtx as S, Fragment as Z, renderList as he, renderSlot as j, createElementVNode as E, toDisplayString as Q, createVNode as P, withModifiers as ut, normalizeClass as Ae, createCommentVNode as B, createTextVNode as G, resolveComponent as ie, useSlots as Ue, normalizeProps as ct, guardReactiveProps as it, nextTick as me, onMounted as dt, onActivated as pt, onDeactivated as ht, onUnmounted as mt, watch as ft, provide as gt, resolveDirective as vt, withDirectives as ye, vShow as bt, toHandlers as yt } from "vue";
+import { N as Ke, Q as Ct, R as St, U as xe, Y as _t, f as wt, Z as kt, j as Pt, _ as Tt, K as fe, E as Ie, $ as _e, a0 as Et, a1 as Ne, e as H, g as We, a2 as $t, a3 as je, a4 as Bt, a5 as Rt, a6 as zt, i as It, a7 as Mt, a8 as Lt, m as Ce, a9 as Dt, d as Vt, aa as Ft, ab as Me, ac as Le } from "./vendor-CUDSGmu_.js";
+import { D as ee, C as Ot } from "./DatePicker-Cc2HzfbO.js";
+import { _ as oe, Z as Se } from "./Button-B9P_SsZw.js";
+import { _ as At } from "./Dialog-CPGMb7bN.js";
+import { w as Ut } from "./utils-BbabHGt0.js";
+const Kt = (b, c = {}, a = !0, d, p, C = (t) => t) => {
+  const t = Y({
+    // 表格数据
+    tableData: [],
+    // 分页数据
+    pageable: {
+      // 当前页数
+      page: 1,
+      // 每页显示条数
+      size: 10,
+      // 总条数
+      total: 0
+    },
+    // 查询参数(只包括查询)
+    searchParam: {},
+    // 初始化默认的查询参数
+    searchInitParam: {},
+    // 总参数(包含分页和查询参数)
+    totalParam: {},
+    // 是否在加载中
+    loading: !1
+  }), v = V({
+    get: () => ({
+      page: t.pageable.page,
+      size: t.pageable.size
+    }),
+    set: (k) => {
+      console.log("我是分页更新之后的值", k);
+    }
+  }), o = async () => {
+    if (t.loading = !0, !b) {
+      t.loading = !1;
+      return;
+    }
+    try {
+      const k = localStorage.getItem("MytaskGotoListPageQuery");
+      if (k) {
+        c = {}, t.totalParam = {};
+        const s = JSON.parse(k);
+        c = { ...c, ...s }, t.searchParam = { ...s };
+      }
+      Object.assign(t.totalParam, c, a ? v.value : {}), console.log(c, t.totalParam, "totalParam");
+      for (const s in t.searchParam)
+        t.searchParam[s] === "" && delete t.searchParam[s];
+      let e = await b(C({ ...t.searchInitParam, ...t.totalParam }));
+      if (d && (e = await d(e)), t.tableData = a ? e.list : e, a) {
+        const { currentPage: s, pageSize: r, total: m } = e;
+        N({ page: s, size: r, total: m });
+      }
+    } catch (k) {
+      p && p(k);
+    } finally {
+      t.loading = !1;
+    }
+  }, h = () => {
+    t.totalParam = {}, t.searchInitParam = {}, c = {};
+    const k = {};
+    for (const e in t.searchParam)
+      (t.searchParam[e] || t.searchParam[e] === !1 || t.searchParam[e] === 0) && (k[e] = t.searchParam[e]);
+    Object.assign(t.totalParam, k, a ? v.value : {});
+  }, N = (k) => {
+    Object.assign(t.pageable, k);
+  }, F = () => {
+    t.pageable.page = 1, h(), o().then();
+  }, W = () => {
+    t.pageable.page = 1, t.searchParam = { ...t.searchInitParam }, h(), o().then();
+  }, A = (k) => {
+    t.pageable.page = 1, t.pageable.size = k, o().then();
+  }, O = (k) => {
+    t.pageable.page = k, o().then();
+  };
+  return {
+    ...Fe(t),
+    getTableList: o,
+    search: F,
+    reset: W,
+    handleSizeChange: A,
+    handleCurrentChange: O,
+    updatedTotalParam: h
+  };
+}, xt = (b = "id", c) => {
+  const a = R(!1), d = R([]), p = V(() => {
+    let t = [];
+    return d.value.forEach((v) => t.push(Ke(v, b))), t;
+  });
+  return {
+    isSelected: a,
+    selectedList: d,
+    selectedListIds: p,
+    selectionChange: (t) => {
+      t.length ? a.value = !0 : a.value = !1, d.value = t, c && c(t);
+    }
+  };
+}, Nt = 12;
+function we(b, c, a, d) {
+  return b.reduce((p, C) => {
+    if (p) return p;
+    if (C[a] === c) return C;
+    if (C[d]) return we(C[d], c, a, d);
+  }, null);
+}
+function Wt(b, c, a) {
+  const d = St(a) ? ee : a, p = Ke(b, c);
+  return Ct(p) || p === "" ? d : p;
+}
+const De = Wt;
+function x(b) {
+  const c = b.split(".");
+  return c.length == 1 ? b : c[c.length - 1];
+}
+function Ve(b, c, a, d) {
+  const p = (a == null ? void 0 : a.value) ?? "value", C = (a == null ? void 0 : a.label) ?? "label", t = (a == null ? void 0 : a.children) ?? "children";
+  let v = {};
+  return Array.isArray(c) && (v = we(c, b, p, t)), d == "tag" ? v != null && v.tagType ? v.tagType : "" : v ? v[C] : ee;
+}
+function jt(b, c, a) {
+  const d = "value", p = "children";
+  let C = {};
+  return Array.isArray(c) && (C = we(c, b, d, p)), C;
+}
+function Ht(b) {
+  return xe(b) ? b.length ? b.join(" / ") : ee : b ?? ee;
+}
+function ce(b, c) {
+  return c.includes(".") ? (c.split(".").forEach((a) => b = b[a] ?? ee), b) : b[c] ?? ee;
+}
+const te = (b, c) => {
+  const a = c || Nt, p = document.createElement("canvas").getContext("2d");
+  return p.font = `${a}px Microsoft YaHei`, p.measureText(b).width;
+}, qt = (b) => {
+  const c = b || "zhihao-col-setting", a = () => {
+    const v = localStorage.getItem(c);
+    return v ? JSON.parse(v) : {};
+  }, d = (v) => {
+    localStorage.setItem(c, JSON.stringify(v));
+  };
+  return {
+    getMap: a,
+    setMap: d,
+    getColumnCache: (v) => a()[v] || [],
+    setColumnCache: (v, o) => {
+      const h = a();
+      h[v] = o, d(h);
+    },
+    removeColumnCache: (v) => {
+      const o = a();
+      delete o[v], d(o);
+    }
+  };
+}, Zt = { class: "search-form-item" }, Gt = /* @__PURE__ */ ae({
+  __name: "SearchFormItem",
+  props: {
+    column: {},
+    searchParam: {}
+  },
+  emits: ["search"],
+  setup(b, { emit: c }) {
+    rt((e) => ({
+      "00203d4e": F.value
+    }));
+    const a = b, d = c, p = V(() => a.searchParam), C = V(() => {
+      var e, s, r;
+      return {
+        label: ((e = a.column.fieldNames) == null ? void 0 : e.label) ?? "label",
+        value: ((s = a.column.fieldNames) == null ? void 0 : s.value) ?? "value",
+        children: ((r = a.column.fieldNames) == null ? void 0 : r.children) ?? "children"
+      };
+    }), t = Oe("enumMap", R(/* @__PURE__ */ new Map())), v = V(() => {
+      var s;
+      let e = t.value.get(a.column.prop);
+      return e ? (((s = a.column.search) == null ? void 0 : s.el) === "select-v2" && a.column.fieldNames && (e = e.map((r) => ({ ...r, label: r[C.value.label], value: r[C.value.value] }))), e) : [];
+    }), o = V(() => {
+      var e, s;
+      return ((s = (e = a.column.search) == null ? void 0 : e.props) == null ? void 0 : s.options) ?? v.value ?? [];
+    }), h = V(() => {
+      var $, l;
+      const e = C.value.label, s = C.value.value, r = C.value.children, m = ($ = a.column.search) == null ? void 0 : $.el;
+      let f = ((l = a.column.search) == null ? void 0 : l.props) ?? {};
+      return m === "tree-select" && (f = { ...f, props: { ...f.props, label: e, children: r }, nodeKey: s }), m === "cascader" && (f = { ...f, props: { ...f.props, label: e, value: s, children: r } }), f;
+    }), N = V(() => {
+      var r, m, f, $, l, w, T;
+      const e = a.column.search;
+      return ["datetimerange", "daterange", "monthrange"].includes((r = e == null ? void 0 : e.props) == null ? void 0 : r.type) || (m = e == null ? void 0 : e.props) != null && m.isRange ? {
+        rangeSeparator: ((f = e == null ? void 0 : e.props) == null ? void 0 : f.rangeSeparator) ?? "-",
+        startPlaceholder: (($ = e == null ? void 0 : e.props) == null ? void 0 : $.startPlaceholder) ?? "开始时间",
+        endPlaceholder: ((l = e == null ? void 0 : e.props) == null ? void 0 : l.endPlaceholder) ?? "结束时间"
+      } : { placeholder: ((w = e == null ? void 0 : e.props) == null ? void 0 : w.placeholder) ?? ((T = e == null ? void 0 : e.el) != null && T.includes("input") ? "请输入" : "请选择") };
+    }), F = V(() => {
+      var f, $;
+      const e = a.column.search, s = p.value[(e == null ? void 0 : e.key) ?? x(a.column.prop)], r = e == null ? void 0 : e.el, m = (f = e == null ? void 0 : e.props) == null ? void 0 : f.placeholder;
+      if (e != null && e.width)
+        if (_t(e == null ? void 0 : e.width)) {
+          if (e == null ? void 0 : e.width(s))
+            return (e == null ? void 0 : e.width(s)) + "px";
+        } else
+          return (e == null ? void 0 : e.width) + "px";
+      if (s && s.length !== 0 && ["select", "select-v2", "tree-select", "cascader"].includes(r || "")) {
+        if (xe(s)) {
+          let T = o.value;
+          const I = [];
+          if (s.forEach((D) => {
+            const U = T.find((ge) => ge[C.value.value] === D);
+            I.push(U ? U[C.value.label] : D);
+            const q = U[C.value.children] ?? o.value;
+            T = U ? q : [];
+          }), ($ = e == null ? void 0 : e.props) != null && $.multiple) {
+            const q = te(I[0]) + 42;
+            return s.length > 1 ? q + 26 + te("+ " + (s.length - 1)) + "px" : q + "px";
+          }
+          return te(I.join(" / ")) + "px";
+        }
+        let l = o.value.find((T) => T[C.value.value] === s);
+        const w = l ? l[C.value.label] : s;
+        return te(w) + "px";
+      } else return m ? te(m) + "px" : "100px";
+    }), W = V(() => {
+      var e, s, r, m, f;
+      return (r = (s = (e = a.column) == null ? void 0 : e.search) == null ? void 0 : s.props) != null && r.multiple && ((f = (m = a.column) == null ? void 0 : m.search) == null ? void 0 : f.el) === "select" ? {
+        collapseTags: !0,
+        collapseTagsTooltip: !0
+      } : {};
+    }), A = V(() => {
+      var s;
+      const e = a.column.search;
+      return ((s = e == null ? void 0 : e.props) == null ? void 0 : s.clearable) ?? ((e == null ? void 0 : e.defaultValue) == null || !1);
+    }), O = (e) => {
+      var s, r, m, f, $, l, w, T, I;
+      if (((m = (r = (s = a.column) == null ? void 0 : s.search) == null ? void 0 : r.props) == null ? void 0 : m.type) === "daterange") {
+        const { searchParam: D } = Fe(a);
+        if (e != null && e.length) {
+          const U = ((l = ($ = (f = a.column) == null ? void 0 : f.search) == null ? void 0 : $.props) == null ? void 0 : l.beginTime) || "beginTime", q = ((I = (T = (w = a.column) == null ? void 0 : w.search) == null ? void 0 : T.props) == null ? void 0 : I.endTime) || "endTime";
+          D.value[U] = e[0], D.value[q] = e[1];
+        } else
+          delete D.value.beginTime, delete D.value.endTime;
+      }
+      (e == null || e === "") && d("search"), e instanceof Array && !e.length && d("search");
+    }, k = () => {
+      var e;
+      ["input", "input-number"].includes(((e = a.column.search) == null ? void 0 : e.el) || "") && d("search");
+    };
+    return (e, s) => {
+      var r, m, f, $, l, w, T;
+      return _(), z("div", Zt, [
+        (_(), L(de(((r = e.column.search) == null ? void 0 : r.render) ?? `el-${(m = e.column.search) == null ? void 0 : m.el}`), X({ ...h.value, ...N.value, searchParam: p.value, clearable: A.value, ...W.value }, {
+          modelValue: p.value[((f = e.column.search) == null ? void 0 : f.key) ?? g(x)(e.column.prop)],
+          "onUpdate:modelValue": s[0] || (s[0] = (I) => {
+            var D;
+            return p.value[((D = e.column.search) == null ? void 0 : D.key) ?? g(x)(e.column.prop)] = I;
+          }),
+          modelModifiers: { trim: !0 },
+          data: (($ = e.column.search) == null ? void 0 : $.el) === "tree-select" ? v.value : [],
+          options: o.value,
+          "prefix-icon": (w = (l = e.column.search) == null ? void 0 : l.props) == null ? void 0 : w.prefixIcon,
+          onChange: O,
+          onKeyup: st(k, ["enter"])
+        }), pe({
+          default: S(() => {
+            var I;
+            return [
+              ((I = e.column.search) == null ? void 0 : I.el) === "select" ? (_(!0), z(Z, { key: 0 }, he(v.value, (D, U) => (_(), L(de("el-option"), {
+                key: U,
+                label: D[C.value.label] ?? "",
+                value: D[C.value.value]
+              }, null, 8, ["label", "value"]))), 128)) : j(e.$slots, "default", { key: 1 }, void 0, !0)
+            ];
+          }),
+          _: 2
+        }, [
+          ((T = e.column.search) == null ? void 0 : T.el) === "cascader" ? {
+            name: "default",
+            fn: S(({ data: I }) => [
+              E("span", null, Q(I[C.value.label]), 1)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["modelValue", "data", "options", "prefix-icon"]))
+      ]);
+    };
+  }
+}), Qt = /* @__PURE__ */ oe(Gt, [["__scopeId", "data-v-b34b8b6d"]]), Jt = { class: "table-search" }, Yt = { key: 0 }, Xt = {
+  key: 0,
+  class: "operation"
+}, ea = /* @__PURE__ */ ae({
+  __name: "SearchForm",
+  props: {
+    columns: { default: () => [] },
+    searchParam: { default: () => ({}) },
+    search: {},
+    reset: {},
+    isShowResetBtn: { type: Boolean, default: !0 },
+    isShowSearchBtn: { type: Boolean, default: !0 }
+  },
+  setup(b) {
+    const c = b;
+    return (a, d) => (_(), z("div", Jt, [
+      P(g(wt), {
+        ref: "formRef",
+        model: a.searchParam,
+        class: "table-search--left",
+        onSubmit: d[0] || (d[0] = ut(() => {
+        }, ["prevent"]))
+      }, {
+        default: S(() => [
+          j(a.$slots, "default", {}, void 0, !0),
+          a.columns.length ? (_(), z(Z, { key: 0 }, [
+            (_(!0), z(Z, null, he(a.columns, (p) => {
+              var C, t, v;
+              return _(), z(Z, {
+                key: p.prop
+              }, [
+                !g(kt)((C = p.search) == null ? void 0 : C.isShow) || (t = p.search) != null && t.isShow ? (_(), z("div", Yt, [
+                  P(g(Pt), null, pe({
+                    default: S(() => [
+                      P(Qt, {
+                        column: p,
+                        "search-param": a.searchParam,
+                        onSearch: a.search
+                      }, null, 8, ["column", "search-param", "onSearch"])
+                    ]),
+                    _: 2
+                  }, [
+                    (v = p.search) != null && v.label ? {
+                      name: "label",
+                      fn: S(() => [
+                        P(g(Tt), { size: 4 }, {
+                          default: S(() => {
+                            var o, h;
+                            return [
+                              E("span", null, Q(`${p.search.label}`), 1),
+                              (o = p.search) != null && o.tooltip ? (_(), L(g(fe), {
+                                key: 0,
+                                effect: "dark",
+                                content: (h = p.search) == null ? void 0 : h.tooltip,
+                                placement: "top"
+                              }, {
+                                default: S(() => d[1] || (d[1] = [
+                                  E("i", {
+                                    class: Ae("iconfont icon-yiwen")
+                                  }, null, -1)
+                                ])),
+                                _: 2
+                              }, 1032, ["content"])) : B("", !0)
+                            ];
+                          }),
+                          _: 2
+                        }, 1024),
+                        d[2] || (d[2] = E("span", null, ":", -1))
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1024)
+                ])) : B("", !0)
+              ], 64);
+            }), 128)),
+            c.isShowSearchBtn ? (_(), L(g(Ie), {
+              key: 0,
+              type: "primary",
+              class: "table-search--search-btn",
+              onClick: a.search
+            }, {
+              icon: S(() => d[3] || (d[3] = [
+                E("i", { class: "iconfont icon-search" }, null, -1)
+              ])),
+              default: S(() => [
+                d[4] || (d[4] = G(" 搜索 "))
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : B("", !0)
+          ], 64)) : B("", !0)
+        ]),
+        _: 3
+      }, 8, ["model"]),
+      c.isShowResetBtn && a.columns.length ? (_(), z("div", Xt, [
+        P(g(fe), {
+          class: "box-item",
+          effect: "light",
+          content: "重置",
+          placement: "top"
+        }, {
+          default: S(() => {
+            var p;
+            return [
+              a.columns.length > 1 || ((p = a.columns[0].search) == null ? void 0 : p.el) !== "input" ? (_(), L(g(Ie), {
+                key: 0,
+                class: "table-search--reset-btn",
+                onClick: a.reset
+              }, {
+                icon: S(() => [
+                  P(g(_e), { size: 14 }, {
+                    default: S(() => [
+                      P(g(Et))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["onClick"])) : B("", !0)
+            ];
+          }),
+          _: 1
+        })
+      ])) : B("", !0)
+    ]));
+  }
+}), ta = /* @__PURE__ */ oe(ea, [["__scopeId", "data-v-2e2396eb"]]), aa = { class: "el-pagination__total zh-page-total" }, na = /* @__PURE__ */ ae({
+  __name: "tablePagination",
+  props: {
+    pageable: {},
+    handleSizeChange: { type: Function },
+    handleCurrentChange: { type: Function }
+  },
+  setup(b) {
+    return (c, a) => {
+      const d = ie("el-pagination");
+      return c.pageable.total ? (_(), L(d, {
+        key: 0,
+        class: "zh-pagination",
+        background: !0,
+        "current-page": c.pageable.page,
+        "page-size": c.pageable.size,
+        total: c.pageable.total,
+        layout: "slot, sizes, prev, pager, next, jumper",
+        onSizeChange: c.handleSizeChange,
+        onCurrentChange: c.handleCurrentChange
+      }, {
+        default: S(() => [
+          E("div", aa, "共" + Q(c.pageable.total) + "条数据", 1)
+        ]),
+        _: 1
+      }, 8, ["current-page", "page-size", "total", "onSizeChange", "onCurrentChange"])) : B("", !0);
+    };
+  }
+}), oa = /* @__PURE__ */ oe(na, [["__scopeId", "data-v-7e4152cd"]]), la = /* @__PURE__ */ ae({
+  __name: "TableColumn",
+  props: {
+    column: {},
+    customColumn: { type: Boolean }
+  },
+  setup(b) {
+    const c = b, a = R(c.column), d = Ue(), p = Oe("enumMap", R(/* @__PURE__ */ new Map())), C = (o, h) => p.value.get(o.prop) && o.isFilterEnum ? Ve(ce(h.row, o.prop), p.value.get(o.prop), o.fieldNames) : Ht(ce(h.row, o.prop)), t = (o, h) => Ve(ce(h.row, o.prop), p.value.get(o.prop), o.fieldNames, "tag"), v = (o) => /* @__PURE__ */ React.createElement(React.Fragment, null, o.isShow && /* @__PURE__ */ React.createElement(
+      "el-table-column",
+      {
+        ...o,
+        "class-name": o.wrap && "table-column--wrap",
+        showOverflowTooltip: o.showOverflowTooltip ?? o.prop !== "operation"
+      },
+      {
+        default: (h) => {
+          var N, F, W;
+          if (o._children) return o._children.map((A) => v(A));
+          if (o.render) return o.render(h);
+          if (o.prop === "operation") {
+            if (!d[x(o.prop)]) {
+              a.value.width = 0;
+              return;
+            }
+            const A = ((F = (N = d[x(o.prop)](h)) == null ? void 0 : N.at(0)) == null ? void 0 : F.children) || [], O = (l) => Array.from(l).map((w) => {
+              var T, I;
+              return ((T = w.type) == null ? void 0 : T.name) === "ElButton" && w.children !== "v-if" ? w : (I = w.children) != null && I.length ? O(w.children) : null;
+            }).filter(Boolean).flat(), k = O(A), e = (l) => {
+              let w = "";
+              return l.forEach((T) => {
+                w += T.children.default()[0].children;
+              }), te(w, 14) + 6 * l.length + +(8 * l.length - 1);
+            }, s = (l) => {
+              a.value.hasOperationMaxWidth || (a.value.width = 0, a.value.hasOperationMaxWidth = !0);
+              const w = a.value.width;
+              let T = 0;
+              l > 0 && (T = Math.round(l) + 32), T > Number.parseInt((w == null ? void 0 : w.toString()) || "0") && (a.value.width = T, a.value.hasOperationMaxWidth = !0);
+            };
+            if (k.length <= 3) {
+              const l = e(k), w = c.customColumn ? l + 20 : l;
+              return s(w), /* @__PURE__ */ React.createElement("div", { class: "operation-container" }, k);
+            }
+            const r = [], m = k.slice(0, 2), f = /* @__PURE__ */ React.createElement("el-button", { link: !0, type: "primary" }, "更多");
+            r.push(...m), r[3] = /* @__PURE__ */ React.createElement("el-dropdown", null, {
+              default: () => f,
+              dropdown: () => /* @__PURE__ */ React.createElement("el-dropdown-menu", null, k.slice(2).map((l) => /* @__PURE__ */ React.createElement("el-dropdown-item", null, l)))
+            });
+            const $ = e([...m, f]);
+            return s($), /* @__PURE__ */ React.createElement("div", { class: "operation-container" }, r);
+          }
+          return d[x(o.prop)] ? d[x(o.prop)](h) : o.tag ? /* @__PURE__ */ React.createElement("el-tag", { type: t(o, h) }, C(o, h)) : o.click && C(o, h) !== ee ? /* @__PURE__ */ React.createElement(
+            "span",
+            {
+              class: "el-link el-link--primary scan-link",
+              onClick: function() {
+                o.click(h == null ? void 0 : h.row);
+              }
+            },
+            o.formatter ? o.formatter(h.row, h.column, h.row[o.prop], h.$index) : C(o, h)
+          ) : /* @__PURE__ */ React.createElement(
+            "span",
+            {
+              class: ((W = jt(
+                ce(h.row, o.prop),
+                p.value.get(o.prop)
+              )) == null ? void 0 : W.state) || "text"
+            },
+            o.formatter ? o.formatter(h.row, h.column, h.row[o.prop], h.$index) : C(o, h)
+          );
+        },
+        header: (h) => o.headerRender ? o.headerRender(h) : d[`${x(o.prop)}Header`] ? d[`${x(o.prop)}Header`](h) : o.label
+      }
+    ));
+    return (o, h) => (_(), L(v, ct(it(a.value)), null, 16));
+  }
+}), ra = { class: "custom-column-dialog" }, sa = { class: "table-body" }, ua = { class: "name" }, ca = {
+  key: 0,
+  class: "ml-10"
+}, ia = { class: "custom-width-label text" }, da = {
+  key: 0,
+  class: "custom-width-input-box"
+}, pa = { class: "custom-column-footer" }, ha = { class: "flex-1" }, ma = /* @__PURE__ */ ae({
+  __name: "ColSetting",
+  props: {
+    originTableColumns: { default: () => [] }
+  },
+  emits: ["close", "submit", "dragSort"],
+  setup(b, { expose: c, emit: a }) {
+    const d = R(), p = R(!1), C = b, t = R([]), v = R((/* @__PURE__ */ new Date()).getTime()), o = R(!1), h = R(), N = (s) => {
+      t.value = s, o.value = !0, me(() => {
+        O();
+      });
+    }, F = (s) => {
+      p.value = s;
+    }, W = a, A = async () => {
+      W("submit", t.value), o.value = !1;
+    }, O = () => {
+      h.value && (h.value.destroy(), v.value = (/* @__PURE__ */ new Date()).getTime(), d.value.doLayout()), me(() => {
+        const s = document.querySelector(".custom-column-dialog tbody");
+        h.value = Ne.create(s, {
+          handle: ".move",
+          animation: 300,
+          filter: ".operation",
+          onEnd({ newIndex: r, oldIndex: m }) {
+            if (!r || !m) return;
+            let f = H(t.value);
+            const $ = f[m];
+            if (r < m)
+              for (let l = r; l < m; l++)
+                f[l].order = String(Number(f[l].order) + 1);
+            else
+              for (let l = m + 1; l <= r; l++)
+                f[l].order = String(Number(f[l].order) - 1);
+            $.order = String(r), t.value = H(f);
+          }
+        });
+      });
+    }, k = () => {
+      const s = H(C.originTableColumns);
+      p.value ? t.value = s : t.value = t.value.map((r) => {
+        const m = t.value.find((f) => f.prop === r.prop);
+        return !(m != null && m.isShow) || m.prop === "operation" ? r : s.find((f) => f.prop === r.prop);
+      }), O();
+    }, e = () => {
+      o.value = !1;
+    };
+    return c({
+      openColSetting: N
+    }), (s, r) => {
+      const m = ie("el-checkbox"), f = ie("el-table-column"), $ = ie("el-icon");
+      return _(), z("div", ra, [
+        P(At, {
+          modelValue: o.value,
+          "onUpdate:modelValue": r[1] || (r[1] = (l) => o.value = l),
+          size: "middle"
+        }, {
+          header: S(() => r[2] || (r[2] = [
+            E("div", { class: "title" }, "自定义列", -1),
+            E("div", { class: "sub-title" }, "勾选需要展示的列，拖动列名进行排序", -1)
+          ])),
+          footer: S(() => [
+            E("div", pa, [
+              P(m, {
+                modelValue: p.value,
+                "onUpdate:modelValue": r[0] || (r[0] = (l) => p.value = l),
+                class: "checkbox",
+                label: "全局",
+                onChange: F
+              }, null, 8, ["modelValue"]),
+              E("div", ha, [
+                P(Se, {
+                  plain: "",
+                  onClick: e
+                }, {
+                  default: S(() => r[4] || (r[4] = [
+                    G("取消")
+                  ])),
+                  _: 1
+                }),
+                P(Se, {
+                  plain: "",
+                  class: "w-auto",
+                  onClick: k
+                }, {
+                  default: S(() => [
+                    G(Q(p.value ? "全局恢复默认" : "恢复默认"), 1)
+                  ]),
+                  _: 1
+                }),
+                P(Se, {
+                  type: "primary",
+                  onClick: A
+                }, {
+                  default: S(() => r[5] || (r[5] = [
+                    G("保存")
+                  ])),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          default: S(() => [
+            E("div", sa, [
+              (_(), L(g(We), {
+                ref_key: "tableRef",
+                ref: d,
+                class: "custom-colum-table",
+                key: v.value,
+                data: t.value,
+                "row-class-name": (l) => l.row.prop === "operation" ? "operation" : ""
+              }, {
+                default: S(() => [
+                  P(f, {
+                    width: "100",
+                    label: "选择"
+                  }, {
+                    default: S(({ row: l }) => [
+                      P(m, {
+                        class: "custom-column-check",
+                        modelValue: l.isShow,
+                        "onUpdate:modelValue": (w) => l.isShow = w,
+                        disabled: l.readonly
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                    ]),
+                    _: 1
+                  }),
+                  P(f, {
+                    prop: "label",
+                    label: "名称"
+                  }, {
+                    default: S(({ row: l }) => [
+                      E("div", ua, [
+                        G(Q(l.label) + " ", 1),
+                        l.readonly ? (_(), z("span", ca, "(必选)")) : B("", !0),
+                        l.prop !== "operation" ? (_(), L($, {
+                          key: 1,
+                          class: "move move-icon"
+                        }, {
+                          default: S(() => [
+                            P(g($t))
+                          ]),
+                          _: 1
+                        })) : B("", !0)
+                      ])
+                    ]),
+                    _: 1
+                  }),
+                  P(f, {
+                    prop: "width",
+                    label: "宽度",
+                    width: "180"
+                  }, {
+                    default: S(({ row: l }) => [
+                      E("div", {
+                        class: Ae(`custom-width-box ${l.readonly && "readonly"}`)
+                      }, [
+                        r[3] || (r[3] = E("span", { class: "text" }, "宽度", -1)),
+                        E("span", ia, Q(l.width) + " px", 1),
+                        l.readonly ? B("", !0) : (_(), z("div", da, [
+                          P(g(je), {
+                            modelValue: l.width,
+                            "onUpdate:modelValue": (w) => l.width = w,
+                            class: "custom-width-input",
+                            min: 10,
+                            max: 1e3,
+                            controls: !1
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]))
+                      ], 2)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["data", "row-class-name"]))
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), fa = /* @__PURE__ */ oe(ma, [["__scopeId", "data-v-0ae65c5f"]]), ga = { class: "no-card table-main zh-table" }, va = { class: "table-title-container" }, ba = {
+  key: 0,
+  class: "table-title"
+}, ya = {
+  key: 1,
+  class: "table-header-tip"
+}, Ca = { class: "table-header-container" }, Sa = {
+  key: 0,
+  class: "table-header"
+}, _a = { class: "header-button-ri" }, wa = { class: "table-body-container" }, ka = { class: "text d-flex inline-input-text pointer" }, Pa = {
+  key: 1,
+  class: "inline-input-box d-flex"
+}, Ta = { class: "table-empty" }, Ea = ["src"], $a = /* @__PURE__ */ ae({
+  __name: "Table",
+  props: {
+    columns: { default: () => [] },
+    data: {},
+    requestApi: {},
+    requestAuto: { type: Boolean, default: !0 },
+    requestError: { type: Function, default: (b) => {
+      console.error("protable中请求数据错误", b);
+    } },
+    handleParam: {},
+    dataCallback: {},
+    selectChangeCallback: {},
+    title: {},
+    pagination: { type: Boolean, default: !0 },
+    initParam: { default: {} },
+    border: { type: Boolean, default: !1 },
+    rowKey: { default: "id" },
+    isShowSearch: { type: Boolean, default: !0 },
+    maxHeight: {},
+    isShowSearchBtn: { type: Boolean, default: !0 },
+    isShowResetBtn: { type: Boolean, default: !0 },
+    customColumn: { type: Boolean, default: !1 },
+    onSortChange: {},
+    offset: {},
+    customColumnCacheKey: {},
+    customColumnPageCacheKey: {}
+  },
+  emits: ["search", "reset", "dargSort"],
+  setup(b, { expose: c, emit: a }) {
+    var ze;
+    const d = R((/* @__PURE__ */ new Date()).getTime()), p = {
+      mounted(n) {
+        var u;
+        (u = n.querySelector("input")) == null || u.focus();
+      }
+    }, C = Ue(), t = b, v = R(), o = ["selection", "radio", "index", "expand", "sort", "input"], h = R(t.isShowSearch), N = R(""), F = R({}), W = R(t.maxHeight || "1000px"), { selectionChange: A, selectedList: O, selectedListIds: k, isSelected: e } = xt(t.rowKey, t.selectChangeCallback), {
+      loading: s,
+      tableData: r,
+      pageable: m,
+      searchParam: f,
+      searchInitParam: $,
+      getTableList: l,
+      search: w,
+      reset: T,
+      handleSizeChange: I,
+      handleCurrentChange: D
+    } = Kt(t.requestApi, t.initParam, t.pagination, t.dataCallback, t.requestError, t.handleParam), U = (n) => {
+      function u(ot) {
+        return ot.replace(/[A-Z]/g, (lt) => "_" + lt.toLowerCase());
+      }
+      const y = {
+        ascending: "asc",
+        descending: "desc"
+      }, { prop: i, order: M } = n, K = u(x(i)), ue = y[M];
+      f.value = {
+        ...f.value,
+        sortKey: K,
+        sortOrder: ue
+      }, m.value.page = 1, w();
+    }, q = () => v.value.clearSelection(), ge = () => v.value.clearSort(), ke = R(!1), Pe = () => {
+      Je(), at(), t.requestAuto && l(), t.data && (m.value.total = t.data.length);
+    };
+    dt(() => {
+      Pe(), me(() => {
+        ke.value = !0;
+      });
+    }), pt(() => {
+      ke.value && Pe();
+    }), ht(() => {
+    }), mt(() => {
+    });
+    const le = V(() => t.data ? t.pagination ? t.data.slice((m.value.page - 1) * m.value.size, m.value.size * m.value.page) : t.data : r.value), He = (n) => {
+      m.value.total = n;
+    };
+    ft(() => t.initParam, l, { deep: !0 });
+    let ne = Y(t.columns);
+    const qe = V(() => Te(ne)), J = R(/* @__PURE__ */ new Map()), Ze = async ({ prop: n, enum: u }) => {
+      if (!u || J.value.has(n) && (typeof u == "function" || J.value.get(n) === u)) return;
+      if (typeof u != "function") return J.value.set(n, g(u));
+      J.value.set(n, []);
+      const { data: y } = await u();
+      J.value.set(n, y);
+    };
+    gt("enumMap", J);
+    const Te = (n, u = []) => (n.forEach(async (y) => {
+      var i;
+      (i = y._children) != null && i.length && u.push(...Te(y._children)), u.push(y), y.isShow = y.isShow ?? !0, y.isFilterEnum = y.isFilterEnum ?? !0, await Ze(y);
+    }), u.filter((y) => {
+      var i;
+      return !((i = y._children) != null && i.length);
+    })), Ee = V(() => {
+      var n;
+      return (n = qe.value) == null ? void 0 : n.filter((u) => {
+        var y, i;
+        return ((y = u.search) == null ? void 0 : y.el) || ((i = u.search) == null ? void 0 : i.render);
+      }).sort((u, y) => u.search.order - y.search.order);
+    });
+    (ze = Ee.value) == null || ze.forEach((n, u) => {
+      var M, K, ue;
+      n.search.order = ((M = n.search) == null ? void 0 : M.order) ?? u + 2;
+      const y = ((K = n.search) == null ? void 0 : K.key) ?? x(n.prop), i = (ue = n.search) == null ? void 0 : ue.defaultValue;
+      i != null && ($.value[y] = i, f.value[y] = i);
+    });
+    const ve = a, Ge = () => {
+      var n;
+      (n = v.value) == null || n.clearSelection(), w(), ve("search");
+    }, Qe = () => {
+      T(), ge(), ve("reset");
+    }, Je = () => {
+      const n = document.querySelector(".el-table__body-wrapper tbody");
+      n && Ne.create(n, {
+        handle: ".move",
+        animation: 300,
+        onEnd({ newIndex: u, oldIndex: y }) {
+          const [i] = le.value.splice(y, 1);
+          le.value.splice(u, 0, i), ve("dargSort", { newIndex: u, oldIndex: y });
+        }
+      });
+    }, re = R(0), Ye = (n, u) => {
+      const y = r.value.findIndex((i) => i.$showInput);
+      y > -1 && (r.value[y] = H(F.value), r.value[y].$showInput = !1), re.value = De(n, String(u)), n.$showInput = !0, F.value = H(n);
+    }, Xe = async (n, u, y) => {
+      Dt(n, u, re.value), y && await y(n), n.$showInput = !1, Vt.success("更新成功"), await l();
+    }, et = async (n) => {
+      const u = r.value.findIndex((y) => Ft(Me(y, Le), Me(n, Le)));
+      u > -1 && (r.value[u] = H(F.value), r.value[u].$showInput = !1);
+    }, $e = qt(t.customColumnCacheKey), Be = R(null), be = () => ne.map(
+      (n, u) => ({
+        readonly: n.isCustomDisable || ["id", "operation"].includes(String(n.prop)),
+        order: u,
+        index: u,
+        width: n.width || n.minWidth,
+        ...n
+      })
+    ).sort((n, u) => {
+      const y = Number(n.order), i = Number(u.order);
+      return y - i;
+    }), tt = () => {
+      se = Y(be()), me(() => {
+        Be.value.openColSetting(H(se));
+      });
+    }, at = () => {
+      if (!t.customColumnPageCacheKey) return;
+      const n = $e.getColumnCache(t.customColumnPageCacheKey);
+      n != null && n.length && (se = Y(n), ne = Y(se));
+    };
+    let se = Y(be());
+    const Re = H(be()), nt = (n) => {
+      t.customColumnPageCacheKey && (n = n.map((u) => {
+        const y = Re.find((i) => i.prop === u.prop);
+        return y && y.minWidth && (u.minWidth = u.width, delete u.width), u;
+      }), ne = Y(H(n)), $e.setColumnCache(t.customColumnPageCacheKey, n), d.value = (/* @__PURE__ */ new Date()).getTime(), v.value.doLayout());
+    };
+    return c({
+      element: v,
+      tableData: le,
+      radio: N,
+      pageable: m,
+      searchParam: f,
+      searchInitParam: $,
+      setPageTotal: He,
+      getTableList: l,
+      search: w,
+      reset: T,
+      handleSizeChange: I,
+      handleCurrentChange: D,
+      clearSelection: q,
+      enumMap: J,
+      isSelected: e,
+      selectedList: O,
+      selectedListIds: k
+    }), (n, u) => {
+      const y = vt("loading");
+      return _(), L(g(Bt), { locale: g(Rt) }, {
+        default: S(() => [
+          E("div", ga, [
+            E("div", va, [
+              n.title ? (_(), z("div", ba, Q(n.title), 1)) : B("", !0),
+              g(C).headerTip ? (_(), z("div", ya, [
+                j(n.$slots, "headerTip", {}, void 0, !0)
+              ])) : B("", !0)
+            ]),
+            E("div", Ca, [
+              ye(P(ta, {
+                search: Ge,
+                reset: Qe,
+                columns: Ee.value,
+                "search-param": g(f),
+                "is-show-reset-btn": t.isShowResetBtn,
+                "is-show-search-btn": t.isShowSearchBtn
+              }, {
+                default: S(() => [
+                  n.$slots.tableHeader ? (_(), z("div", Sa, [
+                    E("div", _a, [
+                      j(n.$slots, "tableHeader", {
+                        selectedList: g(O),
+                        selectedListIds: g(k),
+                        isSelected: g(e)
+                      }, void 0, !0)
+                    ])
+                  ])) : B("", !0)
+                ]),
+                _: 3
+              }, 8, ["columns", "search-param", "is-show-reset-btn", "is-show-search-btn"]), [
+                [bt, h.value]
+              ])
+            ]),
+            E("div", wa, [
+              t.customColumn ? (_(), z("div", {
+                key: 0,
+                class: "col-setting-button",
+                onClick: tt
+              }, [
+                P(g(fe), {
+                  class: "box-item",
+                  effect: "dark",
+                  content: "自定义列",
+                  placement: "top"
+                }, {
+                  default: S(() => [
+                    P(g(_e), {
+                      size: 14,
+                      color: "#000000a6"
+                    }, {
+                      default: S(() => [
+                        P(g(zt))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ])) : B("", !0),
+              ye((_(), L(g(We), X({
+                ref_key: "tableRef",
+                ref: v
+              }, n.$attrs, {
+                key: d.value,
+                data: le.value,
+                border: n.border,
+                "row-key": n.rowKey,
+                "max-height": W.value,
+                "row-style": { height: "42px" },
+                "tooltip-effect": "light",
+                "tooltip-options": { showArrow: !1, placement: "bottom-start", offset: t.offset ? t.offset : -20 }
+              }, yt(n.$attrs), {
+                onSelectionChange: g(A),
+                onSortChange: u[1] || (u[1] = (i) => t.onSortChange ? t.onSortChange(i) : U(i))
+              }), {
+                append: S(() => [
+                  j(n.$slots, "append", {}, void 0, !0)
+                ]),
+                empty: S(() => [
+                  E("div", Ta, [
+                    j(n.$slots, "empty", {}, () => [
+                      E("img", {
+                        src: `${g(Ot)}ghy-components/empty.png`,
+                        alt: "notData"
+                      }, null, 8, Ea),
+                      u[5] || (u[5] = E("div", null, "暂无数据", -1))
+                    ], !0)
+                  ])
+                ]),
+                default: S(() => [
+                  (_(!0), z(Z, null, he(g(ne).sort((i, M) => i.order - M.order), (i) => (_(), z(Z, { key: i }, [
+                    i.type && o.includes(i.type) && i.isShow ? (_(), L(g(It), X({
+                      key: 0,
+                      ref_for: !0
+                    }, i, {
+                      align: i.align ?? "left",
+                      "reserve-selection": i.type == "selection"
+                    }), pe({
+                      default: S((M) => [
+                        i.type == "expand" ? (_(), z(Z, { key: 0 }, [
+                          i.render ? (_(), L(de(i.render), X({
+                            key: 0,
+                            ref_for: !0
+                          }, M), null, 16)) : j(n.$slots, i.type, X({
+                            key: 1,
+                            ref_for: !0
+                          }, M), void 0, !0)
+                        ], 64)) : B("", !0),
+                        i.type == "sort" ? (_(), L(g(Mt), {
+                          key: 1,
+                          class: "move"
+                        }, {
+                          default: S(() => [
+                            P(g(_e), null, {
+                              default: S(() => [
+                                P(g(Lt))
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })) : B("", !0),
+                        i.type == "input" ? (_(), z(Z, { key: 2 }, [
+                          M.row.$showInput ? (_(), z("div", Pa, [
+                            ye(P(g(je), {
+                              min: 0,
+                              max: n.MAX_WEIGHT,
+                              controls: !1,
+                              modelValue: re.value,
+                              "onUpdate:modelValue": u[0] || (u[0] = (K) => re.value = K)
+                            }, null, 8, ["max", "modelValue"]), [
+                              [p]
+                            ]),
+                            P(g(Ce), {
+                              type: "primary",
+                              underline: !1,
+                              onClick: (K) => Xe(M.row, String(i.prop), i.blurCallback),
+                              class: "ml-5"
+                            }, {
+                              default: S(() => u[3] || (u[3] = [
+                                G(" 保存 ")
+                              ])),
+                              _: 2
+                            }, 1032, ["onClick"]),
+                            P(g(Ce), {
+                              type: "primary",
+                              underline: !1,
+                              onClick: (K) => et(M.row),
+                              class: "ml-5"
+                            }, {
+                              default: S(() => u[4] || (u[4] = [
+                                G(" 取消 ")
+                              ])),
+                              _: 2
+                            }, 1032, ["onClick"])
+                          ])) : (_(), L(g(fe), {
+                            key: 0,
+                            content: "编辑",
+                            placement: "top"
+                          }, {
+                            default: S(() => [
+                              E("span", ka, [
+                                G(Q(g(De)(M.row, String(i.prop))) + " ", 1),
+                                P(g(Ce), {
+                                  underline: !1,
+                                  disabled: n.userStore.banButton,
+                                  class: "text d-flex inline-input-text pointer",
+                                  onClick: (K) => Ye(M.row, i.prop)
+                                }, {
+                                  default: S(() => u[2] || (u[2] = [
+                                    E("i", { class: "iconfont icon-edit" }, null, -1)
+                                  ])),
+                                  _: 2
+                                }, 1032, ["disabled", "onClick"])
+                              ])
+                            ]),
+                            _: 2
+                          }, 1024))
+                        ], 64)) : B("", !0)
+                      ]),
+                      _: 2
+                    }, [
+                      i.headerRender ? {
+                        name: "header",
+                        fn: S((M) => [
+                          (_(), L(de(i.headerRender), X({ ref_for: !0 }, M), null, 16))
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1040, ["align", "reserve-selection"])) : B("", !0),
+                    !i.type && i.prop && i.isShow ? (_(), L(la, {
+                      key: 1,
+                      column: i,
+                      "custom-column": n.customColumn
+                    }, pe({ _: 2 }, [
+                      he(Object.keys(n.$slots), (M) => ({
+                        name: M,
+                        fn: S((K) => [
+                          j(n.$slots, M, X({ ref_for: !0 }, K), void 0, !0)
+                        ])
+                      }))
+                    ]), 1032, ["column", "custom-column"])) : B("", !0)
+                  ], 64))), 128))
+                ]),
+                _: 3
+              }, 16, ["data", "border", "row-key", "max-height", "tooltip-options", "onSelectionChange"])), [
+                [y, g(s)]
+              ])
+            ]),
+            j(n.$slots, "pagination", {}, () => [
+              n.pagination ? (_(), L(oa, {
+                key: 0,
+                pageable: g(m),
+                "handle-size-change": g(I),
+                "handle-current-change": g(D)
+              }, null, 8, ["pageable", "handle-size-change", "handle-current-change"])) : B("", !0)
+            ], !0)
+          ]),
+          t.customColumn ? (_(), L(fa, {
+            key: 0,
+            ref_key: "colRef",
+            ref: Be,
+            "origin-table-columns": g(Re),
+            onSubmit: nt
+          }, null, 8, ["origin-table-columns"])) : B("", !0)
+        ]),
+        _: 3
+      }, 8, ["locale"]);
+    };
+  }
+}), Ba = /* @__PURE__ */ oe($a, [["__scopeId", "data-v-7bb3e01f"]]), Va = Ut(Ba);
+export {
+  Va as Z
+};