@vunk/form 2.18.2 → 2.19.0

package/components/select/index.mjs

@@ -1,15 +1,14 @@
-import { defineComponent, createVNode, mergeProps, isVNode, computed, ref, watch, nextTick, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, toHandlers, createSlots, renderSlot, renderList, resolveDynamicComponent, createCommentVNode, h } from 'vue';
-import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { selectProps, selectEmits, ElOptionGroup, ElOption, ElSelect } from 'element-plus';
-import { bindPropsFactory, onEmitsFactory, vOn } from '@vunk/core/shared/utils-vue';
-import { createSelectBindProps, createSelectOnEmits } from '@vunk/form/shared/element-plus';
-import { isNotEmptyObject, isPlainObject } from '@vunk/core/shared/utils-object';
-import { useComputedReadonly } from '@vunk/form/composables';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const props = {
-  ..._VkfFormItemCtx.props,
-  ...selectProps,
+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.cjs";
+const y = {
+  ...I.props,
+  ...Q,
   modelValue: null,
   props: {
     // For Type
@@ -40,7 +39,7 @@ const props = {
    */
   stringify: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * @description 同插槽
@@ -54,30 +53,24 @@ const props = {
     type: String,
     default: ""
   }
-};
-const createBindProps = bindPropsFactory(props);
-const emits = {
-  ...selectEmits,
+}, ue = Z(y), b = {
+  ...W,
   "update:modelValue": null
-};
-const createOnEmits = onEmitsFactory(emits);
-
-var ctx = /*#__PURE__*/Object.freeze({
+}, A = x(b), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createBindProps: createBindProps,
-  createOnEmits: createOnEmits,
-  emits: emits,
-  props: props
-});
-
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+  createBindProps: ue,
+  createOnEmits: A,
+  emits: b,
+  props: y
+}, Symbol.toStringTag, { value: "Module" }));
+function de(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !z(e);
 }
