zhihao-ui 1.2.67 → 1.2.69

package/dist/es/Table-B_3YA1mb.js

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