@owocow/saber-ui 0.1.13 → 0.1.14

package/dist/plugin-DvH6j00c.js

@@ -0,0 +1,442 @@
+import B from "@nuxt/ui/components/Button.vue";
+import { inject as de, h as pe, defineComponent as F, useModel as $, computed as h, openBlock as b, createElementBlock as D, renderSlot as A, Fragment as T, renderList as K, createBlock as y, resolveDynamicComponent as W, unref as x, mergeProps as V, toHandlers as G, createVNode as k, normalizeClass as J, mergeModels as v, ref as O, watch as j, useTemplateRef as fe, withCtx as z, createTextVNode as R, toDisplayString as N, useAttrs as be, createSlots as ve, withModifiers as L } from "vue";
+import { S as w, _ as P } from "./SaberPopSelect.vue_vue_type_script_setup_true_lang-eH8jkkzK.js";
+import _e from "@nuxt/ui/components/Form.vue";
+import Se from "@nuxt/ui/components/FormField.vue";
+import { _ as q } from "./SaberModal.vue_vue_type_script_setup_true_lang-DJno3jA3.js";
+import { D as he } from "./use-dict-options-DjtbYYIa.js";
+import { D as ge, a as ye, r as ze } from "./district-service-cOu1tbQG.js";
+import { U as Ve } from "./upload-image-source-On8NHgmx.js";
+import H from "@nuxt/ui/components/Input.vue";
+import Z from "@nuxt/ui/components/InputNumber.vue";
+import Fe from "@nuxt/ui/components/RadioGroup.vue";
+import Q from "@nuxt/ui/components/Select.vue";
+import X from "@nuxt/ui/components/Textarea.vue";
+import { _ as Y } from "./SaberDictCheckbox.vue_vue_type_script_setup_true_lang-DUbzy_C6.js";
+import { a as ee, _ as te } from "./SaberDictRadio.vue_vue_type_script_setup_true_lang-DR6-jSID.js";
+import { _ as oe } from "./SaberDictSelect.vue_vue_type_script_setup_true_lang-BKdOdlFX.js";
+import { _ as ne } from "./SaberDistrictSelect.vue_vue_type_script_setup_true_lang-jkl2AOay.js";
+function M(e) {
+  return e == null ? !1 : typeof e == "string" ? e.trim() !== "" : Array.isArray(e) ? e.some(M) : typeof e == "object" ? Object.values(e).some(M) : !0;
+}
+function $e(e, o) {
+  if (e === o) return !0;
+  try {
+    return JSON.stringify(e) === JSON.stringify(o);
+  } catch {
+    return !1;
+  }
+}
+function ke(e, o, t) {
+  return t != null ? o.some((n) => !$e(e[n.key], t[n.key])) : o.some((n) => M(e[n.key]));
+}
+const ae = Symbol("SaberFormRegistry");
+function xe(e = {}) {
+  const o = new Map(Object.entries(e));
+  return {
+    register(t, n) {
+      o.set(t, n);
+    },
+    registerMany(t) {
+      Object.entries(t).forEach(([n, r]) => o.set(n, r));
+    },
+    resolve(t) {
+      return o.get(t);
+    },
+    has(t) {
+      return o.has(t);
+    }
+  };
+}
+function re() {
+  return de(ae, void 0);
+}
+const E = /* @__PURE__ */ new Set(), we = {
+  name: "SaberMissingFormComponent",
+  setup() {
+    return () => pe("div", { class: "text-muted text-sm" }, "组件未注册");
+  }
+};
+function se(e, o) {
+  if (typeof o != "string") return o;
+  const t = e == null ? void 0 : e.resolve(o);
+  return t || (E.has(o) || (E.add(o), console.warn(`[SaberUI] Form component "${o}" is not registered.`)), we);
+}
+const Ue = { class: "flex gap-2" }, Ce = /* @__PURE__ */ F({
+  name: "SaberFilterBar",
+  __name: "SaberFilterBar",
+  props: /* @__PURE__ */ v({
+    fields: {},
+    initialParams: { default: null },
+    size: { default: "lg" }
+  }, {
+    modelValue: { default: () => ({}) },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ v(["search", "reset", "refresh"], ["update:modelValue"]),
+  setup(e, { expose: o, emit: t }) {
+    const n = e, r = t, i = $(e, "modelValue"), d = re(), l = h(() => w[n.size]), s = h(() => ke(i.value, n.fields, n.initialParams));
+    o({ hasActiveFilters: s });
+    function _(c = "change") {
+      return c === "manual" ? {} : c === "update:model-value" ? { "update:modelValue": () => r("search") } : { change: () => r("search") };
+    }
+    function p() {
+      s.value ? r("reset") : r("refresh");
+    }
+    function f(c) {
+      var S;
+      const g = (S = c.props) == null ? void 0 : S.size;
+      return typeof g == "string" ? g === "sl" && typeof c.which == "string" && c.which.startsWith("ui-") ? "sm" : g : typeof c.which == "string" && c.which.startsWith("ui-") ? l.value.nuxtSize : n.size;
+    }
+    return (c, g) => {
+      const S = B;
+      return b(), D("div", Ue, [
+        A(c.$slots, "leading"),
+        (b(!0), D(T, null, K(e.fields, (a) => (b(), y(W(x(se)(x(d), a.which)), V({
+          key: a.key,
+          modelValue: i.value[a.key],
+          "onUpdate:modelValue": (u) => i.value[a.key] = u
+        }, { ref_for: !0 }, a.props, {
+          size: f(a),
+          class: a.class
+        }, G(_(a.searchOn))), null, 16, ["modelValue", "onUpdate:modelValue", "size", "class"]))), 128)),
+        k(S, {
+          icon: s.value ? "i-mdi:close" : "i-solar:refresh-bold",
+          variant: "outline",
+          color: "neutral",
+          block: "",
+          size: l.value.nuxtSize,
+          class: J([l.value.square, "is-plain shrink-0 ml-auto"]),
+          onClick: p
+        }, null, 8, ["icon", "size", "class"]),
+        A(c.$slots, "trailing")
+      ]);
+    };
+  }
+}), De = /* @__PURE__ */ F({
+  name: "SaberFormModal",
+  inheritAttrs: !1,
+  __name: "SaberFormModal",
+  props: /* @__PURE__ */ v({
+    fields: {},
+    model: { default: void 0 },
+    validate: { type: Function, default: void 0 },
+    submit: {},
+    title: { default: void 0 },
+    description: { default: void 0 },
+    width: { default: "w-140" },
+    cancelLabel: { default: "取消" },
+    submitLabel: { default: "保存" },
+    closeOnSuccess: { type: Boolean, default: !0 },
+    fieldSize: { default: "lg" }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ v(["success", "error"], ["update:open"]),
+  setup(e, { emit: o }) {
+    const t = e, n = o, r = $(e, "open"), i = re();
+    function d() {
+      return { ...t.model ?? {} };
+    }
+    const l = O(d());
+    j(r, (a) => {
+      a && (l.value = d());
+    }), j(
+      () => t.model,
+      () => {
+        r.value && (l.value = d());
+      },
+      { deep: !0 }
+    );
+    function s(a) {
+      var u;
+      return ((u = t.validate) == null ? void 0 : u.call(t, a)) ?? [];
+    }
+    const _ = O(!1), p = fe("form");
+    function f(a) {
+      var u;
+      (u = p.value) == null || u.clear(String(a.key));
+    }
+    function c(a) {
+      return {
+        onChange: () => f(a),
+        "onUpdate:modelValue": () => f(a)
+      };
+    }
+    function g(a) {
+      var U;
+      const u = (U = a.props) == null ? void 0 : U.size;
+      return typeof u == "string" ? u === "sl" && typeof a.which == "string" && a.which.startsWith("ui-") ? "sm" : u : typeof a.which == "string" && a.which.startsWith("ui-") ? w[t.fieldSize].nuxtSize : t.fieldSize;
+    }
+    async function S() {
+      _.value = !0;
+      try {
+        const a = await t.submit(l.value);
+        n("success", a), t.closeOnSuccess && (r.value = !1);
+      } catch (a) {
+        n("error", a);
+      } finally {
+        _.value = !1;
+      }
+    }
+    return (a, u) => {
+      const U = Se, me = _e, I = B;
+      return b(), y(q, {
+        open: r.value,
+        "onUpdate:open": u[2] || (u[2] = (m) => r.value = m),
+        title: e.title,
+        description: e.description,
+        width: e.width
+      }, {
+        footer: z(() => [
+          k(I, {
+            color: "neutral",
+            variant: "outline",
+            class: "h-10 px-12",
+            onClick: u[0] || (u[0] = (m) => r.value = !1)
+          }, {
+            default: z(() => [
+              R(N(e.cancelLabel), 1)
+            ]),
+            _: 1
+          }),
+          k(I, {
+            color: "primary",
+            class: "h-10 px-12",
+            loading: _.value,
+            onClick: u[1] || (u[1] = (m) => {
+              var C;
+              return (C = p.value) == null ? void 0 : C.submit();
+            })
+          }, {
+            default: z(() => [
+              R(N(e.submitLabel), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])
+        ]),
+        default: z(() => [
+          k(me, V({ ref: "form" }, a.$attrs, {
+            validate: s,
+            state: l.value,
+            "validate-on": ["blur"],
+            class: "saberInput flex flex-col gap-4",
+            onSubmit: S
+          }), {
+            default: z(() => [
+              (b(!0), D(T, null, K(e.fields, (m) => (b(), y(U, {
+                key: String(m.key),
+                name: String(m.key),
+                label: m.label,
+                class: J(m.class),
+                ui: { label: "text-muted mb-1" }
+              }, {
+                default: z(() => [
+                  (b(), y(W(x(se)(x(i), m.which)), V({
+                    modelValue: l.value[m.key],
+                    "onUpdate:modelValue": (C) => l.value[m.key] = C
+                  }, { ref_for: !0 }, m.props, {
+                    size: g(m)
+                  }, G(c(m))), null, 16, ["modelValue", "onUpdate:modelValue", "size"]))
+                ]),
+                _: 2
+              }, 1032, ["name", "label", "class"]))), 128))
+            ]),
+            _: 1
+          }, 16, ["state"])
+        ]),
+        _: 1
+      }, 8, ["open", "title", "description", "width"]);
+    };
+  }
+}), ie = /* @__PURE__ */ F({
+  inheritAttrs: !1,
+  __name: "SaberInput",
+  props: /* @__PURE__ */ v({
+    clearable: { type: Boolean, default: !0 },
+    size: { default: "lg" },
+    ui: {}
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ v(["change"], ["update:modelValue"]),
+  setup(e, { emit: o }) {
+    const t = e, n = $(e, "modelValue"), r = o, i = be(), d = h(() => w[t.size]), l = h(() => {
+      var p;
+      return {
+        ...t.ui,
+        base: [d.value.height, (p = t.ui) == null ? void 0 : p.base].filter(Boolean).join(" ")
+      };
+    }), s = h(() => !t.clearable || i.disabled != null || i.readonly != null ? !1 : n.value !== void 0 && n.value !== null && String(n.value) !== "");
+    function _() {
+      n.value = "", r("change", n.value);
+    }
+    return (p, f) => {
+      const c = B, g = H;
+      return b(), y(g, V({
+        modelValue: n.value,
+        "onUpdate:modelValue": f[1] || (f[1] = (S) => n.value = S)
+      }, x(i), {
+        size: d.value.nuxtSize,
+        ui: l.value,
+        class: "saberInput",
+        onChange: f[2] || (f[2] = (S) => r("change", n.value))
+      }), ve({ _: 2 }, [
+        s.value ? {
+          name: "trailing",
+          fn: z(() => [
+            k(c, {
+              tabindex: "-1",
+              color: "neutral",
+              variant: "ghost",
+              icon: "i-solar:close-circle-outline",
+              ui: { base: "p-1 min-w-0 -mr-1", leadingIcon: "size-4" },
+              onMousedown: f[0] || (f[0] = L(() => {
+              }, ["stop", "prevent"])),
+              onClick: L(_, ["stop", "prevent"])
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue", "size", "ui"]);
+    };
+  }
+}), le = /* @__PURE__ */ F({
+  inheritAttrs: !1,
+  __name: "SaberInputNumber",
+  props: /* @__PURE__ */ v({
+    size: { default: "lg" },
+    ui: {}
+  }, {
+    modelValue: { default: void 0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ v(["change"], ["update:modelValue"]),
+  setup(e, { emit: o }) {
+    const t = e, n = $(e, "modelValue"), r = o, i = h(() => w[t.size]), d = h(() => {
+      var s;
+      return {
+        ...t.ui,
+        base: [i.value.height, "rounded-sm", (s = t.ui) == null ? void 0 : s.base].filter(Boolean).join(" ")
+      };
+    });
+    function l(s) {
+      n.value = s, r("change", s);
+    }
+    return (s, _) => {
+      const p = Z;
+      return b(), y(p, V({ "model-value": n.value }, s.$attrs, {
+        size: i.value.nuxtSize,
+        ui: d.value,
+        "onUpdate:modelValue": l
+      }), null, 16, ["model-value", "size", "ui"]);
+    };
+  }
+}), ue = /* @__PURE__ */ F({
+  inheritAttrs: !1,
+  __name: "SaberSelect",
+  props: /* @__PURE__ */ v({
+    size: { default: "lg" },
+    ui: {}
+  }, {
+    modelValue: { default: void 0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ v(["change"], ["update:modelValue"]),
+  setup(e, { emit: o }) {
+    const t = e, n = $(e, "modelValue"), r = o, i = h(() => w[t.size]), d = h(() => {
+      var s;
+      return {
+        ...t.ui,
+        base: [i.value.height, (s = t.ui) == null ? void 0 : s.base].filter(Boolean).join(" ")
+      };
+    });
+    function l(s) {
+      n.value = s, r("change", s);
+    }
+    return (s, _) => {
+      const p = Q;
+      return b(), y(p, V({ "model-value": n.value }, s.$attrs, {
+        size: i.value.nuxtSize,
+        ui: d.value,
+        class: "saberButton",
+        "onUpdate:modelValue": l
+      }), null, 16, ["model-value", "size", "ui"]);
+    };
+  }
+}), ce = /* @__PURE__ */ F({
+  inheritAttrs: !1,
+  __name: "SaberTextarea",
+  props: {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ v(["change"], ["update:modelValue"]),
+  setup(e, { emit: o }) {
+    const t = $(e, "modelValue"), n = o;
+    function r(i) {
+      t.value = i, n("change", i);
+    }
+    return (i, d) => {
+      const l = X;
+      return b(), y(l, V({ "model-value": t.value }, i.$attrs, {
+        class: "saberInput",
+        "onUpdate:modelValue": r
+      }), null, 16, ["model-value"]);
+    };
+  }
+}), Me = {
+  "saber-input": ie,
+  "saber-input-number": le,
+  "saber-dict-checkbox": Y,
+  "saber-dict-radio": te,
+  "saber-dict-select": oe,
+  "saber-district-select": ne,
+  "saber-pop-select": P,
+  "saber-select": ue,
+  "saber-textarea": ce,
+  "saber-radio-group": ee,
+  "ui-input": H,
+  "ui-input-number": Z,
+  "ui-select": Q,
+  "ui-textarea": X,
+  "ui-radio-group": Fe
+}, Be = {
+  SaberInput: ie,
+  SaberInputNumber: le,
+  SaberDictCheckbox: Y,
+  SaberDictRadio: te,
+  SaberDictSelect: oe,
+  SaberDistrictSelect: ne,
+  SaberPopSelect: P,
+  SaberSelect: ue,
+  SaberTextarea: ce,
+  SaberRadioGroup: ee
+};
+function Xe(e, o = {}) {
+  const t = xe({
+    ...Me,
+    ...o.components
+  });
+  return e.provide(ae, t), o.dictDataSource && e.provide(he, o.dictDataSource), o.uploadImageDataSource && e.provide(Ve, o.uploadImageDataSource), e.provide(ge, ye(ze(o.district))), e.component("SaberFilterBar", Ce), e.component("SaberFormModal", De), e.component("SaberModal", q), Object.entries(Be).forEach(([n, r]) => e.component(n, r)), t;
+}
+export {
+  ae as F,
+  Ce as _,
+  De as a,
+  ie as b,
+  le as c,
+  ue as d,
+  ce as e,
+  Me as f,
+  Be as g,
+  xe as h,
+  ke as i,
+  M as j,
+  Xe as k,
+  $e as l,
+  se as r,
+  re as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owocow/saber-ui",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Saber application foundation for Vue 3 projects built on Nuxt UI",
   "type": "module",
   "sideEffects": false,