@huyooo/ui 1.0.3 → 1.0.4

package/dist/CustomTable-nsxN4Ja4.js

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