zhihao-ui 1.3.58-alpha.1 → 1.3.58-alpha.2

package/dist/es/BaseInfo-CD2tAAod.js

@@ -0,0 +1,51 @@
+import { defineComponent as h, ref as o, provide as n, watch as i, openBlock as u, createBlock as m, withCtx as p, renderSlot as W } from "vue";
+import { _ } from "./Grid-Cndtkriq.js";
+import { w as b } from "./utils-vqG84sMo.js";
+const D = /* @__PURE__ */ h({
+  name: "ZhBaseInfo",
+  __name: "BaseInfo",
+  props: {
+    contentWidth: { default: void 0 },
+    labelWidth: { default: "70px" },
+    infoDirection: { default: "horizontal" },
+    cols: { default: 4 },
+    gap: { default: 16 }
+  },
+  setup(c) {
+    const t = c, a = o(), f = o(), l = o();
+    n("infoLabelWidth", a), n("infoContentWidth", f), n("infoDirection", l);
+    function r() {
+      a.value = t.labelWidth;
+    }
+    function s() {
+      f.value = t.contentWidth;
+    }
+    function d() {
+      l.value = t.infoDirection;
+    }
+    return i(
+      () => t.contentWidth,
+      () => s(),
+      { immediate: !0 }
+    ), i(
+      () => t.labelWidth,
+      () => r(),
+      { immediate: !0 }
+    ), i(
+      () => t.infoDirection,
+      () => d(),
+      { immediate: !0 }
+    ), (e, v) => (u(), m(_, {
+      cols: e.cols,
+      gap: e.gap
+    }, {
+      default: p(() => [
+        W(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["cols", "gap"]));
+  }
+}), g = b(D);
+export {
+  g as Z
+};

package/dist/es/{BaseItem-zscYu8eV.js → BaseItem-DcezA7sa.js}

@@ -1,11 +1,11 @@
-import { defineComponent as z, useSlots as R, inject as T, computed as n, ref as M, watchEffect as A, openBlock as t, createBlock as u, unref as s, withCtx as d, createElementVNode as h, normalizeClass as m, normalizeStyle as W, resolveDynamicComponent as k, createElementBlock as i, toDisplayString as o, renderSlot as S, Fragment as v, withModifiers as V, createTextVNode as f, createVNode as p, createCommentVNode as O } from "vue";
-import { E as D, a as Z, d as g } from "./vendor-MMWA2y7U.js";
-import { Z as G } from "./Grid-CK82axOD.js";
+import { defineComponent as R, useSlots as T, inject as L, computed as n, ref as M, watchEffect as A, openBlock as t, createBlock as u, unref as s, withCtx as m, createElementVNode as h, normalizeClass as d, normalizeStyle as S, resolveDynamicComponent as D, createElementBlock as i, toDisplayString as o, renderSlot as V, Fragment as p, withModifiers as O, createTextVNode as f, createVNode as b, createCommentVNode as W } from "vue";
+import { E as C, a as g, d as Z } from "./vendor-MMWA2y7U.js";
+import { Z as G } from "./Grid-Cndtkriq.js";
 import { w as U } from "./utils-vqG84sMo.js";
-const b = "--", X = "YYYY-MM-DDTHH:mm:ss", x = "YYYY-MM-DDT23:59:59", ee = "YYYY-MM-DD", le = "https://static.zhihaoscm.cn/", _ = { key: 1 }, H = {
+const y = "--", X = "YYYY-MM-DDTHH:mm:ss", x = "YYYY-MM-DDT23:59:59", ee = "YYYY-MM-DD", le = "https://static.zhihaoscm.cn/", _ = { key: 1 }, H = {
   key: 1,
   class: "zh-base-item--value--file"
-}, $ = { key: 2 }, j = /* @__PURE__ */ z({
+}, $ = { key: 2 }, j = /* @__PURE__ */ R({
   name: "ZhBaseItem",
   __name: "BaseItem",
   props: {
@@ -19,7 +19,7 @@ const b = "--", X = "YYYY-MM-DDTHH:mm:ss", x = "YYYY-MM-DDT23:59:59", ee = "YYYY
     onClick: {},
     labelWidth: {},
     infoDirection: { default: "horizontal" },
-    defaultValue: { default: b },
+    defaultValue: { default: y },
     className: {},
     labelClassName: {},
     valueClassName: {},
@@ -27,13 +27,10 @@ const b = "--", X = "YYYY-MM-DDTHH:mm:ss", x = "YYYY-MM-DDT23:59:59", ee = "YYYY
     showFileName: { type: Boolean, default: !0 },
     fetchFileById: {}
   },
-  setup(C) {
-    const I = R(), l = C, w = T(
-      "infoLabelWidth",
-      void 0
-    ), F = n(() => !!(l.onClick && l.value)), y = n(() => !!(!l.value && l.fileId)), c = M(), E = n(() => {
+  setup(I) {
+    const w = T(), l = I, c = L("infoLabelWidth"), F = n(() => !!(l.onClick && l.value)), N = n(() => !!(!l.value && l.fileId)), v = M(), E = n(() => {
       var a;
-      const e = (a = c.value) == null ? void 0 : a.name;
+      const e = (a = v.value) == null ? void 0 : a.name;
       if (!e)
         return "";
       if (l.rewriteFileName) {
@@ -42,74 +39,74 @@ const b = "--", X = "YYYY-MM-DDTHH:mm:ss", x = "YYYY-MM-DDT23:59:59", ee = "YYYY
       }
       return e;
     }), B = n(() => {
-      const e = {}, a = l.labelWidth || w;
-      return a && l.infoDirection === "horizontal" && (isNaN(Number(a)) ? e.width = a : e.width = a + "px"), e;
-    }), L = n(() => ({
+      const e = {}, a = l.labelWidth || (c == null ? void 0 : c.value);
+      return a && l.infoDirection === "horizontal" && (isNaN(Number(a)) ? e.width = String(a) : e.width = a + "px"), e;
+    }), Y = n(() => ({
       ...B.value
-    })), Y = n(() => l.value === "" ? b : l.value ?? b);
+    })), z = n(() => l.value === "" ? y : l.value ?? y);
     return A(async () => {
-      !y.value || !l.fileId || !l.fetchFileById || (c.value = await l.fetchFileById(l.fileId));
+      !N.value || !l.fileId || !l.fetchFileById || (v.value = await l.fetchFileById(l.fileId));
     }), (e, a) => (t(), u(s(G), {
       span: e.span,
       label: e.label
     }, {
-      default: d((r) => {
-        var N;
+      default: m((r) => {
+        var k;
         return [
           h("div", {
-            class: m(["zh-base-item", [e.infoDirection, e.className]])
+            class: d(["zh-base-item", [e.infoDirection, e.className]])
           }, [
             h("div", {
-              class: m(["zh-base-item-label", [e.infoDirection, e.labelClassName]]),
-              style: W({
+              class: d(["zh-base-item-label", [e.infoDirection, e.labelClassName]]),
+              style: S({
                 width: e.infoDirection === "horizontal" && r.maxLabelWidthInCol ? r.maxLabelWidthInCol + "px" : void 0,
-                ...L.value
+                ...Y.value
               })
             }, [
-              e.labelRender ? (t(), u(k(e.labelRender), { key: 0 })) : (t(), i("span", _, o(e.label) + o(e.colon ? ":" : ""), 1))
+              e.labelRender ? (t(), u(D(e.labelRender), { key: 0 })) : (t(), i("span", _, o(e.label) + o(e.colon ? ":" : ""), 1))
             ], 6),
             h("div", {
-              class: m(["zh-base-item-value", e.valueClassName])
+              class: d(["zh-base-item-value", e.valueClassName])
             }, [
-              s(I).value ? S(e.$slots, "value", {
+              s(w).value ? V(e.$slots, "value", {
                 key: 0,
                 content: e.value
-              }) : (t(), i(v, { key: 1 }, [
-                F.value ? (t(), u(s(D), {
+              }) : (t(), i(p, { key: 1 }, [
+                F.value ? (t(), u(s(C), {
                   key: 0,
                   type: "primary",
                   class: "zh-base-item--value--link",
-                  onClick: a[0] || (a[0] = V((K) => e.onClick && e.onClick(e.value), ["stop"]))
+                  onClick: a[0] || (a[0] = O((K) => e.onClick && e.onClick(e.value ?? void 0), ["stop"]))
                 }, {
-                  default: d(() => [
+                  default: m(() => [
                     f(o(e.value), 1)
                   ]),
                   _: 1
-                })) : y.value ? (t(), i("div", H, [
-                  e.showFileName ? (t(), i(v, { key: 0 }, [
-                    p(s(Z), { class: "iconfont" }, {
-                      default: d(() => [
-                        p(s(g))
+                })) : N.value ? (t(), i("div", H, [
+                  e.showFileName ? (t(), i(p, { key: 0 }, [
+                    b(s(g), { class: "iconfont" }, {
+                      default: m(() => [
+                        b(s(Z))
                       ]),
                       _: 1
                     }),
                     f(" " + o(E.value), 1)
-                  ], 64)) : O("", !0),
-                  p(s(D), {
+                  ], 64)) : W("", !0),
+                  b(s(C), {
                     type: "primary",
-                    href: (N = c.value) == null ? void 0 : N.path,
+                    href: (k = v.value) == null ? void 0 : k.path,
                     target: "_blank",
-                    class: m({ "ml-8": e.showFileName })
+                    class: d({ "ml-8": e.showFileName })
                   }, {
-                    default: d(() => a[1] || (a[1] = [
+                    default: m(() => a[1] || (a[1] = [
                       f(" 查看/下载 ")
                     ])),
                     _: 1
                   }, 8, ["href", "class"])
                 ])) : e.valueRender ? (t(), i("div", $, [
-                  (t(), u(k(e.valueRender)))
-                ])) : (t(), i(v, { key: 3 }, [
-                  f(o(Y.value), 1)
+                  (t(), u(D(e.valueRender)))
+                ])) : (t(), i(p, { key: 3 }, [
+                  f(o(z.value), 1)
                 ], 64))
               ], 64))
             ], 2)
@@ -122,7 +119,7 @@ const b = "--", X = "YYYY-MM-DDTHH:mm:ss", x = "YYYY-MM-DDT23:59:59", ee = "YYYY
 }), ae = U(j);
 export {
   le as C,
-  b as D,
+  y as D,
   X as L,
   ae as Z,
   ee as a,

package/dist/es/{DatePicker-C1DDRvC8.js → DatePicker-CP0KSqBs.js}

@@ -1,6 +1,6 @@
 import { defineComponent as u, openBlock as f, createElementBlock as h, normalizeClass as D, createVNode as g, unref as _, mergeProps as A } from "vue";
 import { j as T, k as y } from "./vendor-MMWA2y7U.js";
-import { D as m, a as b, L as p, b as k } from "./BaseItem-zscYu8eV.js";
+import { D as m, a as b, L as p, b as k } from "./BaseItem-DcezA7sa.js";
 import { w as E } from "./utils-vqG84sMo.js";
 const d = (e, l = b) => e ? T(e).format(l).replace("Invalid date", m) : m, P = (e) => typeof e == "number" ? !0 : typeof e == "string" ? !isNaN(parseFloat(e)) : !1;
 function U(e) {

package/dist/es/{DetailHeader-vuClNac7.js → DetailHeader-DoaD0eKO.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, useSlots as _, openBlock as a, createElementBlock as o, createElementVNode as t, renderSlot as l, toDisplayString as i, Fragment as m, renderList as u, unref as n, normalizeClass as D, createCommentVNode as g } from "vue";
-import { D as v } from "./BaseItem-zscYu8eV.js";
+import { D as v } from "./BaseItem-DcezA7sa.js";
 import { _ as k } from "./Button-B2Z_WKdq.js";
 import { w as y } from "./utils-vqG84sMo.js";
 const I = { class: "common-card" }, b = { class: "detail-header" }, E = { class: "detail-header--left" }, H = { class: "title common-title" }, M = { class: "info-pair--label" }, $ = { class: "info-pair--value" }, C = {

package/dist/es/{DetailSubTitle-Cu4OuVMN.js → DetailSubTitle-oiPuqJg6.js}

@@ -1,5 +1,5 @@
 import { defineComponent as r, openBlock as o, createElementBlock as s, createElementVNode as l, createTextVNode as a, toDisplayString as t, createCommentVNode as p, normalizeClass as c, renderSlot as m, unref as d } from "vue";
-import { D as u } from "./BaseItem-zscYu8eV.js";
+import { D as u } from "./BaseItem-DcezA7sa.js";
 import { w as f } from "./utils-vqG84sMo.js";
 const _ = { class: "info-pair" }, v = { class: "info-pair--title" }, h = {
   key: 0,

package/dist/es/{DiyDataTable-Dxj2T0df.js → DiyDataTable-Bwk_tQDp.js}

@@ -1,5 +1,5 @@
 import { defineComponent as K, useModel as j, ref as E, computed as G, openBlock as s, createBlock as m, unref as u, withCtx as f, createVNode as R, mergeProps as J, createCommentVNode as x, createElementBlock as v, Fragment as A, renderList as Q, normalizeClass as S, toDisplayString as C, renderSlot as T, createTextVNode as D, createElementVNode as k, mergeModels as Y } from "vue";
-import { D as F } from "./BaseItem-zscYu8eV.js";
+import { D as F } from "./BaseItem-DcezA7sa.js";
 import { m as V, e as N, n as ee, o as te, p as _, q as L, r as ae, s as I, b as U } from "./vendor-MMWA2y7U.js";
 import { _ as oe } from "./Button-B2Z_WKdq.js";
 import { w as le } from "./utils-vqG84sMo.js";

package/dist/es/{EditInfoPair-m7xcpK-8.js → EditInfoPair-BRkRrmJI.js}

@@ -1,5 +1,5 @@
 import { defineComponent as l, openBlock as o, createElementBlock as s, createElementVNode as a, createTextVNode as r, toDisplayString as t, createCommentVNode as p, normalizeClass as c, renderSlot as d, unref as m } from "vue";
-import { D as f } from "./BaseItem-zscYu8eV.js";
+import { D as f } from "./BaseItem-DcezA7sa.js";
 import { _ } from "./Button-B2Z_WKdq.js";
 import { w as u } from "./utils-vqG84sMo.js";
 const v = { class: "info-pair" }, h = { class: "info-pair--title" }, E = {

package/dist/es/{FileWrapper-C7ZFwtsF.js → FileWrapper-Bw-FhIY5.js}

@@ -1,5 +1,5 @@
 import { defineComponent as f, openBlock as i, createElementBlock as o, toDisplayString as n, createCommentVNode as s, createElementVNode as t, createVNode as p, unref as m, withCtx as _, createTextVNode as u } from "vue";
-import { D as w } from "./BaseItem-zscYu8eV.js";
+import { D as w } from "./BaseItem-DcezA7sa.js";
 import { E as y } from "./vendor-MMWA2y7U.js";
 import { _ as h } from "./Button-B2Z_WKdq.js";
 import { w as v } from "./utils-vqG84sMo.js";

package/dist/es/{Grid-CK82axOD.js → Grid-Cndtkriq.js}

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

package/dist/es/{InfoPair-CdkSVoN0.js → InfoPair-CIuXeXV1.js}

@@ -1,5 +1,5 @@
 import { defineComponent as l, openBlock as i, createElementBlock as s, createElementVNode as a, createTextVNode as r, toDisplayString as t, createCommentVNode as p, normalizeClass as c, renderSlot as m, unref as f } from "vue";
-import { D as d } from "./BaseItem-zscYu8eV.js";
+import { D as d } from "./BaseItem-DcezA7sa.js";
 import { _ } from "./Button-B2Z_WKdq.js";
 import { w as u } from "./utils-vqG84sMo.js";
 const v = { class: "info-pair" }, h = { class: "info-pair--title" }, I = {