zhihao-ui 1.1.2 → 1.1.3

package/dist/es/BaseInfo-DZxvnbZO.js

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

package/dist/es/DetailHeader-BjsiG5RL.js

@@ -0,0 +1,57 @@
+import { defineComponent as f, useSlots as _, openBlock as a, createElementBlock as o, createElementVNode as t, renderSlot as l, toDisplayString as i, Fragment as c, renderList as u, unref as h, normalizeClass as p, createCommentVNode as g } from "vue";
+import { _ as k } from "./Button-Q7GkKwFF.js";
+import { w as D } from "./utils-DBdiSe6_.js";
+const y = { class: "common-card" }, E = { class: "detail-header" }, I = { class: "detail-header--left" }, b = { class: "title common-title" }, L = { class: "info-pair--label" }, A = { class: "info-pair--value" }, H = {
+  key: 1,
+  class: "detail-header--right"
+}, M = { class: "info-pair--label" }, U = { class: "info-pair--value" }, V = /* @__PURE__ */ f({
+  name: "ZhDetailHeader",
+  __name: "DetailHeader",
+  props: {
+    title: {},
+    leftInfos: {},
+    rightInfos: {},
+    stateMeta: {}
+  },
+  setup(v) {
+    const m = _(), r = v;
+    return (e, C) => {
+      var n, d;
+      return a(), o("div", y, [
+        t("div", null, [
+          l(e.$slots, "menu", {}, void 0, !0)
+        ]),
+        t("div", E, [
+          t("div", I, [
+            t("div", b, i(r.title), 1),
+            l(e.$slots, "extra-info", {}, void 0, !0),
+            (a(!0), o(c, null, u(r.leftInfos, (s) => (a(), o("div", {
+              class: "info-pair",
+              key: s.value
+            }, [
+              t("div", L, i(s.label), 1),
+              t("div", A, i(s.value ?? e.DEFAULT_VALUE), 1)
+            ]))), 128))
+          ]),
+          l(e.$slots, "default", {}, void 0, !0),
+          h(m)["right-infos"] ? l(e.$slots, "right-infos", { key: 0 }, void 0, !0) : (a(), o("div", H, [
+            (a(!0), o(c, null, u(r.rightInfos, (s) => (a(), o("div", {
+              class: "info-pair",
+              key: s.value
+            }, [
+              t("div", M, i(s.label), 1),
+              t("div", U, i(s.value ?? e.DEFAULT_VALUE), 1)
+            ]))), 128)),
+            e.stateMeta ? (a(), o("div", {
+              key: 0,
+              class: p(["state common-title", (n = e.stateMeta) == null ? void 0 : n.state])
+            }, i((d = e.stateMeta) == null ? void 0 : d.intro), 3)) : g("", !0)
+          ]))
+        ])
+      ]);
+    };
+  }
+}), $ = /* @__PURE__ */ k(V, [["__scopeId", "data-v-1bc0f0f5"]]), w = D($);
+export {
+  w as Z
+};

package/dist/es/index.js

@@ -1,7 +1,7 @@
 import { m as o } from "./utils-DBdiSe6_.js";
 import { Z as r } from "./Button-Q7GkKwFF.js";
-import { Z as m } from "./DatePicker-D8LPaPf6.js";
-import { Z as a } from "./DetailSubTitle-C5pVYJhX.js";
+import { Z as a } from "./DatePicker-D8LPaPf6.js";
+import { Z as m } from "./DetailSubTitle-C5pVYJhX.js";
 import { Z as t } from "./Dialog-BASeD5f8.js";
 import { Z } from "./EditInfoPair-CM5piQwT.js";
 import { Z as i } from "./FileWrapper-DN-KKB9p.js";
@@ -13,11 +13,15 @@ import { Z as n } from "./MessageBox-26ImfgOR.js";
 import { Z as l } from "./MoneyInput-Dt_ZE-zv.js";
 import { Z as u } from "./PageHeadPanel-CdohXWA9.js";
 import { Z as I } from "./ToolTips-CxyQMewg.js";
-const d = [r, m, a, t, Z, i, s, p, e, f, h, n, l, u, I], L = o(d);
+import { Z as d } from "./BaseInfo-DZxvnbZO.js";
+import { Z as P } from "./DetailHeader-BjsiG5RL.js";
+const c = [r, a, m, t, Z, i, s, p, e, f, h, n, l, u, I, d, P], j = o(c);
 export {
+  d as ZhBaseInfo,
   r as ZhButton,
-  m as ZhDatePicker,
-  a as ZhDetailSubTitle,
+  a as ZhDatePicker,
+  P as ZhDetailHeader,
+  m as ZhDetailSubTitle,
   t as ZhDialog,
   Z as ZhEditInfoPair,
   i as ZhFileWrapper,
@@ -30,5 +34,5 @@ export {
   l as ZhMoneyInput,
   u as ZhPageHeadPanel,
   I as ZhToolTips,
-  L as default
+  j as default
 };