@vunk/form 2.19.19 → 2.19.21

package/components/select/index.mjs

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