@huyooo/ui 1.0.3 → 1.0.5

package/dist/CustomTable-BzGfaAVH.js

@@ -0,0 +1,276 @@
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import { I as Y } from "./userMenuModal-D-nDaYqM.js";
+import "./index-BkLvw1PU.js";
+/* empty css               */
+import { defineComponent as L, openBlock as o, createElementBlock as s, normalizeClass as g, renderSlot as S, computed as m, useModel as W, createVNode as _, unref as r, withCtx as k, createElementVNode as u, normalizeStyle as N, createBlock as b, createCommentVNode as c, Fragment as p, renderList as B, toDisplayString as M, createTextVNode as Z, mergeModels as A, useSlots as I } from "vue";
+import { Spin as ee, Checkbox as T, Tooltip as E, Empty as te, Pagination as ie } from "@arco-design/web-vue";
+import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { g as x, a as K } from "./index-D56hUMeD.js";
+const le = /* @__PURE__ */ L({
+  __name: "Ellipsis",
+  props: {
+    open: {
+      type: Boolean,
+      required: !1,
+      default: () => !0
+    }
+  },
+  setup(h) {
+    return (z, e) => (o(), s("div", {
+      class: g(["ellipsis-root", {
+        ellipsis: h.open
+      }])
+    }, [S(z.$slots, "default", {}, void 0, !0)], 2));
+  }
+}), ne = /* @__PURE__ */ V(le, [["__scopeId", "data-v-92fd3e52"]]), ae = {
+  class: "CubeTableCom"
+}, oe = {
+  class: "tableContain"
+}, se = {
+  class: "table-header"
+}, re = {
+  key: 0,
+  class: "header-cell checkbox-cell"
+}, de = {
+  class: "table-body"
+}, ue = ["onMouseenter", "onMouseleave"], ce = {
+  class: "cell-ellipsis-trigger"
+}, pe = {
+  class: "cell-ellipsis-trigger"
+}, fe = {
+  key: 0,
+  class: "contain"
+}, ge = {
+  key: 0,
+  class: "pagination"
+}, he = /* @__PURE__ */ L({
+  __name: "CustomTable",
+  props: /* @__PURE__ */ A({
+    loading: {
+      type: Boolean,
+      required: !1,
+      default: () => !1
+    },
+    bordered: {
+      type: Boolean,
+      required: !1,
+      default: () => !0
+    },
+    data: {
+      type: Array,
+      required: !0
+    },
+    pagination: {
+      type: Object,
+      required: !1,
+      default: () => null
+    },
+    infiniteScroll: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    finished: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    columns: {
+      type: Array,
+      required: !0
+    },
+    /** 行选择配置 */
+    rowSelection: {
+      type: Object,
+      required: !1,
+      default: void 0
+    },
+    /** 行数据的唯一标识字段，默认 'id' */
+    rowKey: {
+      type: String,
+      required: !1,
+      default: "id"
+    }
+  }, {
+    selectedKeys: {
+      default: () => []
+    },
+    selectedKeysModifiers: {},
+    activeKey: {
+      default: -1
+    },
+    activeKeyModifiers: {}
+  }),
+  emits: /* @__PURE__ */ A(["mouseenter", "mouseleave", "pageChange", "pageSizeChange", "loadMore"], ["update:selectedKeys", "update:activeKey"]),
+  setup(h, {
+    emit: z
+  }) {
+    const e = h, y = z, j = m(() => e.infiniteScroll ? e.loading && e.data.length === 0 : e.loading), d = W(h, "selectedKeys"), v = W(h, "activeKey");
+    function w(t, a) {
+      return t[e.rowKey] ?? String(a);
+    }
+    function f(t, a) {
+      const i = w(t, a);
+      return d.value.includes(i);
+    }
+    const P = m(() => e.data.length === 0 ? !1 : e.data.every((t, a) => f(t, a))), H = m(() => {
+      if (e.data.length === 0) return !1;
+      const t = e.data.filter((a, i) => f(a, i)).length;
+      return t > 0 && t < e.data.length;
+    });
+    function O(t, a, i) {
+      const n = w(t, a);
+      i ? d.value.includes(n) || (d.value = [...d.value, n]) : d.value = d.value.filter((l) => l !== n);
+    }
+    function R(t) {
+      if (Array.isArray(t) ? t.length > 0 : t) {
+        const i = e.data.map((l, C) => w(l, C)), n = /* @__PURE__ */ new Set([...d.value, ...i]);
+        d.value = Array.from(n);
+      } else {
+        const i = new Set(e.data.map((n, l) => w(n, l)));
+        d.value = d.value.filter((n) => !i.has(n));
+      }
+    }
+    const D = m(() => {
+      const t = e.columns.map((a) => a.width ? `${a.width}px` : a.minWidth ? `minmax(${a.minWidth}px, 1fr)` : "minmax(120px, 1fr)");
+      return e.rowSelection && t.unshift("48px"), t.join(" ");
+    }), F = m(() => `${e.columns.reduce((a, i) => {
+      const n = Number(i.width || i.minWidth || 120);
+      return a + n;
+    }, e.rowSelection ? 48 : 0)}px`);
+    function $(t) {
+      const a = {};
+      return t.maxWidth && (a.maxWidth = `${t.maxWidth}px`), a;
+    }
+    function J(t) {
+      y("pageChange", t);
+    }
+    function G(t) {
+      y("pageSizeChange", t);
+    }
+    function Q(t) {
+      const a = I();
+      return t ? !!a[t] : !1;
+    }
+    function q(t) {
+      return typeof t.cellClassName != "string" ? !1 : t.cellClassName.split(/\s+/).includes("catalog-cell-wrap");
+    }
+    function U(t) {
+      v.value = t, y("mouseenter", t);
+    }
+    function X(t) {
+      v.value = -1, y("mouseleave", t);
+    }
+    return (t, a) => (o(), s("div", ae, [_(r(ee), {
+      loading: j.value,
+      tip: "数据加载中"
+    }, {
+      default: k(() => [u("div", oe, [u("div", {
+        class: "flex-table",
+        style: N({
+          "grid-template-columns": D.value,
+          "min-width": F.value
+        })
+      }, [u("div", se, [e.rowSelection ? (o(), s("div", re, [e.rowSelection.showCheckedAll !== !1 ? (o(), b(r(T), {
+        key: 0,
+        "model-value": P.value,
+        indeterminate: H.value,
+        onChange: R
+      }, null, 8, ["model-value", "indeterminate"])) : c("", !0)])) : c("", !0), (o(!0), s(p, null, B(e.columns, (i, n) => (o(), s("div", {
+        key: n,
+        class: g(["header-cell", {
+          fixed: i.fixed,
+          fixedBackground: i.fixed,
+          lastBorder: n === e.columns.length - 1
+        }]),
+        style: N($(i))
+      }, M(i.title), 7))), 128))]), u("div", de, [(o(!0), s(p, null, B(e.data, (i, n) => (o(), s("div", {
+        key: w(i, n),
+        class: g(["table-row", {
+          trListHover: n === v.value,
+          "row-selected": f(i, n)
+        }]),
+        onMouseenter: (l) => U(n),
+        onMouseleave: (l) => X(n)
+      }, [e.rowSelection ? (o(), s("div", {
+        key: 0,
+        class: g(["body-cell checkbox-cell", {
+          trListHover: n === v.value,
+          "row-selected": f(i, n)
+        }])
+      }, [_(r(T), {
+        "model-value": f(i, n),
+        onChange: (l) => O(i, n, l)
+      }, null, 8, ["model-value", "onChange"])], 2)) : c("", !0), (o(!0), s(p, null, B(e.columns, (l, C) => (o(), s("div", {
+        key: C,
+        class: g(["body-cell", {
+          [l.cellClassName]: typeof l.cellClassName == "string",
+          fixed: l.fixed,
+          trListHover: n === v.value,
+          "row-selected": f(i, n),
+          lastBorder: C === e.columns.length - 1
+        }]),
+        style: N($(l))
+      }, [u("div", {
+        class: g(["body-cell-inner", {
+          "body-cell-inner--wrap": q(l)
+        }])
+      }, [_(ne, {
+        open: !!l.ellipsis && !q(l)
+      }, {
+        default: k(() => [Q(l.slotName) ? (o(), s(p, {
+          key: 0
+        }, [l.tooltip && l.dataIndex ? (o(), b(r(E), {
+          key: 0,
+          content: r(x)(r(K)(i, l.dataIndex)),
+          position: "top"
+        }, {
+          default: k(() => [u("span", ce, [S(t.$slots, l.slotName, {
+            record: i
+          }, void 0, !0)])]),
+          _: 2
+        }, 1032, ["content"])) : S(t.$slots, l.slotName, {
+          key: 1,
+          record: i
+        }, void 0, !0)], 64)) : (o(), s(p, {
+          key: 1
+        }, [l.dataIndex ? (o(), s(p, {
+          key: 0
+        }, [l.tooltip ? (o(), b(r(E), {
+          key: 0,
+          content: r(x)(r(K)(i, l.dataIndex)),
+          position: "top"
+        }, {
+          default: k(() => [u("span", pe, M(r(x)(r(K)(i, l.dataIndex))), 1)]),
+          _: 2
+        }, 1032, ["content"])) : (o(), s(p, {
+          key: 1
+        }, [Z(M(r(x)(r(K)(i, l.dataIndex))), 1)], 64))], 64)) : c("", !0)], 64))]),
+        _: 2
+      }, 1032, ["open"])], 2)], 6))), 128))], 42, ue))), 128))])], 4), e.data.length === 0 && !e.loading ? (o(), s("div", fe, [_(r(te))])) : c("", !0), e.infiniteScroll && (e.data.length > 0 || e.loading) ? (o(), b(Y, {
+        key: 1,
+        loading: e.loading && e.data.length > 0,
+        finished: e.finished,
+        "show-finished-text": e.data.length > 0,
+        onInfinite: a[0] || (a[0] = (i) => y("loadMore"))
+      }, null, 8, ["loading", "finished", "show-finished-text"])) : c("", !0)]), e.pagination ? (o(), s("div", ge, [_(r(ie), {
+        current: e.pagination.current,
+        total: e.pagination.total,
+        "page-size": e.pagination.pageSize,
+        "show-total": e.pagination.showTotal,
+        "show-jumper": e.pagination.showJumper,
+        "show-page-size": e.pagination.showPageSize,
+        "page-size-options": e.pagination.pageSizeOptions,
+        onChange: J,
+        onPageSizeChange: G
+      }, null, 8, ["current", "total", "page-size", "show-total", "show-jumper", "show-page-size", "page-size-options"])])) : c("", !0)]),
+      _: 3
+    }, 8, ["loading"])]));
+  }
+}), ze = /* @__PURE__ */ V(he, [["__scopeId", "data-v-f270886e"]]);
+export {
+  ze as C,
+  ne as E
+};