-var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const ie = /* @__PURE__ */ j({
   props: {
     data: {
       type: Array,
-      required: true
+      required: !0
     },
     optionChildrenProp: {
       type: String,
@@ -96,209 +89,158 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
       default: "disabled"
     }
   },
-  setup(props, {
-    slots
+  setup(e, {
+    slots: o
   }) {
-    const ItemView = item => {
-      let _slot;
-      const isGroup = props.optionChildrenProp && Array.isArray(item[props.optionChildrenProp]) && item[props.optionChildrenProp].length > 0;
-      return isGroup ? createVNode(ElOptionGroup, {
-        "label": item[props.labelProp],
-        "key": item[props.valueProp] || item[props.labelProp],
-        "disabled": item[props.disabledProp]
-      }, _isSlot(_slot = item[props.optionChildrenProp].map(childOption => createVNode(ItemView, mergeProps({
-        "key": childOption.value
-      }, childOption), null))) ? _slot : {
-        default: () => [_slot]
-      }) : createVNode(ElOption, {
-        "key": item[props.valueProp] || item[props.labelProp],
-        "value": item[props.valueProp],
-        "class": item.class,
-        "created": item.created,
-        "disabled": item[props.disabledProp],
-        "label": item[props.labelProp],
-        "ref": item.ref,
-        "style": item.style
+    const s = (t) => {
+      let d;
+      return e.optionChildrenProp && Array.isArray(t[e.optionChildrenProp]) && t[e.optionChildrenProp].length > 0 ? m(X, {
+        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, {
+        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: () => slots.option ? slots.option(item) : item[props.labelProp]
+        default: () => o.option ? o.option(t) : t[e.labelProp]
       });
     };
-    return () => {
-      return props.data.map(item => ItemView(item));
-    };
+    return () => e.data.map((t) => s(t));
   }
-});
-
-var Options = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/select/src/options.vue"]]);
-
-var _sfc_main$1 = defineComponent({
+}), pe = j({
   components: {
-    VkfFormItem,
-    ElSelect,
-    ElOption,
-    Options
+    VkfFormItem: J,
+    ElSelect: Y,
+    ElOption: U,
+    Options: ie
   },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
-    const selectBindProps = createSelectBindProps(props2, ["disabled", "modelValue"]);
-    const selectOnEmits = createSelectOnEmits(emit, ["update:modelValue"]);
-    const readonly = useComputedReadonly(props2);
-    const theModelValue = computed({
-      get: () => {
-        if (props2.multiple && props2.stringify && typeof props2.modelValue === "string") {
-          return props2.modelValue ? props2.modelValue.split(",") : [];
-        }
-        return props2.modelValue ?? props2.defaultModelValue;
-      },
-      set: (modelValue) => {
-        if (props2.multiple && props2.stringify && Array.isArray(modelValue)) {
-          const value = modelValue.reduce((a, v) => {
-            if (typeof v === "string") {
-              a.push(v);
-            } else if (isNotEmptyObject(v) && v[props2.valueKey] !== void 0) {
-              a.push(v[props2.valueKey]);
-            }
-            return a;
-          }, []).join(",");
-          emit("update:modelValue", value);
+  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([
+      e.popperClass,
+      {
+        "is-rtl": c.value
+      }
+    ])), V = g({
+      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);
           return;
         }
-        emit("update:modelValue", modelValue);
-      }
-    });
-    const optionsFromUrl = ref([]);
-    const rUrlOptions = (url) => {
-      if (url) {
-        fetch(url).then((res) => res.json()).then((data) => {
-          optionsFromUrl.value = data;
-        });
-      } else {
-        optionsFromUrl.value = [];
+        o("update:modelValue", l);
       }
+    }), i = S([]), _ = (l) => {
+      l ? fetch(l).then((n) => n.json()).then((n) => {
+        i.value = n;
+      }) : i.value = [];
     };
-    if (props2.optionsUrl) {
-      rUrlOptions(props2.optionsUrl);
-    }
-    watch(() => props2.optionsUrl, (url) => {
-      emit("update:modelValue", void 0);
-      rUrlOptions(url);
+    e.optionsUrl && _(e.optionsUrl), R(() => e.optionsUrl, (l) => {
+      o("update:modelValue", void 0), _(l);
     });
-    const getKey = (item) => isPlainObject(item.value) ? item.value[selectBindProps.value.valueKey] : item.value;
-    const selectOptions = computed(() => {
-      const options = optionsFromUrl.value.length ? optionsFromUrl.value : props2.options;
-      return options.reduce((a, c) => {
-        const k = getKey(c);
-        if (!k && k !== 0 && k !== false) return a;
-        a.push({
-          ...c,
-          key: k
-        });
-        return a;
-      }, []);
-    });
-    const reshow = ref(true);
-    watch(() => selectBindProps.value.multiple, () => {
-      emit("update:modelValue", void 0);
-      reshow.value = false;
-      nextTick(() => {
-        reshow.value = true;
+    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;
       });
-    });
-    return {
-      formItemBindProps,
-      selectBindProps,
-      selectOnEmits,
-      selectOptions,
-      reshow,
-      readonly,
-      theModelValue
+    }), {
+      formItemBindProps: s,
+      selectBindProps: t,
+      selectOnEmits: d,
+      selectOptions: w,
+      reshow: h,
+      readonly: P,
+      theModelValue: V,
+      selectRefResolve: v,
+      isRtl: c,
+      thePropperClass: a
     };
   }
 });
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Options = resolveComponent("Options");
-  const _component_ElSelect = resolveComponent("ElSelect");
-  const _component_VkfFormItem = resolveComponent("VkfFormItem");
-  return openBlock(), createBlock(
-    _component_VkfFormItem,
-    normalizeProps(guardReactiveProps(_ctx.formItemBindProps)),
-    {
-      default: withCtx(() => [
-        _ctx.reshow ? (openBlock(), createBlock(_component_ElSelect, mergeProps({ key: 0 }, _ctx.selectBindProps, {
-          ref: _ctx.selectRef,
-          modelValue: _ctx.theModelValue,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.theModelValue = $event),
-          disabled: _ctx.readonly || _ctx.disabled,
-          class: {
-            "is-readonly": _ctx.readonly
-          }
-        }, toHandlers(_ctx.selectOnEmits)), createSlots({
-          default: withCtx(() => [
-            createVNode(_component_Options, {
-              data: _ctx.selectOptions,
-              "option-children-prop": _ctx.props.options ?? _ctx.optionChildrenProp,
-              "label-prop": _ctx.props.label,
-              "value-prop": _ctx.props.value,
-              "disabled-prop": _ctx.props.disabled
-            }, {
-              option: withCtx((e) => [
-                renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps(e)))
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 8, ["data", "option-children-prop", "label-prop", "value-prop", "disabled-prop"]),
-            renderSlot(_ctx.$slots, "footer")
-          ]),
-          _: 2
-          /* DYNAMIC */
-        }, [
-          renderList(_ctx.selectSlots, (item, key) => {
-            return {
-              name: key,
-              fn: withCtx((e) => [
-                (openBlock(), createBlock(resolveDynamicComponent(item?.(e))))
-              ])
-            };
-          })
-        ]), 1040, ["modelValue", "disabled", "class"])) : createCommentVNode("v-if", true),
-        renderSlot(_ctx.$slots, "default")
-      ]),
-      _: 3
-      /* FORWARDED */
-    },
-    16
-    /* FULL_PROPS */
-  );
+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, {
+        ref: e.selectRefResolve,
+        modelValue: e.theModelValue,
+        "onUpdate:modelValue": o[0] || (o[0] = (a) => e.theModelValue = a),
+        disabled: e.readonly || e.disabled,
+        class: {
+          "is-readonly": e.readonly
+        },
+        "popper-class": e.thePropperClass
+      }, G(e.selectOnEmits)), T({
+        default: f(() => [
+          m(u, {
+            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: f((a) => [
+              E(e.$slots, "option", B($(a)))
+            ]),
+            _: 3
+          }, 8, ["data", "option-children-prop", "label-prop", "value-prop", "disabled-prop"]),
+          E(e.$slots, "footer")
+        ]),
+        _: 2
+      }, [
+        q(e.selectSlots, (a, V) => ({
+          name: V,
+          fn: f((i) => [
+            (C(), k(D(a == null ? void 0 : a(i))))
+          ])
+        }))
+      ]), 1040, ["modelValue", "disabled", "class", "popper-class"])) : H("", !0),
+      E(e.$slots, "default")
+    ]),
+    _: 3
+  }, 16);
 }
-var Core = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/select/src/core.vue"]]);
-
-var _sfc_main = defineComponent({
+const fe = /* @__PURE__ */ se(pe, [["render", ce]]), Oe = j({
   name: "VkfSelect",
-  props,
-  emits,
-  setup(props2, { emit, slots }) {
-    const coreEmits = createOnEmits(emit);
-    return () => h(Core, {
-      ...props2,
-      ...vOn(coreEmits)
+  props: y,
+  emits: b,
+  setup(e, { emit: o, slots: s }) {
+    const t = A(o);
+    return () => L(fe, {
+      ...e,
+      ...ee(t)
     }, {
-      ...props2.slots,
-      ...slots
+      ...e.slots,
+      ...s
     });
   }
-});
-
-var VkfSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/select/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+}), Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfSelect.install = (app) => {
-  app.component(VkfSelect.name, VkfSelect);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Oe as VkfSelect,
+  ge as _VkfSelectCtx,
+  Ce as __VkfSelect,
+  Oe as default
 };
-
-export { VkfSelect, ctx as _VkfSelectCtx, types as __VkfSelect, VkfSelect as default };