zhihao-ui 1.0.2 → 1.1.1

package/dist/es/MessageBox-BbG8P2uz.js

@@ -0,0 +1,100 @@
+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 c, createVNode as h, mergeModels as g } from "vue";
+import { f as F, b as I, e as z } from "./vendor-Cv1TpEaZ.js";
+import { z as E } from "./Dialog-D9YXcRFu.js";
+import { _ } from "./Button-DnpxJA88.js";
+import { w as A } from "./utils-amzq0_Yw.js";
+const D = {
+  key: 0,
+  class: "tips"
+}, T = /* @__PURE__ */ k({
+  name: "zh-message-box",
+  __name: "MessageBox",
+  props: /* @__PURE__ */ g({
+    title: {},
+    subtitle: {},
+    tip: {},
+    placeholder: {},
+    formItemProps: {},
+    formProps: {},
+    inputProps: {},
+    closeOnClickModal: { type: Boolean },
+    callBack: { type: Function },
+    onAction: { type: Function },
+    onVanish: { type: Function },
+    submitText: {},
+    render: { type: Function },
+    maxlength: {},
+    renderProps: {}
+  }, {
+    visible: { type: Boolean, default: !0 },
+    visibleModifiers: {}
+  }),
+  emits: /* @__PURE__ */ g(["action", "vanish"], ["update:visible"]),
+  setup(d, { emit: y }) {
+    const t = d, i = y, l = P(d, "visible"), f = m(), s = m({
+      textarea: ""
+    }), x = m({
+      textarea: [{ validator: (e, a, o) => {
+        a || o(t.placeholder), o();
+      }, trigger: ["blur", "change"] }]
+    }), b = async () => {
+      var e;
+      t.placeholder ? (e = f.value) == null || e.validate(async (a) => {
+        if (a)
+          try {
+            if (t.callBack) {
+              const o = await t.callBack(s.value.textarea);
+              console.log(o);
+            }
+            i("action", "submit"), l.value = !1;
+          } catch (o) {
+            console.log(o);
+          }
+      }) : (i("action", "submit"), l.value = !1);
+    }, B = () => {
+      i("action", "cancel"), l.value = !1;
+    };
+    return (e, a) => (n(), p(E, r({
+      modelValue: l.value,
+      "onUpdate:modelValue": a[1] || (a[1] = (o) => l.value = o),
+      width: "544"
+    }, t, {
+      onSubmit: b,
+      onClose: B
+    }), {
+      default: u(() => [
+        e.tip ? (n(), w("div", D, V(e.tip), 1)) : v("", !0),
+        e.render ? (n(), p(M(e.render), C(r({ key: 1 }, t.renderProps)), null, 16)) : e.placeholder ? (n(), p(c(F), r({
+          key: 2,
+          ref_key: "formRef",
+          ref: f,
+          model: s.value,
+          rules: x.value
+        }, t.formProps), {
+          default: u(() => [
+            h(c(I), r({ prop: "textarea" }, t.formItemProps), {
+              default: u(() => [
+                h(c(z), r({
+                  modelValue: s.value.textarea,
+                  "onUpdate:modelValue": a[0] || (a[0] = (o) => s.value.textarea = o),
+                  style: { width: "100%" },
+                  rows: 4,
+                  type: "textarea",
+                  placeholder: e.placeholder,
+                  maxlength: t.maxlength || 100,
+                  "show-word-limit": ""
+                }, e.inputProps), null, 16, ["modelValue", "placeholder", "maxlength"])
+              ]),
+              _: 1
+            }, 16)
+          ]),
+          _: 1
+        }, 16, ["model", "rules"])) : v("", !0)
+      ]),
+      _: 1
+    }, 16, ["modelValue"]));
+  }
+}), N = /* @__PURE__ */ _(T, [["__scopeId", "data-v-1903b5ef"]]), q = A(N);
+export {
+  q as Z
+};

