@vunk/form 2.18.2 → 2.19.0

package/components/select/index.cjs

@@ -1,311 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var formItem = require('@vunk/form/components/form-item');
-var elementPlus = require('element-plus');
-var utilsVue = require('@vunk/core/shared/utils-vue');
-var elementPlus$1 = require('@vunk/form/shared/element-plus');
-var utilsObject = require('@vunk/core/shared/utils-object');
-var composables = require('@vunk/form/composables');
-var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
-
-const props = {
-  ...formItem._VkfFormItemCtx.props,
-  ...elementPlus.selectProps,
-  modelValue: null,
-  props: {
-    // For Type
-    type: Object,
-    default: () => ({})
-  },
-  options: {
-    type: Array,
-    default: () => []
-  },
-  selectSlots: {
-    type: Object,
-    default: void 0
-  },
-  /**
-   * @description el组件实例ref
-   */
-  selectRef: null,
-  /**
-   * @description a url which's response is options
-   */
-  optionsUrl: {
-    type: String,
-    default: ""
-  },
-  /**
-   * multiple模式下，是否将选中的值转为字符串 
-   */
-  stringify: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * @description 同插槽
-   */
-  slots: null,
-  /**
-   * @description 若 option中含有该字段内容，则渲染为 Group
-   * @deprecated use props.options instead
-   */
-  optionChildrenProp: {
-    type: String,
-    default: ""
-  }
-};
-const createBindProps = utilsVue.bindPropsFactory(props);
-const emits = {
-  ...elementPlus.selectEmits,
-  "update:modelValue": null
-};
-const createOnEmits = utilsVue.onEmitsFactory(emits);
-
-var ctx = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  createBindProps: createBindProps,
-  createOnEmits: createOnEmits,
-  emits: emits,
-  props: props
-});
-
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
-var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-  props: {
-    data: {
-      type: Array,
-      required: true
-    },
-    optionChildrenProp: {
-      type: String,
-      default: ""
-    },
-    labelProp: {
-      type: String,
-      default: "label"
-    },
-    valueProp: {
-      type: String,
-      default: "value"
-    },
-    disabledProp: {
-      type: String,
-      default: "disabled"
-    }
-  },
-  setup(props, {
-    slots
-  }) {
-    const ItemView = item => {
-      let _slot;
-      const isGroup = props.optionChildrenProp && Array.isArray(item[props.optionChildrenProp]) && item[props.optionChildrenProp].length > 0;
-      return isGroup ? vue.createVNode(elementPlus.ElOptionGroup, {
-        "label": item[props.labelProp],
-        "key": item[props.valueProp] || item[props.labelProp],
-        "disabled": item[props.disabledProp]
-      }, _isSlot(_slot = item[props.optionChildrenProp].map(childOption => vue.createVNode(ItemView, vue.mergeProps({
-        "key": childOption.value
-      }, childOption), null))) ? _slot : {
-        default: () => [_slot]
-      }) : vue.createVNode(elementPlus.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
-      }, {
-        default: () => slots.option ? slots.option(item) : item[props.labelProp]
-      });
-    };
-    return () => {
-      return props.data.map(item => ItemView(item));
-    };
-  }
-});
-
-var Options = /* @__PURE__ */ _pluginVue_exportHelper._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 = vue.defineComponent({
-  components: {
-    VkfFormItem: formItem.VkfFormItem,
-    ElSelect: elementPlus.ElSelect,
-    ElOption: elementPlus.ElOption,
-    Options
-  },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
-    const selectBindProps = elementPlus$1.createSelectBindProps(props2, ["disabled", "modelValue"]);
-    const selectOnEmits = elementPlus$1.createSelectOnEmits(emit, ["update:modelValue"]);
-    const readonly = composables.useComputedReadonly(props2);
-    const theModelValue = vue.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 (utilsObject.isNotEmptyObject(v) && v[props2.valueKey] !== void 0) {
-              a.push(v[props2.valueKey]);
-            }
-            return a;
-          }, []).join(",");
-          emit("update:modelValue", value);
-          return;
-        }
-        emit("update:modelValue", modelValue);
-      }
-    });
-    const optionsFromUrl = vue.ref([]);
-    const rUrlOptions = (url) => {
-      if (url) {
-        fetch(url).then((res) => res.json()).then((data) => {
-          optionsFromUrl.value = data;
-        });
-      } else {
-        optionsFromUrl.value = [];
-      }
-    };
-    if (props2.optionsUrl) {
-      rUrlOptions(props2.optionsUrl);
-    }
-    vue.watch(() => props2.optionsUrl, (url) => {
-      emit("update:modelValue", void 0);
-      rUrlOptions(url);
-    });
-    const getKey = (item) => utilsObject.isPlainObject(item.value) ? item.value[selectBindProps.value.valueKey] : item.value;
-    const selectOptions = vue.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 = vue.ref(true);
-    vue.watch(() => selectBindProps.value.multiple, () => {
-      emit("update:modelValue", void 0);
-      reshow.value = false;
-      vue.nextTick(() => {
-        reshow.value = true;
-      });
-    });
-    return {
-      formItemBindProps,
-      selectBindProps,
-      selectOnEmits,
-      selectOptions,
-      reshow,
-      readonly,
-      theModelValue
-    };
-  }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Options = vue.resolveComponent("Options");
-  const _component_ElSelect = vue.resolveComponent("ElSelect");
-  const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
-  return vue.openBlock(), vue.createBlock(
-    _component_VkfFormItem,
-    vue.normalizeProps(vue.guardReactiveProps(_ctx.formItemBindProps)),
-    {
-      default: vue.withCtx(() => [
-        _ctx.reshow ? (vue.openBlock(), vue.createBlock(_component_ElSelect, vue.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
-          }
-        }, vue.toHandlers(_ctx.selectOnEmits)), vue.createSlots({
-          default: vue.withCtx(() => [
-            vue.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: vue.withCtx((e) => [
-                vue.renderSlot(_ctx.$slots, "option", vue.normalizeProps(vue.guardReactiveProps(e)))
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 8, ["data", "option-children-prop", "label-prop", "value-prop", "disabled-prop"]),
-            vue.renderSlot(_ctx.$slots, "footer")
-          ]),
-          _: 2
-          /* DYNAMIC */
-        }, [
-          vue.renderList(_ctx.selectSlots, (item, key) => {
-            return {
-              name: key,
-              fn: vue.withCtx((e) => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item?.(e))))
-              ])
-            };
-          })
-        ]), 1040, ["modelValue", "disabled", "class"])) : vue.createCommentVNode("v-if", true),
-        vue.renderSlot(_ctx.$slots, "default")
-      ]),
-      _: 3
-      /* FORWARDED */
-    },
-    16
-    /* FULL_PROPS */
-  );
-}
-var Core = /* @__PURE__ */ _pluginVue_exportHelper._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 = vue.defineComponent({
-  name: "VkfSelect",
-  props,
-  emits,
-  setup(props2, { emit, slots }) {
-    const coreEmits = createOnEmits(emit);
-    return () => vue.h(Core, {
-      ...props2,
-      ...utilsVue.vOn(coreEmits)
-    }, {
-      ...props2.slots,
-      ...slots
-    });
-  }
-});
-
-var VkfSelect = /* @__PURE__ */ _pluginVue_exportHelper._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({
-  __proto__: null
-});
-
-VkfSelect.install = (app) => {
-  app.component(VkfSelect.name, VkfSelect);
-};
-
-exports.VkfSelect = VkfSelect;
-exports._VkfSelectCtx = ctx;
-exports.__VkfSelect = types;
-exports.default = VkfSelect;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),h=require("@vunk/form/components/form-item"),f=require("element-plus"),C=require("@vunk/core/shared/utils-vue"),O=require("@vunk/form/shared/element-plus"),k=require("@vunk/core/shared/utils-object"),E=require("@vunk/form/composables"),$=require("../_plugin-vue_export-helper.cjs"),y={...h._VkfFormItemCtx.props,...f.selectProps,modelValue:null,props:{type:Object,default:()=>({})},options:{type:Array,default:()=>[]},selectSlots:{type:Object,default:void 0},selectRef:null,optionsUrl:{type:String,default:""},stringify:{type:Boolean,default:!1},slots:null,optionChildrenProp:{type:String,default:""}},I=C.bindPropsFactory(y),b={...f.selectEmits,"update:modelValue":null},_=C.onEmitsFactory(b),q=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:I,createOnEmits:_,emits:b,props:y},Symbol.toStringTag,{value:"Module"}));function w(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const F=t.defineComponent({props:{data:{type:Array,required:!0},optionChildrenProp:{type:String,default:""},labelProp:{type:String,default:"label"},valueProp:{type:String,default:"value"},disabledProp:{type:String,default:"disabled"}},setup(e,{slots:n}){const u=o=>{let i;return e.optionChildrenProp&&Array.isArray(o[e.optionChildrenProp])&&o[e.optionChildrenProp].length>0?t.createVNode(f.ElOptionGroup,{label:o[e.labelProp],key:o[e.valueProp]||o[e.labelProp],disabled:o[e.disabledProp]},w(i=o[e.optionChildrenProp].map(d=>t.createVNode(u,t.mergeProps({key:d.value},d),null)))?i:{default:()=>[i]}):t.createVNode(f.ElOption,{key:o[e.valueProp]||o[e.labelProp],value:o[e.valueProp],class:o.class,created:o.created,disabled:o[e.disabledProp],label:o[e.labelProp],ref:o.ref,style:o.style},{default:()=>n.option?n.option(o):o[e.labelProp]})};return()=>e.data.map(o=>u(o))}}),M=t.defineComponent({components:{VkfFormItem:h.VkfFormItem,ElSelect:f.ElSelect,ElOption:f.ElOption,Options:F},props:y,emits:b,setup(e,{emit:n}){const u=h._VkfFormItemCtx.createBindProps(e),o=O.createSelectBindProps(e,["disabled","modelValue"]),i=O.createSelectOnEmits(n,["update:modelValue"]),P=E.useComputedReadonly(e),d=t.ref(),v=l=>{var r;(r=e.selectRef)==null||r.call(e,l),d.value=l==null?void 0:l.$el},m=E.useRtl(d),a=t.computed(()=>t.normalizeClass([e.popperClass,{"is-rtl":m.value}])),V=t.computed({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 r=l.reduce((p,s)=>(typeof s=="string"?p.push(s):k.isNotEmptyObject(s)&&s[e.valueKey]!==void 0&&p.push(s[e.valueKey]),p),[]).join(",");n("update:modelValue",r);return}n("update:modelValue",l)}}),c=t.ref([]),g=l=>{l?fetch(l).then(r=>r.json()).then(r=>{c.value=r}):c.value=[]};e.optionsUrl&&g(e.optionsUrl),t.watch(()=>e.optionsUrl,l=>{n("update:modelValue",void 0),g(l)});const B=l=>k.isPlainObject(l.value)?l.value[o.value.valueKey]:l.value,R=t.computed(()=>(c.value.length?c.value:e.options).reduce((r,p)=>{const s=B(p);return!s&&s!==0&&s!==!1||r.push({...p,key:s}),r},[])),S=t.ref(!0);return t.watch(()=>o.value.multiple,()=>{n("update:modelValue",void 0),S.value=!1,t.nextTick(()=>{S.value=!0})}),{formItemBindProps:u,selectBindProps:o,selectOnEmits:i,selectOptions:R,reshow:S,readonly:P,theModelValue:V,selectRefResolve:v,isRtl:m,thePropperClass:a}}});function N(e,n,u,o,i,P){const d=t.resolveComponent("Options"),v=t.resolveComponent("ElSelect"),m=t.resolveComponent("VkfFormItem");return t.openBlock(),t.createBlock(m,t.normalizeProps(t.guardReactiveProps(e.formItemBindProps)),{default:t.withCtx(()=>[e.reshow?(t.openBlock(),t.createBlock(v,t.mergeProps({key:0},e.selectBindProps,{ref:e.selectRefResolve,modelValue:e.theModelValue,"onUpdate:modelValue":n[0]||(n[0]=a=>e.theModelValue=a),disabled:e.readonly||e.disabled,class:{"is-readonly":e.readonly},"popper-class":e.thePropperClass},t.toHandlers(e.selectOnEmits)),t.createSlots({default:t.withCtx(()=>[t.createVNode(d,{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:t.withCtx(a=>[t.renderSlot(e.$slots,"option",t.normalizeProps(t.guardReactiveProps(a)))]),_:3},8,["data","option-children-prop","label-prop","value-prop","disabled-prop"]),t.renderSlot(e.$slots,"footer")]),_:2},[t.renderList(e.selectSlots,(a,V)=>({name:V,fn:t.withCtx(c=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(a==null?void 0:a(c))))])}))]),1040,["modelValue","disabled","class","popper-class"])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")]),_:3},16)}const U=$._export_sfc(M,[["render",N]]),j=t.defineComponent({name:"VkfSelect",props:y,emits:b,setup(e,{emit:n,slots:u}){const o=_(n);return()=>t.h(U,{...e,...C.vOn(o)},{...e.slots,...u})}}),A=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfSelect=j;exports._VkfSelectCtx=q;exports.__VkfSelect=A;exports.default=j;