@vunk/form 2.19.20 → 2.19.21

package/components/select/index.mjs

@@ -1,14 +1,15 @@
-import { defineComponent as R, createVNode as v, mergeProps as I, isVNode as D, ref as c, computed as g, normalizeClass as H, watch as M, nextTick as w, resolveComponent as C, openBlock as k, createBlock as E, normalizeProps as $, guardReactiveProps as F, withCtx as y, toHandlers as L, createSlots as J, renderSlot as j, renderList as Q, resolveDynamicComponent as W, createCommentVNode as X, h as Y } from "vue";
-import { _VkfFormItemCtx as U, VkfFormItem as Z } from "@vunk/form/components/form-item";
-import { selectProps as x, selectEmits as ee, ElOptionGroup as le, ElOption as A, ElSelect as oe } from "element-plus";
-import { bindPropsFactory as te, onEmitsFactory as ne, vOn as re } from "@vunk/core/shared/utils-vue";
-import { createSelectBindProps as ae, createSelectOnEmits as se } from "@vunk/form/shared/element-plus";
-import { isNotEmptyObject as ue, isPlainObject as de } from "@vunk/core/shared/utils-object";
-import { useComputedReadonly as ie, useRtl as ce } from "@vunk/form/composables";
-import { _ as pe } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
-const b = {
-  ...U.props,
-  ...x,
+import { defineComponent as R, createVNode as P, mergeProps as M, isVNode as X, ref as f, computed as u, normalizeClass as Y, watch as K, nextTick as z, resolveComponent as k, openBlock as j, createBlock as E, withCtx as b, toHandlers as Z, createSlots as x, renderSlot as _, normalizeProps as ee, guardReactiveProps as te, renderList as oe, resolveDynamicComponent as le, createCommentVNode as ne, h as re } from "vue";
+import { _VkfFormItemCtx as N, VkfFormItem as ae } from "@vunk/form/components/form-item";
+import { selectProps as se, selectEmits as ue, ElOptionGroup as ie, ElOption as D, ElSelect as de } from "element-plus";
+import { bindPropsFactory as ce, onEmitsFactory as pe, vOn as fe } from "@vunk/core/shared/utils-vue";
+import { createSelectBindProps as me, createSelectOnEmits as ye } from "@vunk/form/shared/element-plus";
+import { isNotEmptyObject as ve, isPlainObject as be } from "@vunk/core/shared/utils-object";
+import { useComputedReadonly as Pe, useRtl as he } from "@vunk/form/composables";
+import { j as Se, o as Ve } from "../index-BIo_4rr_.mjs";
+import { _ as Oe } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const h = {
+  ...N.props,
+  ...se,
   modelValue: null,
   props: {
     // For Type
@@ -60,20 +61,20 @@ const b = {
     type: Boolean,
     default: !0
   }
-}, fe = te(b), P = {
-  ...ee,
+}, ge = ce(h), S = {
+  ...ue,
   "update:modelValue": null
-}, z = ne(P), je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, G = pe(S), Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createBindProps: fe,
-  createOnEmits: z,
-  emits: P,
-  props: b
+  createBindProps: ge,
+  createOnEmits: G,
+  emits: S,
+  props: h
 }, Symbol.toStringTag, { value: "Module" }));
