zhihao-ui 1.1.2 → 1.1.4

package/components.ts

@@ -0,0 +1,4 @@
+import { ZhButton, ZhDatePicker, ZhDetailSubTitle, ZhDialog, ZhEditInfoPair, ZhFileWrapper, ZhGrid, ZhInfoPair, ZhInput, ZhInputNumber , ZhLoading, ZhMessageBox, ZhMoneyInput, ZhPageHeadPanel, ZhToolTips, ZhBaseInfo, ZhDetailHeader}  from "@zhihao-ui/components";
+import type { Plugin } from "vue"
+
+export default [ ZhButton, ZhDatePicker, ZhDetailSubTitle, ZhDialog, ZhEditInfoPair, ZhFileWrapper, ZhGrid, ZhInfoPair, ZhInput, ZhInputNumber, ZhLoading, ZhMessageBox, ZhMoneyInput, ZhPageHeadPanel, ZhToolTips, ZhBaseInfo, ZhDetailHeader ] as Plugin[] 

package/dist/es/BaseInfo-BkvnHbZn.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-BYcPM2qZ.js

@@ -0,0 +1,57 @@
+import { defineComponent as _, useSlots as h, openBlock as a, createElementBlock as o, createElementVNode as t, renderSlot as l, toDisplayString as i, Fragment as c, renderList as u, unref as f, 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" }, L = { class: "title common-title" }, b = { 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__ */ _({
+  name: "ZhDetailHeader",
+  __name: "DetailHeader",
+  props: {
+    title: {},
+    leftInfos: {},
+    rightInfos: {},
+    stateMeta: {}
+  },
+  setup(v) {
+    const m = h(), 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", L, 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", b, i(s.label), 1),
+              t("div", A, i(s.value ?? e.DEFAULT_VALUE), 1)
+            ]))), 128))
+          ]),
+          l(e.$slots, "default", {}, void 0, !0),
+          f(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-d9112e20"]]), w = D($);
+export {
+  w as Z
+};

package/dist/es/{Dialog-BASeD5f8.js → Dialog-BEZ3yodA.js}

@@ -67,7 +67,7 @@ const E = { class: "dialog-wrap" }, M = { class: "title" }, N = {
       }, 16, ["modelValue", "close-on-click-modal", "show-close"])
     ]));
   }
-}), S = /* @__PURE__ */ D(z, [["__scopeId", "data-v-3003248f"]]), O = B(S);
+}), S = /* @__PURE__ */ D(z, [["__scopeId", "data-v-f0a19e8f"]]), O = B(S);
 export {
   O as Z,
   S as z

package/dist/es/{MessageBox-26ImfgOR.js → MessageBox-DrIbylqd.js}

@@ -1,6 +1,6 @@
 import { defineComponent as k, useModel as P, ref as m, openBlock as n, createBlock as p, mergeProps as r, withCtx as u, createElementBlock as w, toDisplayString as V, createCommentVNode as v, resolveDynamicComponent as M, normalizeProps as C, unref as d, createVNode as h, mergeModels as g } from "vue";
 import { e as F, f as I, d as z } from "./vendor-mKFy0Hb6.js";
-import { z as E } from "./Dialog-BASeD5f8.js";
+import { z as E } from "./Dialog-BEZ3yodA.js";
 import { _ } from "./Button-Q7GkKwFF.js";
 import { w as A } from "./utils-DBdiSe6_.js";
 const D = {

package/dist/es/index.js

@@ -1,23 +1,27 @@
 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 t } from "./Dialog-BASeD5f8.js";
+import { Z as a } from "./DatePicker-D8LPaPf6.js";
+import { Z as m } from "./DetailSubTitle-C5pVYJhX.js";
+import { Z as t } from "./Dialog-BEZ3yodA.js";
 import { Z } from "./EditInfoPair-CM5piQwT.js";
 import { Z as i } from "./FileWrapper-DN-KKB9p.js";
 import { Z as s } from "./Grid-Ds-Jy0Mn.js";
 import { Z as p } from "./InfoPair-CnBR3fy9.js";
 import { Z as e, a as f } from "./Input-C1s8JqmI.js";
 import { Z as h } from "./Loading-DELLXz7f.js";
-import { Z as n } from "./MessageBox-26ImfgOR.js";
+import { Z as n } from "./MessageBox-DrIbylqd.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-BkvnHbZn.js";
+import { Z as P } from "./DetailHeader-BYcPM2qZ.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
 };