hys-ui 0.2.0 → 0.3.0

package/dist/components/HysVirtualTable/HysVirtualTable.vue.js

@@ -1,96 +1,7 @@
-import { defineComponent as B, ref as T, computed as n, watch as C, openBlock as l, createElementBlock as a, mergeProps as A, unref as E, createElementVNode as v, normalizeStyle as i, Fragment as y, renderList as g, renderSlot as w, createTextVNode as f, toDisplayString as x } from "vue";
-import { useHysRootAttrs as K } from "../../config.js";
-const N = ["aria-busy", "aria-rowcount", "aria-colcount"], R = {
-  key: 0,
-  class: "hys-ui-floating-empty",
-  role: "status"
-}, W = ["aria-rowindex"], j = ["title"], F = /* @__PURE__ */ B({
-  __name: "HysVirtualTable",
-  props: {
-    rows: {},
-    columns: {},
-    rowHeight: { default: 42 },
-    height: { default: 280 },
-    loading: { type: Boolean },
-    emptyText: {},
-    rowKey: {}
-  },
-  setup(e) {
-    const S = K(), o = e, d = T(), m = T(0), k = 5, r = n(() => Math.max(1, o.rowHeight)), b = n(() => Math.max(1, o.height)), u = n(() => Math.min(Math.max(0, o.rows.length - 1), Math.max(0, Math.floor(Math.max(0, m.value - 42) / r.value) - k))), H = n(() => Math.ceil(b.value / r.value) + k * 2);
-    C(() => o.rows.length, () => {
-      m.value = 0, d.value && (d.value.scrollTop = 0);
-    });
-    const V = n(() => o.rows.slice(u.value, u.value + H.value)), $ = n(() => o.columns.reduce((s, c) => s + (c.width || 160), 0)), p = n(() => o.columns.map((s) => `${s.width || 160}px`).join(" "));
-    return (s, c) => (l(), a("div", A(E(S), {
-      class: "hys-ui-v4-table",
-      role: "table",
-      "aria-busy": e.loading,
-      "aria-rowcount": e.rows.length + 1,
-      "aria-colcount": e.columns.length
-    }), [
-      v("div", {
-        ref_key: "viewport",
-        ref: d,
-        class: "hys-ui-v4-table-viewport",
-        style: i({ height: b.value + 42 + "px" }),
-        onScroll: c[0] || (c[0] = (t) => m.value = t.target.scrollTop)
-      }, [
-        v("div", {
-          class: "hys-ui-v4-table-content",
-          style: i({ minWidth: $.value + "px" })
-        }, [
-          v("div", {
-            class: "hys-ui-v4-table-row hys-ui-v4-table-head",
-            role: "row",
-            style: i({ gridTemplateColumns: p.value })
-          }, [
-            (l(!0), a(y, null, g(e.columns, (t) => (l(), a("span", {
-              key: t.key,
-              role: "columnheader"
-            }, [
-              w(s.$slots, "header", { column: t }, () => [
-                f(x(t.label), 1)
-              ])
-            ]))), 128))
-          ], 4),
-          v("div", {
-            style: i({ height: Math.max(e.rows.length * r.value, !e.rows.length || e.loading ? r.value : 0) + "px", position: "relative" })
-          }, [
-            e.loading || !e.rows.length ? (l(), a("p", R, [
-              w(s.$slots, "empty", {}, () => [
-                f(x(e.loading ? "加载中…" : e.emptyText || "暂无数据"), 1)
-              ])
-            ])) : (l(), a("div", {
-              key: 1,
-              style: i({ transform: "translateY(" + u.value * r.value + "px)" })
-            }, [
-              (l(!0), a(y, null, g(V.value, (t, M) => (l(), a("div", {
-                key: String(t[e.rowKey || "id"] ?? u.value + M),
-                class: "hys-ui-v4-table-row",
-                role: "row",
-                "aria-rowindex": u.value + M + 2,
-                style: i({ height: r.value + "px", gridTemplateColumns: p.value })
-              }, [
-                (l(!0), a(y, null, g(e.columns, (h) => (l(), a("span", {
-                  key: h.key,
-                  role: "cell",
-                  title: String(t[h.key] ?? "")
-                }, [
-                  w(s.$slots, h.key, {
-                    row: t,
-                    value: t[h.key]
-                  }, () => [
-                    f(x(t[h.key]), 1)
-                  ])
-                ], 8, j))), 128))
-              ], 12, W))), 128))
-            ], 4))
-          ], 4)
-        ], 4)
-      ], 36)
-    ], 16, N));
-  }
-});
+import o from "./HysVirtualTable2.vue.js";
+/* empty css                     */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b0270c38"]]);
 export {
-  F as default
+  p as default
 };