-function me(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !D(e);
+function Ce(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !X(e);
 }
-const ye = /* @__PURE__ */ R({
+const ke = /* @__PURE__ */ R({
   props: {
     data: {
       type: Array,
@@ -97,167 +98,202 @@ const ye = /* @__PURE__ */ R({
     }
   },
   setup(e, {
-    slots: t
+    slots: r
   }) {
-    const u = (l) => {
-      let d;
-      return e.optionChildrenProp && Array.isArray(l[e.optionChildrenProp]) && l[e.optionChildrenProp].length > 0 ? v(le, {
-        label: l[e.labelProp],
-        key: l[e.valueProp] || l[e.labelProp],
-        disabled: l[e.disabledProp]
-      }, me(d = l[e.optionChildrenProp].map((s) => v(u, I({
-        key: s.value
-      }, s), null))) ? d : {
-        default: () => [d]
-      }) : v(A, {
-        key: l[e.valueProp] || l[e.labelProp],
-        value: l[e.valueProp],
-        class: l.class,
-        created: l.created,
-        disabled: l[e.disabledProp],
-        label: l[e.labelProp],
-        ref: l.ref,
-        style: l.style
+    const d = (t) => {
+      let c;
+      return e.optionChildrenProp && Array.isArray(t[e.optionChildrenProp]) && t[e.optionChildrenProp].length > 0 ? P(ie, {
+        label: t[e.labelProp],
+        key: t[e.valueProp] || t[e.labelProp],
+        disabled: t[e.disabledProp]
+      }, Ce(c = t[e.optionChildrenProp].map((i) => P(d, M({
+        key: i.value
+      }, i), null))) ? c : {
+        default: () => [c]
+      }) : P(D, {
+        key: t[e.valueProp] || t[e.labelProp],
+        value: t[e.valueProp],
+        class: t.class,
+        created: t.created,
+        disabled: t[e.disabledProp],
+        label: t[e.labelProp],
+        ref: t.ref,
+        style: t.style
       }, {
-        default: () => t.option ? t.option(l) : l[e.labelProp]
+        default: () => r.option ? r.option(t) : t[e.labelProp]
       });
     };
-    return () => e.data.map((l) => u(l));
+    return () => e.data.map((t) => d(t));
   }
-}), ve = R({
+}), je = R({
   components: {
-    VkfFormItem: Z,
-    ElSelect: oe,
-    ElOption: A,
-    Options: ye
+    VkfFormItem: ae,
+    ElSelect: de,
+    ElOption: D,
+    Options: ke
   },
-  props: b,
-  emits: P,
-  setup(e, { emit: t }) {
-    const u = U.createBindProps(e), l = ae(e, ["disabled", "modelValue"]), d = ie(e), f = c(), s = c(), V = (o) => {
-      var n;
-      (n = e.selectRef) == null || n.call(e, o), f.value = o == null ? void 0 : o.$el, s.value = o;
-    }, p = c(!1), r = c(!1), S = () => {
-      r.value = !0;
-    }, h = (o) => {
-      t("visible-change", o), !o && !e.closeOnClickOutside && !p.value && !r.value && s.value && (s.value.expanded = !0), w(() => {
-        p.value = !1, r.value = !1;
+  props: h,
+  emits: S,
+  setup(e, { emit: r }) {
+    const d = N.createBindProps(e), t = me(e, ["disabled", "modelValue"]), c = Pe(e), y = f(), i = f(), V = (o) => {
+      e.selectRef?.(o), y.value = o?.$el, i.value = o;
+    }, m = f(!1), s = f(!1), O = () => {
+      s.value = !0;
+    }, g = (o) => {
+      r("visible-change", o), !o && !e.closeOnClickOutside && !m.value && !s.value && i.value && (i.value.expanded = !0), z(() => {
+        m.value = !1, s.value = !1;
       });
-    }, K = {
-      ...se(t, ["update:modelValue"]),
-      "visible-change": h
-    }, _ = ce(f), N = g(() => H([
+    }, L = {
+      ...ye(r, ["update:modelValue"]),
+      "visible-change": g
+    }, w = he(y), T = u(() => Y([
       e.popperClass,
       {
-        "is-rtl": _.value
+        "is-rtl": w.value
       }
-    ])), G = g({
+    ])), q = u({
       get: () => e.multiple && e.stringify && typeof e.modelValue == "string" ? e.modelValue ? e.modelValue.split(",") : [] : e.modelValue ?? e.defaultModelValue,
       set: (o) => {
-        if (p.value = !0, e.multiple && e.stringify && Array.isArray(o)) {
-          const n = o.reduce((i, a) => (typeof a == "string" ? i.push(a) : ue(a) && a[e.valueKey] !== void 0 && i.push(a[e.valueKey]), i), []).join(",");
-          t("update:modelValue", n);
+        if (m.value = !0, e.multiple && e.stringify && Array.isArray(o)) {
+          const l = o.reduce((a, n) => (typeof n == "string" ? a.push(n) : ve(n) && n[e.valueKey] !== void 0 && a.push(n[e.valueKey]), a), []).join(",");
+          r("update:modelValue", l);
           return;
         }
-        t("update:modelValue", o);
+        r("update:modelValue", o);
       }
-    }), m = c([]), B = (o) => {
-      o ? fetch(o).then((n) => n.json()).then((n) => {
-        m.value = n;
-      }) : m.value = [];
+    }), p = f([]), B = (o) => {
+      o ? fetch(o).then((l) => l.json()).then((l) => {
+        p.value = l;
+      }) : p.value = [];
     };
-    e.optionsUrl && B(e.optionsUrl), M(() => e.optionsUrl, (o) => {
-      t("update:modelValue", void 0), B(o);
+    e.optionsUrl && B(e.optionsUrl), K(() => e.optionsUrl, (o) => {
+      r("update:modelValue", void 0), B(o);
     });
-    const T = (o) => de(o.value) ? o.value[l.value.valueKey] : o.value, q = g(() => (m.value.length ? m.value : e.options).reduce((n, i) => {
-      const a = T(i);
-      return !a && a !== 0 && a !== !1 || n.push({
-        ...i,
-        key: a
-      }), n;
-    }, [])), O = c(!0);
-    return M(() => l.value.multiple, () => {
-      t("update:modelValue", void 0), O.value = !1, w(() => {
-        O.value = !0;
+    const A = u(
+      () => e.props?.options ?? e.optionChildrenProp
+    ), H = u(
+      () => e.props?.label ?? "label"
+    ), $ = u(
+      () => e.props?.value ?? "value"
+    ), J = u(
+      () => e.props?.disabled ?? "disabled"
+    ), F = (o) => {
+      const l = o?.[$.value];
+      return be(l) ? l[t.value.valueKey] : l;
+    }, Q = u(() => (p.value.length ? p.value : e.options).reduce((l, a) => {
+      const n = F(a);
+      return !n && n !== 0 && n !== !1 || l.push({
+        ...a,
+        key: n
+      }), l;
+    }, [])), I = (o) => o.flatMap((l) => {
+      const a = A.value, n = a ? l?.[a] : void 0;
+      if (Array.isArray(n) && n.length)
+        return I(n);
+      const v = F(l);
+      return v == null || v === "" ? [] : [v];
+    }), U = u(() => {
+      const o = p.value.length ? p.value : e.options, l = I(o);
+      if (!l.length) return;
+      const a = String(e.prop), n = e.multiple ? {
+        type: "array",
+        items: { enum: l }
+      } : { enum: l };
+      return Se({
+        type: "object",
+        properties: {
+          [a]: n
+        },
+        required: [a]
+      });
+    }), W = u(() => U.value ? Ve.object({ schema: U.value }) : void 0), C = f(!0);
+    return K(() => t.value.multiple, () => {
+      r("update:modelValue", void 0), C.value = !1, z(() => {
+        C.value = !0;
       });
     }), {
-      formItemBindProps: u,
-      selectBindProps: l,
-      selectOnEmits: K,
-      selectOptions: q,
-      reshow: O,
-      readonly: d,
-      theModelValue: G,
+      formItemBindProps: d,
+      selectBindProps: t,
+      selectOnEmits: L,
+      selectOptions: Q,
+      reshow: C,
+      readonly: c,
+      theModelValue: q,
       selectRefResolve: V,
-      isRtl: _,
-      thePropperClass: N,
-      onSelectMousedown: S
+      isRtl: w,
+      thePropperClass: T,
+      onSelectMousedown: O,
+      theAiOutput: W,
+      optionChildrenProp: A,
+      optionLabelProp: H,
+      optionValueProp: $,
+      optionDisabledProp: J
     };
   }
 });
-function be(e, t, u, l, d, f) {
-  const s = C("Options"), V = C("ElSelect"), p = C("VkfFormItem");
-  return k(), E(p, $(F(e.formItemBindProps)), {
-    default: y(() => [
-      e.reshow ? (k(), E(V, I({ key: 0 }, e.selectBindProps, {
+function Ee(e, r, d, t, c, y) {
+  const i = k("Options"), V = k("ElSelect"), m = k("VkfFormItem");
+  return j(), E(m, M(e.formItemBindProps, { "ai-output": e.theAiOutput }), {
+    default: b(() => [
+      e.reshow ? (j(), E(V, M({ key: 0 }, e.selectBindProps, {
         ref: e.selectRefResolve,
         modelValue: e.theModelValue,
-        "onUpdate:modelValue": t[0] || (t[0] = (r) => e.theModelValue = r),
+        "onUpdate:modelValue": r[0] || (r[0] = (s) => e.theModelValue = s),
         disabled: e.readonly || e.disabled,
         class: {
           "is-readonly": e.readonly
         },
         "popper-class": e.thePropperClass
-      }, L(e.selectOnEmits), { onMousedown: e.onSelectMousedown }), J({
-        default: y(() => [
-          v(s, {
+      }, Z(e.selectOnEmits), { onMousedown: e.onSelectMousedown }), x({
+        default: b(() => [
+          P(i, {
             data: e.selectOptions,
-            "option-children-prop": e.props.options ?? e.optionChildrenProp,
-            "label-prop": e.props.label,
-            "value-prop": e.props.value,
-            "disabled-prop": e.props.disabled
+            "option-children-prop": e.optionChildrenProp,
+            "label-prop": e.optionLabelProp,
+            "value-prop": e.optionValueProp,
+            "disabled-prop": e.optionDisabledProp
           }, {
-            option: y((r) => [
-              j(e.$slots, "option", $(F(r)))
+            option: b((s) => [
+              _(e.$slots, "option", ee(te(s)))
             ]),
             _: 3
           }, 8, ["data", "option-children-prop", "label-prop", "value-prop", "disabled-prop"]),
-          j(e.$slots, "footer")
+          _(e.$slots, "footer")
         ]),
         _: 2
       }, [
-        Q(e.selectSlots, (r, S) => ({
-          name: S,
-          fn: y((h) => [
-            (k(), E(W(r == null ? void 0 : r(h))))
+        oe(e.selectSlots, (s, O) => ({
+          name: O,
+          fn: b((g) => [
+            (j(), E(le(s?.(g))))
           ])
         }))
-      ]), 1040, ["modelValue", "disabled", "class", "popper-class", "onMousedown"])) : X("", !0),
-      j(e.$slots, "default")
+      ]), 1040, ["modelValue", "disabled", "class", "popper-class", "onMousedown"])) : ne("", !0),
+      _(e.$slots, "default")
     ]),
     _: 3
-  }, 16);
+  }, 16, ["ai-output"]);
 }
-const Pe = /* @__PURE__ */ pe(ve, [["render", be]]), Re = R({
+const _e = /* @__PURE__ */ Oe(je, [["render", Ee]]), ze = R({
   name: "VkfSelect",
-  props: b,
-  emits: P,
-  setup(e, { emit: t, slots: u }) {
-    const l = z(t);
-    return () => Y(Pe, {
+  props: h,
+  emits: S,
+  setup(e, { emit: r, slots: d }) {
+    const t = G(r);
+    return () => re(_e, {
       ...e,
-      ...re(l)
+      ...fe(t)
     }, {
       ...e.slots,
-      ...u
+      ...d
     });
   }
-}), _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Re as VkfSelect,
-  je as _VkfSelectCtx,
-  _e as __VkfSelect,
-  Re as default
+  ze as VkfSelect,
+  Ke as _VkfSelectCtx,
+  Ne as __VkfSelect,
+  ze as default
 };