zhihao-ui 1.2.13 → 1.2.15

package/dist/es/Table-r8e67LNt.js

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