zhihao-ui 1.2.51 → 1.2.53

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "zhihao-ui",
-    "version": "1.2.51",
+    "version": "1.2.53",
     "description": "components",
     "type": "module",
     "main": "./dist/umd/index.umd.cjs",

package/dist/es/Grid-oDsAMJ4n.js

@@ -1,197 +0,0 @@
-import { defineComponent as W, onBeforeMount as Z, useSlots as j, ref as u, computed as I, onMounted as z, onActivated as H, onUnmounted as U, onDeactivated as N, provide as g, watch as $, onBeforeUpdate as T, onUpdated as O, openBlock as L, createElementBlock as k, normalizeStyle as S, renderSlot as M, useAttrs as q, inject as v, watchEffect as F, withDirectives as J, vShow as K, reactive as Q } from "vue";
-import { g as V } from "./Table-xnTrdqL9.js";
-import { w as D } from "./utils-BSQSj8Ii.js";
-const X = /* @__PURE__ */ W({
-  name: "Grid",
-  __name: "Grid",
-  props: {
-    cols: { default: () => ({ xs: 1, sm: 2, md: 2, lg: 4, xl: 4 }) },
-    collapsed: { type: Boolean, default: !1 },
-    collapsedRows: { default: 1 },
-    gap: { default: 16 }
-  },
-  setup(l, { expose: d }) {
-    const t = l;
-    Z(() => t.collapsed && y()), z(() => {
-      a({ target: { innerWidth: window.innerWidth } }), window.addEventListener("resize", a);
-    }), H(() => {
-      a({ target: { innerWidth: window.innerWidth } }), window.addEventListener("resize", a);
-    }), U(() => {
-      window.removeEventListener("resize", a);
-    }), N(() => {
-      window.removeEventListener("resize", a);
-    });
-    const a = (o) => {
-      let r = o.target.innerWidth;
-      switch (!!r) {
-        case r < 768:
-          e.value = "xs";
-          break;
-        case (r >= 768 && r < 992):
-          e.value = "sm";
-          break;
-        case (r >= 992 && r < 1200):
-          e.value = "md";
-          break;
-        case (r >= 1200 && r < 1920):
-          e.value = "lg";
-          break;
-        case r >= 1920:
-          e.value = "xl";
-          break;
-      }
-    };
-    g("gap", Array.isArray(t.gap) ? t.gap[0] : t.gap);
-    let e = u("xl");
-    g("breakPoint", e);
-    const c = u(-1);
-    g("shouldHiddenIndex", c);
-    const f = I(() => typeof t.cols == "object" ? t.cols[e.value] ?? t.cols : t.cols);
-    g("cols", f);
-    const m = j().default(), y = () => {
-      var G, b, s, i;
-      let o = [], r = null;
-      m.forEach((n) => {
-        var p;
-        typeof n.type == "object" && n.type.name === "GridItem" && ((p = n.props) == null ? void 0 : p.suffix) !== void 0 && (r = n), typeof n.type == "symbol" && Array.isArray(n.children) && o.push(...n.children);
-      });
-      let w = 0;
-      r && (w = (((G = r.props[e.value]) == null ? void 0 : G.span) ?? ((b = r.props) == null ? void 0 : b.span) ?? 1) + (((s = r.props[e.value]) == null ? void 0 : s.offset) ?? ((i = r.props) == null ? void 0 : i.offset) ?? 0));
-      try {
-        let n = !1;
-        o.reduce((p = 0, C, P) => {
-          var E, A, R, B;
-          if (p += (((E = C.props[e.value]) == null ? void 0 : E.span) ?? ((A = C.props) == null ? void 0 : A.span) ?? 1) + (((R = C.props[e.value]) == null ? void 0 : R.offset) ?? ((B = C.props) == null ? void 0 : B.offset) ?? 0), Number(p) > t.collapsedRows * f.value - w)
-            throw c.value = P, n = !0, "find it";
-          return p;
-        }, 0), n || (c.value = -1);
-      } catch {
-      }
-    };
-    $(
-      () => e.value,
-      () => {
-        t.collapsed && y();
-      }
-    ), $(
-      () => t.collapsed,
-      (o) => {
-        if (o) return y();
-        c.value = -1;
-      }
-    );
-    const _ = I(() => typeof t.gap == "number" ? `${t.gap}px` : Array.isArray(t.gap) ? `${t.gap[1]}px ${t.gap[0]}px` : "unset"), h = I(() => ({
-      display: "grid",
-      gridGap: _.value,
-      gridTemplateColumns: `repeat(${f.value}, minmax(0, 1fr))`
-    })), x = u(!1);
-    return z(() => {
-      x.value = !0;
-    }), T(() => {
-      x.value = !1;
-    }), O(() => {
-      x.value = !0;
-    }), g("isRegistrationComplete", x), d({ breakPoint: e }), (o, r) => (L(), k("div", {
-      style: S(h.value)
-    }, [
-      M(o.$slots, "default")
-    ], 4));
-  }
-}), Y = /* @__PURE__ */ W({
-  name: "GridItem",
-  __name: "GridItem",
-  props: {
-    offset: { default: 0 },
-    span: { default: 1 },
-    suffix: { type: Boolean, default: !1 },
-    xs: { default: void 0 },
-    sm: { default: void 0 },
-    md: { default: void 0 },
-    lg: { default: void 0 },
-    xl: { default: void 0 },
-    label: {}
-  },
-  setup(l) {
-    const d = l, t = q(), a = u(!0), e = v("breakPoint", u("xl")), c = v("shouldHiddenIndex", u(-1));
-    $(
-      () => [c.value, e.value],
-      (s) => {
-        t.index && (a.value = !(s[0] !== -1 && parseInt(t.index) >= Number(s[0])));
-      },
-      { immediate: !0 }
-    );
-    const f = v("gap", 0), m = v("cols", u(4)), y = I(() => {
-      var n, p;
-      let s = ((n = d[e.value]) == null ? void 0 : n.span) ?? d.span, i = ((p = d[e.value]) == null ? void 0 : p.offset) ?? d.offset;
-      return d.suffix ? {
-        gridColumnStart: m.value - s - i + 1,
-        gridColumnEnd: `span ${s + i}`,
-        marginLeft: i !== 0 ? `calc(((100% + ${f}px) / ${s + i}) * ${i})` : "unset"
-      } : {
-        gridColumn: `span ${s + i > m.value ? m.value : s + i}/span ${s + i > m.value ? m.value : s + i}`,
-        marginLeft: i !== 0 ? `calc(((100% + ${f}px) / ${s + i}) * ${i})` : "unset"
-      };
-    }), _ = v("isMultiGrid", u(!1)), h = u(null), x = u(0), o = u(0), r = v("registerGridItem", null), w = v(
-      "getColumnData",
-      null
-    ), G = v("isRegistrationComplete", u(!1)), b = () => {
-      if (h.value && r) {
-        const s = h.value.parentElement;
-        if (s) {
-          const i = h.value.offsetLeft, n = s.offsetWidth / m.value;
-          o.value = Math.floor(i / n) + 1, r(o.value, d.label || "");
-        }
-      }
-    };
-    return F(() => {
-      if (_.value && G.value && d.label && h.value && (b(), w)) {
-        const s = w(o.value);
-        x.value = s.maxWidth || 0;
-      }
-    }), (s, i) => J((L(), k("div", {
-      style: S(y.value),
-      ref_key: "gridItemRef",
-      ref: h
-    }, [
-      M(s.$slots, "default", {
-        maxLabelWidthInCol: x.value,
-        columnIndex: o.value
-      })
-    ], 4)), [
-      [K, a.value]
-    ]);
-  }
-}), ee = () => {
-  const l = Q({});
-  return {
-    gridItemData: l,
-    registerGridItem: (a, e) => {
-      var f;
-      if (!e) return;
-      l[a] || (l[a] = { labels: [], maxLength: 0, maxWidth: 0 }), (f = l[a]) == null || f.labels.push(e), l[a].maxLength = Math.max(
-        e.length,
-        l[a].maxLength
-      );
-      const c = Math.ceil(V(e, 14));
-      l[a].maxWidth = Math.max(
-        c || 0,
-        l[a].maxWidth
-      );
-    },
-    getColumnData: (a) => l[a] || {}
-  };
-}, te = { class: "multi-grid" }, ae = /* @__PURE__ */ W({
-  name: "MultiGrid",
-  __name: "MultiGrid",
-  setup(l) {
-    const { getColumnData: d, registerGridItem: t } = ee();
-    return g("registerGridItem", t), g("getColumnData", d), g("isMultiGrid", u(!0)), (a, e) => (L(), k("div", te, [
-      M(a.$slots, "default")
-    ]));
-  }
-}), ne = D(X), le = D(Y), oe = D(ae);
-export {
-  le as Z,
-  ne as a,
-  oe as b
-};