@huyooo/ui 1.0.2 → 1.0.4

package/dist/CustomTable-CCOQxfxr.js

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