package/dist/es/MoneyInput-CbCeKV_v.js

@@ -0,0 +1,53 @@
+import { defineComponent as d, useModel as i, computed as f, ref as v, openBlock as c, createBlock as y, unref as V, withCtx as n, createVNode as b, mergeProps as I, createSlots as M, renderList as g, renderSlot as w, normalizeProps as B, guardReactiveProps as N, mergeModels as m } from "vue";
+import { v as k, d as P } from "./DatePicker-DdLVvq3M.js";
+import { g as T } from "./vendor-Cv1TpEaZ.js";
+import { I as _ } from "./Input-wPjJsk3b.js";
+import { _ as $ } from "./Button-DnpxJA88.js";
+import { w as z } from "./utils-amzq0_Yw.js";
+const C = /* @__PURE__ */ d({
+  name: "zh-money-input",
+  __name: "MoneyInput",
+  props: /* @__PURE__ */ m({
+    style: {},
+    class: {},
+    showTooltip: { type: Boolean, default: !0 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ m(["update:modelValue"], ["update:modelValue"]),
+  setup(s, { emit: U }) {
+    const a = s, e = i(s, "modelValue"), u = f(() => {
+      if (e.value)
+        return k(e.value) && Number(e.value) >= 1e3 ? P(Number(e.value)) : "";
+    }), r = v(!1);
+    return (t, o) => (c(), y(V(T), {
+      effect: "dark",
+      content: u.value,
+      placement: "top",
+      visible: t.showTooltip && r.value && !!u.value
+    }, {
+      default: n(() => [
+        b(_, I(t.$attrs, {
+          modelValue: e.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (l) => e.value = l),
+          style: a.style,
+          class: a.class,
+          onFocus: o[1] || (o[1] = () => r.value = !0),
+          onBlur: o[2] || (o[2] = () => r.value = !1)
+        }), M({ _: 2 }, [
+          g(Object.keys(t.$slots), (l) => ({
+            name: l,
+            fn: n((p) => [
+              w(t.$slots, l, B(N(p)), void 0, !0)
+            ])
+          }))
+        ]), 1040, ["modelValue", "style", "class"])
+      ]),
+      _: 3
+    }, 8, ["content", "visible"]));
+  }
+}), S = /* @__PURE__ */ $(C, [["__scopeId", "data-v-d97e0edf"]]), L = z(S);
+export {
+  L as Z
+};

package/dist/es/PageHeadPanel-BaNhcn2t.js

@@ -0,0 +1,32 @@
+import { defineComponent as i, toRefs as m, openBlock as h, createElementBlock as u, createElementVNode as e, toDisplayString as s, unref as a, renderSlot as f } from "vue";
+import { _ as g } from "./Button-DnpxJA88.js";
+import { w as v } from "./utils-amzq0_Yw.js";
+const P = { class: "page-head" }, x = { class: "left-wrap" }, b = { class: "page-name" }, S = { class: "value" }, w = { class: "other-inform" }, H = { class: "label" }, k = { class: "value mg-r-24" }, B = { class: "status" }, E = /* @__PURE__ */ i({
+  name: "zh-page-head-panel",
+  __name: "PageHeadPanel",
+  props: {
+    dataSource: {}
+  },
+  setup(o) {
+    const n = o, { name: l, no: c, status: d, extendLabel: r, extendValue: p } = m(n.dataSource);
+    return (_, t) => (h(), u("div", P, [
+      e("div", x, [
+        e("span", b, s(a(l)), 1),
+        e("div", null, [
+          t[0] || (t[0] = e("span", { class: "label mg-l-16" }, "编号", -1)),
+          e("span", S, s(a(c)), 1)
+        ])
+      ]),
+      e("div", w, [
+        f(_.$slots, "extend", {}, () => [
+          e("span", H, s(a(r)), 1),
+          e("span", k, s(a(p)), 1)
+        ], !0),
+        e("span", B, s(a(d)), 1)
+      ])
+    ]));
+  }
+}), I = /* @__PURE__ */ g(E, [["__scopeId", "data-v-cecdddb2"]]), z = v(I);
+export {
+  z as Z
+};

package/dist/es/ToolTips-Dm28zKim.js

@@ -0,0 +1,37 @@
+import { defineComponent as p, openBlock as r, createBlock as l, unref as s, withCtx as a, renderSlot as c, createElementVNode as i } from "vue";
+import { g as m } from "./vendor-Cv1TpEaZ.js";
+import { _ as f } from "./Button-DnpxJA88.js";
+import { w as d } from "./utils-amzq0_Yw.js";
+const u = /* @__PURE__ */ p({
+  name: "zh-tool-tips",
+  __name: "ToolTips",
+  props: {
+    placement: {
+      type: String,
+      default: "top"
+    },
+    content: {
+      type: String,
+      default: "top"
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (n, o) => (r(), l(s(m), {
+      class: "box-item",
+      effect: "dark",
+      content: t.content,
+      placement: t.placement
+    }, {
+      default: a(() => [
+        c(n.$slots, "default", {}, () => [
+          o[0] || (o[0] = i("i", { class: "iconfont icon-Frame2" }, null, -1))
+        ], !0)
+      ]),
+      _: 3
+    }, 8, ["content", "placement"]));
+  }
+}), _ = /* @__PURE__ */ f(u, [["__scopeId", "data-v-93c79d22"]]), k = d(_);
+export {
+  k as Z
+};

package/dist/es/index.js

@@ -0,0 +1,34 @@
+import { m as o } from "./utils-amzq0_Yw.js";
+import { Z as r } from "./Button-DnpxJA88.js";
+import { Z as m } from "./DatePicker-DdLVvq3M.js";
+import { Z as a } from "./DetailSubTitle-BWNtw5qC.js";
+import { Z as t } from "./Dialog-D9YXcRFu.js";
+import { Z } from "./EditInfoPair-Dkj9ohlm.js";
+import { Z as i } from "./FileWrapper-D9UO6aN1.js";
+import { Z as s } from "./Grid-D8odZrqs.js";
+import { Z as p } from "./InfoPair-BXFe3add.js";
+import { Z as e, a as f } from "./Input-wPjJsk3b.js";
+import { Z as h } from "./Loading-ClJhDU4h.js";
+import { Z as n } from "./MessageBox-BbG8P2uz.js";
+import { Z as l } from "./MoneyInput-CbCeKV_v.js";
+import { Z as u } from "./PageHeadPanel-BaNhcn2t.js";
+import { Z as I } from "./ToolTips-Dm28zKim.js";
+const d = [r, m, a, t, Z, i, s, p, e, f, h, n, l, u, I], L = o(d);
+export {
+  r as ZhButton,
+  m as ZhDatePicker,
+  a as ZhDetailSubTitle,
+  t as ZhDialog,
+  Z as ZhEditInfoPair,
+  i as ZhFileWrapper,
+  s as ZhGrid,
+  p as ZhInfoPair,
+  e as ZhInput,
+  f as ZhInputNumber,
+  h as ZhLoading,
+  n as ZhMessageBox,
+  l as ZhMoneyInput,
+  u as ZhPageHeadPanel,
+  I as ZhToolTips,
+  L as default
+};

package/dist/es/utils-amzq0_Yw.js

@@ -0,0 +1,14 @@
+import { i as t } from "./vendor-Cv1TpEaZ.js";
+function n(a) {
+  return (s) => t(a, (r) => {
+    s.use(r);
+  });
+}
+const e = (a) => (a.install = (l) => {
+  const s = (a == null ? void 0 : a.name) || "UnnamedComponent";
+  l.component(s, a);
+}, a);
+export {
+  n as m,
+  e as w
+};