@vunk/form 2.19.18 → 2.19.20

package/components/input-link/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("@vunk/form/components/input"),t=require("vue"),p=require("element-plus"),y=require("../index-DSyxYMB0.js"),b=require("@vunk/core/shared/utils-object"),h=require("@vunk/form/composables"),v=require("@vunk/form/composables/element-plus"),g=require("../_plugin-vue_export-helper-BHFhmbuH.js"),V={...r._VkfInputCtx.props,type:{type:String,default:"textarea"},rows:{type:Number,default:4},label:{type:String,default:void 0},placeholder:{type:String,default:void 0},readonly:{type:Boolean,default:void 0},uploadUrl:{type:String,default:"https://pan.baidu.com/disk/main#/index?category=all"},referenceUrl:{type:String,default:"https://pan.baidu.com/disk/main#/index?category=all"},referenceOnly:{type:Boolean,default:!1},referenceLabel:{type:String,default:void 0},modelValue:{type:String,default:""}},L={...r._VkfInputCtx.emits},I=t.defineComponent({name:"VkfInputLink",components:{VkfInput:r.VkfInput},props:V,emits:L,setup(e,{emit:a}){const u=r._VkfInputCtx.createBindProps(e),i=r._VkfInputCtx.createOnEmits(a),s=h.useComputedReadonly(e),{tr:l}=v.useLocale(),o=t.computed(()=>e.label||l("vkf.inputLink.label","回填地址")),c=t.computed(()=>e.placeholder||l("vkf.inputLink.placeholder","上传文件后, 将文件下载地址粘贴到此处")),f=t.computed(()=>e.referenceLabel||l("vkf.inputLink.referenceLabel","参考地址")),k=n=>()=>t.h(p.ElButton,{onClick:()=>window.open(n),disabled:!n},()=>t.h(p.ElIcon,{class:"vkf-input-link-icon",size:16},()=>t.h(y.right_default))),m=t.computed(()=>{const n=[{pattern:/^(http|https):\/\/([\w.]+\/?)\S*$/,message:l("vkf.inputLink.invalidUrl","请输入正确的链接地址")}];return Array.isArray(e.rules)&&n.push(...e.rules),b.isPlainObject(e.rules)&&n.push(e.rules),n});return{coreProps:u,coreEmits:i,createAppendEl:k,inputLabel:o,inputPlaceholder:c,rules:m,theReferenceLabel:f,readonly:s}}}),S={class:"vkf-form-item vkf-input-link"};function P(e,a,u,i,s,l){const o=t.resolveComponent("VkfInput");return t.openBlock(),t.createElementBlock("div",S,[t.createVNode(o,{label:e.theReferenceLabel,disabled:!0,"model-value":e.referenceUrl??e.uploadUrl,"input-slots":{append:e.createAppendEl(e.referenceUrl??e.uploadUrl)}},null,8,["label","model-value","input-slots"]),e.referenceOnly?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(o,t.mergeProps({key:0},e.coreProps,{label:e.inputLabel,placeholder:e.inputPlaceholder,rules:e.rules,readonly:e.readonly,type:e.readonly?"text":e.type,"input-slots":{append:e.readonly?e.createAppendEl(e.modelValue):void 0}},t.toHandlers(e.coreEmits)),null,16,["label","placeholder","rules","readonly","type","input-slots"]))])}const d=g._export_sfc(I,[["render",P]]),C=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfInputLink=d;exports.__VkfInputLink=C;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("@vunk/form/components/input"),t=require("vue"),p=require("element-plus"),y=require("../index-BBriTmQP.js"),b=require("@vunk/core/shared/utils-object"),h=require("@vunk/form/composables"),v=require("@vunk/form/composables/element-plus"),g=require("../_plugin-vue_export-helper-BHFhmbuH.js"),V={...r._VkfInputCtx.props,type:{type:String,default:"textarea"},rows:{type:Number,default:4},label:{type:String,default:void 0},placeholder:{type:String,default:void 0},readonly:{type:Boolean,default:void 0},uploadUrl:{type:String,default:"https://pan.baidu.com/disk/main#/index?category=all"},referenceUrl:{type:String,default:"https://pan.baidu.com/disk/main#/index?category=all"},referenceOnly:{type:Boolean,default:!1},referenceLabel:{type:String,default:void 0},modelValue:{type:String,default:""}},L={...r._VkfInputCtx.emits},I=t.defineComponent({name:"VkfInputLink",components:{VkfInput:r.VkfInput},props:V,emits:L,setup(e,{emit:a}){const u=r._VkfInputCtx.createBindProps(e),i=r._VkfInputCtx.createOnEmits(a),s=h.useComputedReadonly(e),{tr:l}=v.useLocale(),o=t.computed(()=>e.label||l("vkf.inputLink.label","回填地址")),c=t.computed(()=>e.placeholder||l("vkf.inputLink.placeholder","上传文件后, 将文件下载地址粘贴到此处")),f=t.computed(()=>e.referenceLabel||l("vkf.inputLink.referenceLabel","参考地址")),k=n=>()=>t.h(p.ElButton,{onClick:()=>window.open(n),disabled:!n},()=>t.h(p.ElIcon,{class:"vkf-input-link-icon",size:16},()=>t.h(y.right_default))),m=t.computed(()=>{const n=[{pattern:/^(http|https):\/\/([\w.]+\/?)\S*$/,message:l("vkf.inputLink.invalidUrl","请输入正确的链接地址")}];return Array.isArray(e.rules)&&n.push(...e.rules),b.isPlainObject(e.rules)&&n.push(e.rules),n});return{coreProps:u,coreEmits:i,createAppendEl:k,inputLabel:o,inputPlaceholder:c,rules:m,theReferenceLabel:f,readonly:s}}}),S={class:"vkf-form-item vkf-input-link"};function P(e,a,u,i,s,l){const o=t.resolveComponent("VkfInput");return t.openBlock(),t.createElementBlock("div",S,[t.createVNode(o,{label:e.theReferenceLabel,disabled:!0,"model-value":e.referenceUrl??e.uploadUrl,"input-slots":{append:e.createAppendEl(e.referenceUrl??e.uploadUrl)}},null,8,["label","model-value","input-slots"]),e.referenceOnly?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(o,t.mergeProps({key:0},e.coreProps,{label:e.inputLabel,placeholder:e.inputPlaceholder,rules:e.rules,readonly:e.readonly,type:e.readonly?"text":e.type,"input-slots":{append:e.readonly?e.createAppendEl(e.modelValue):void 0}},t.toHandlers(e.coreEmits)),null,16,["label","placeholder","rules","readonly","type","input-slots"]))])}const d=g._export_sfc(I,[["render",P]]),C=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfInputLink=d;exports.__VkfInputLink=C;exports.default=d;

package/components/input-link/index.mjs

@@ -1,7 +1,7 @@
 import { _VkfInputCtx as o, VkfInput as k } from "@vunk/form/components/input";
 import { defineComponent as b, computed as r, h as a, resolveComponent as h, openBlock as u, createElementBlock as v, createVNode as L, createBlock as g, mergeProps as V, toHandlers as S, createCommentVNode as E } from "vue";
 import { ElButton as I, ElIcon as P } from "element-plus";
-import { r as B } from "../index-BCZuzyeO.mjs";
+import { r as B } from "../index-CeHbpfCD.mjs";
 import { isPlainObject as U } from "@vunk/core/shared/utils-object";
 import { useComputedReadonly as C } from "@vunk/form/composables";
 import { useLocale as O } from "@vunk/form/composables/element-plus";

package/components/select/index.cjs

@@ -1 +1 @@
-"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-BHFhmbuH.js"),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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),C=require("@vunk/form/components/form-item"),p=require("element-plus"),O=require("@vunk/core/shared/utils-vue"),E=require("@vunk/form/shared/element-plus"),_=require("@vunk/core/shared/utils-object"),j=require("@vunk/form/composables"),F=require("../_plugin-vue_export-helper-BHFhmbuH.js"),y={...C._VkfFormItemCtx.props,...p.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:""},closeOnClickOutside:{type:Boolean,default:!0}},N=O.bindPropsFactory(y),b={...p.selectEmits,"update:modelValue":null},B=O.onEmitsFactory(b),U=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:N,createOnEmits:B,emits:b,props:y},Symbol.toStringTag,{value:"Module"}));function A(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const z=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 i=o=>{let d;return e.optionChildrenProp&&Array.isArray(o[e.optionChildrenProp])&&o[e.optionChildrenProp].length>0?t.createVNode(p.ElOptionGroup,{label:o[e.labelProp],key:o[e.valueProp]||o[e.labelProp],disabled:o[e.disabledProp]},A(d=o[e.optionChildrenProp].map(u=>t.createVNode(i,t.mergeProps({key:u.value},u),null)))?d:{default:()=>[d]}):t.createVNode(p.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=>i(o))}}),T=t.defineComponent({components:{VkfFormItem:C.VkfFormItem,ElSelect:p.ElSelect,ElOption:p.ElOption,Options:z},props:y,emits:b,setup(e,{emit:n}){const i=C._VkfFormItemCtx.createBindProps(e),o=E.createSelectBindProps(e,["disabled","modelValue"]),d=j.useComputedReadonly(e),m=t.ref(),u=t.ref(),P=l=>{var r;(r=e.selectRef)==null||r.call(e,l),m.value=l==null?void 0:l.$el,u.value=l},f=t.ref(!1),s=t.ref(!1),V=()=>{s.value=!0},S=l=>{n("visible-change",l),!l&&!e.closeOnClickOutside&&!f.value&&!s.value&&u.value&&(u.value.expanded=!0),t.nextTick(()=>{f.value=!1,s.value=!1})},M={...E.createSelectOnEmits(n,["update:modelValue"]),"visible-change":S},g=j.useRtl(m),R=t.computed(()=>t.normalizeClass([e.popperClass,{"is-rtl":g.value}])),$=t.computed({get:()=>e.multiple&&e.stringify&&typeof e.modelValue=="string"?e.modelValue?e.modelValue.split(","):[]:e.modelValue??e.defaultModelValue,set:l=>{if(f.value=!0,e.multiple&&e.stringify&&Array.isArray(l)){const r=l.reduce((c,a)=>(typeof a=="string"?c.push(a):_.isNotEmptyObject(a)&&a[e.valueKey]!==void 0&&c.push(a[e.valueKey]),c),[]).join(",");n("update:modelValue",r);return}n("update:modelValue",l)}}),v=t.ref([]),k=l=>{l?fetch(l).then(r=>r.json()).then(r=>{v.value=r}):v.value=[]};e.optionsUrl&&k(e.optionsUrl),t.watch(()=>e.optionsUrl,l=>{n("update:modelValue",void 0),k(l)});const I=l=>_.isPlainObject(l.value)?l.value[o.value.valueKey]:l.value,q=t.computed(()=>(v.value.length?v.value:e.options).reduce((r,c)=>{const a=I(c);return!a&&a!==0&&a!==!1||r.push({...c,key:a}),r},[])),h=t.ref(!0);return t.watch(()=>o.value.multiple,()=>{n("update:modelValue",void 0),h.value=!1,t.nextTick(()=>{h.value=!0})}),{formItemBindProps:i,selectBindProps:o,selectOnEmits:M,selectOptions:q,reshow:h,readonly:d,theModelValue:$,selectRefResolve:P,isRtl:g,thePropperClass:R,onSelectMousedown:V}}});function K(e,n,i,o,d,m){const u=t.resolveComponent("Options"),P=t.resolveComponent("ElSelect"),f=t.resolveComponent("VkfFormItem");return t.openBlock(),t.createBlock(f,t.normalizeProps(t.guardReactiveProps(e.formItemBindProps)),{default:t.withCtx(()=>[e.reshow?(t.openBlock(),t.createBlock(P,t.mergeProps({key:0},e.selectBindProps,{ref:e.selectRefResolve,modelValue:e.theModelValue,"onUpdate:modelValue":n[0]||(n[0]=s=>e.theModelValue=s),disabled:e.readonly||e.disabled,class:{"is-readonly":e.readonly},"popper-class":e.thePropperClass},t.toHandlers(e.selectOnEmits),{onMousedown:e.onSelectMousedown}),t.createSlots({default:t.withCtx(()=>[t.createVNode(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:t.withCtx(s=>[t.renderSlot(e.$slots,"option",t.normalizeProps(t.guardReactiveProps(s)))]),_:3},8,["data","option-children-prop","label-prop","value-prop","disabled-prop"]),t.renderSlot(e.$slots,"footer")]),_:2},[t.renderList(e.selectSlots,(s,V)=>({name:V,fn:t.withCtx(S=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(s==null?void 0:s(S))))])}))]),1040,["modelValue","disabled","class","popper-class","onMousedown"])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")]),_:3},16)}const G=F._export_sfc(T,[["render",K]]),w=t.defineComponent({name:"VkfSelect",props:y,emits:b,setup(e,{emit:n,slots:i}){const o=B(n);return()=>t.h(G,{...e,...O.vOn(o)},{...e.slots,...i})}}),H=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfSelect=w;exports._VkfSelectCtx=U;exports.__VkfSelect=H;exports.default=w;

package/components/select/index.mjs

@@ -1,14 +1,14 @@
-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 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,
   modelValue: null,
   props: {
     // For Type
@@ -52,21 +52,28 @@ const y = {
   optionChildrenProp: {
     type: String,
     default: ""
+  },
+  /**
+   * @description 是否在点击外部时关闭下拉菜单
+   */
+  closeOnClickOutside: {
+    type: Boolean,
+    default: !0
   }
-}, ue = Z(y), b = {
-  ...W,
+}, fe = te(b), P = {
+  ...ee,
   "update:modelValue": null
-}, A = x(b), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, z = ne(P), je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createBindProps: ue,
-  createOnEmits: A,
-  emits: b,
-  props: y
+  createBindProps: fe,
+  createOnEmits: z,
+  emits: P,
+  props: b
 }, Symbol.toStringTag, { value: "Module" }));
-function de(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !z(e);
+function me(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !D(e);
 }
-const ie = /* @__PURE__ */ j({
+const ye = /* @__PURE__ */ R({
   props: {
     data: {
       type: Array,
@@ -90,157 +97,167 @@ const ie = /* @__PURE__ */ j({
     }
   },
   setup(e, {
-    slots: o
+    slots: t
   }) {
-    const s = (t) => {
+    const u = (l) => {
       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 : {
+      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]
-      }) : 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
+      }) : 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
       }, {
-        default: () => o.option ? o.option(t) : t[e.labelProp]
+        default: () => t.option ? t.option(l) : l[e.labelProp]
       });
     };
-    return () => e.data.map((t) => s(t));
+    return () => e.data.map((l) => u(l));
   }
-}), pe = j({
+}), ve = R({
   components: {
-    VkfFormItem: J,
-    ElSelect: Y,
-    ElOption: U,
-    Options: ie
+    VkfFormItem: Z,
+    ElSelect: oe,
+    ElOption: A,
+    Options: ye
   },
-  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) => {
+  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, l), u.value = l == null ? void 0 : l.$el;
-    }, c = ae(u), a = g(() => K([
+      (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;
+      });
+    }, K = {
+      ...se(t, ["update:modelValue"]),
+      "visible-change": h
+    }, _ = ce(f), N = g(() => H([
       e.popperClass,
       {
-        "is-rtl": c.value
+        "is-rtl": _.value
       }
-    ])), V = g({
+    ])), G = 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);
+      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);
           return;
         }
-        o("update:modelValue", l);
+        t("update:modelValue", o);
       }
-    }), i = S([]), _ = (l) => {
-      l ? fetch(l).then((n) => n.json()).then((n) => {
-        i.value = n;
-      }) : i.value = [];
+    }), m = c([]), B = (o) => {
+      o ? fetch(o).then((n) => n.json()).then((n) => {
+        m.value = n;
+      }) : m.value = [];
     };
-    e.optionsUrl && _(e.optionsUrl), R(() => e.optionsUrl, (l) => {
-      o("update:modelValue", void 0), _(l);
+    e.optionsUrl && B(e.optionsUrl), M(() => e.optionsUrl, (o) => {
+      t("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
+    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;
-    }, [])), h = S(!0);
-    return R(() => t.value.multiple, () => {
-      o("update:modelValue", void 0), h.value = !1, N(() => {
-        h.value = !0;
+    }, [])), O = c(!0);
+    return M(() => l.value.multiple, () => {
+      t("update:modelValue", void 0), O.value = !1, w(() => {
+        O.value = !0;
       });
     }), {
-      formItemBindProps: s,
-      selectBindProps: t,
-      selectOnEmits: d,
-      selectOptions: w,
-      reshow: h,
-      readonly: P,
-      theModelValue: V,
-      selectRefResolve: v,
-      isRtl: c,
-      thePropperClass: a
+      formItemBindProps: u,
+      selectBindProps: l,
+      selectOnEmits: K,
+      selectOptions: q,
+      reshow: O,
+      readonly: d,
+      theModelValue: G,
+      selectRefResolve: V,
+      isRtl: _,
+      thePropperClass: N,
+      onSelectMousedown: S
     };
   }
 });
-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 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, {
         ref: e.selectRefResolve,
         modelValue: e.theModelValue,
-        "onUpdate:modelValue": o[0] || (o[0] = (a) => e.theModelValue = a),
+        "onUpdate:modelValue": t[0] || (t[0] = (r) => e.theModelValue = r),
         disabled: e.readonly || e.disabled,
         class: {
           "is-readonly": e.readonly
         },
         "popper-class": e.thePropperClass
-      }, G(e.selectOnEmits)), T({
-        default: f(() => [
-          m(u, {
+      }, L(e.selectOnEmits), { onMousedown: e.onSelectMousedown }), J({
+        default: y(() => [
+          v(s, {
             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)))
+            option: y((r) => [
+              j(e.$slots, "option", $(F(r)))
             ]),
             _: 3
           }, 8, ["data", "option-children-prop", "label-prop", "value-prop", "disabled-prop"]),
-          E(e.$slots, "footer")
+          j(e.$slots, "footer")
         ]),
         _: 2
       }, [
-        q(e.selectSlots, (a, V) => ({
-          name: V,
-          fn: f((i) => [
-            (C(), k(D(a == null ? void 0 : a(i))))
+        Q(e.selectSlots, (r, S) => ({
+          name: S,
+          fn: y((h) => [
+            (k(), E(W(r == null ? void 0 : r(h))))
           ])
         }))
-      ]), 1040, ["modelValue", "disabled", "class", "popper-class"])) : H("", !0),
-      E(e.$slots, "default")
+      ]), 1040, ["modelValue", "disabled", "class", "popper-class", "onMousedown"])) : X("", !0),
+      j(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const fe = /* @__PURE__ */ se(pe, [["render", ce]]), Oe = j({
+const Pe = /* @__PURE__ */ pe(ve, [["render", be]]), Re = R({
   name: "VkfSelect",
-  props: y,
-  emits: b,
-  setup(e, { emit: o, slots: s }) {
-    const t = A(o);
-    return () => L(fe, {
+  props: b,
+  emits: P,
+  setup(e, { emit: t, slots: u }) {
+    const l = z(t);
+    return () => Y(Pe, {
       ...e,
-      ...ee(t)
+      ...re(l)
     }, {
       ...e.slots,
-      ...s
+      ...u
     });
   }
-}), Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), _e = /* @__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
+  Re as VkfSelect,
+  je as _VkfSelectCtx,
+  _e as __VkfSelect,
+  Re as default
 };

package/components/select/src/core.vue.d.ts

@@ -34,6 +34,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: string;
     };
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
@@ -323,6 +327,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         appendTo: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | null)[], unknown, unknown> | undefined;
     }>;
     selectOnEmits: {
+        'visible-change': (visible: boolean) => void;
         clear: (visible: boolean) => void;
         focus: (visible: boolean) => void;
         blur: (visible: boolean) => void;
@@ -330,7 +335,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         "popup-scroll": (visible: boolean) => void;
         "end-reached": (visible: boolean) => void;
         "remove-tag": (visible: boolean) => void;
-        "visible-change": (visible: boolean) => void;
     };
     selectOptions: import("vue").ComputedRef<(import("@vunk/shared").VueComponentPropsType<import("element-plus/es/utils/index.mjs").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         value: {
@@ -412,6 +416,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     selectRefResolve: (e: any) => void;
     isRtl: import("vue").ComputedRef<boolean>;
     thePropperClass: import("vue").ComputedRef<string>;
+    onSelectMousedown: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': null;
     change: (val: import("element-plus").SelectProps["modelValue"] | any) => boolean;
@@ -458,6 +463,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: string;
     };
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
@@ -738,6 +747,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     optionsUrl: string;
     stringify: boolean;
     optionChildrenProp: string;
+    closeOnClickOutside: boolean;
     valueOnClear: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | ((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | null)[], unknown, unknown>;
     automaticDropdown: boolean;
     filterable: boolean;

package/components/select/src/ctx.d.ts

@@ -51,6 +51,13 @@ export declare const props: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * @description 是否在点击外部时关闭下拉菜单
+     */
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
@@ -210,7 +217,7 @@ export declare const props: {
     inlineMessage: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     showMessage: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", keyof T2> | Extract<"id", keyof T2> | Extract<"effect", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"popperStyle", keyof T2> | Extract<"ariaLabel", keyof T2> | Extract<"fallbackPlacements", keyof T2> | Extract<"offset", keyof T2> | Extract<"placement", keyof T2> | Extract<"popperOptions", keyof T2> | Extract<"size", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"labelTipProps", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"clearIcon", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"tabindex", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"name", keyof T2> | Extract<"props", keyof T2> | Extract<"slots", keyof T2> | Extract<"loading", keyof T2> | Extract<"options", keyof T2> | Extract<"selectSlots", keyof T2> | Extract<"selectRef", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"stringify", keyof T2> | Extract<"optionChildrenProp", keyof T2> | Extract<"emptyValues", keyof T2> | Extract<"valueOnClear", keyof T2> | Extract<"automaticDropdown", keyof T2> | Extract<"filterable", keyof T2> | Extract<"allowCreate", keyof T2> | Extract<"remote", keyof T2> | Extract<"debounce", keyof T2> | Extract<"loadingText", keyof T2> | Extract<"noMatchText", keyof T2> | Extract<"noDataText", keyof T2> | Extract<"remoteMethod", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"multiple", keyof T2> | Extract<"multipleLimit", keyof T2> | Extract<"defaultFirstOption", keyof T2> | Extract<"reserveKeyword", keyof T2> | Extract<"valueKey", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"tagTooltip", keyof T2> | Extract<"maxCollapseTags", keyof T2> | Extract<"teleported", keyof T2> | Extract<"persistent", keyof T2> | Extract<"fitInputWidth", keyof T2> | Extract<"tagType", keyof T2> | Extract<"tagEffect", keyof T2> | Extract<"remoteShowSuffix", keyof T2> | Extract<"showArrow", keyof T2> | Extract<"appendTo", keyof T2>)[]>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required", keyof T2>, KE> | Exclude<Extract<"id", keyof T2>, KE> | Exclude<Extract<"effect", keyof T2>, KE> | Exclude<Extract<"popperClass", keyof T2>, KE> | Exclude<Extract<"popperStyle", keyof T2>, KE> | Exclude<Extract<"ariaLabel", keyof T2>, KE> | Exclude<Extract<"fallbackPlacements", keyof T2>, KE> | Exclude<Extract<"offset", keyof T2>, KE> | Exclude<Extract<"placement", keyof T2>, KE> | Exclude<Extract<"popperOptions", keyof T2>, KE> | Exclude<Extract<"size", keyof T2>, KE> | Exclude<Extract<"labelPosition", keyof T2>, KE> | Exclude<Extract<"formItemSize", keyof T2>, KE> | Exclude<Extract<"formItemSlots", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> | Exclude<Extract<"formItemTip", keyof T2>, KE> | Exclude<Extract<"formItemTipClass", keyof T2>, KE> | Exclude<Extract<"labelTip", keyof T2>, KE> | Exclude<Extract<"information", keyof T2>, KE> | Exclude<Extract<"prop", keyof T2>, KE> | Exclude<Extract<"defaultModelValue", keyof T2>, KE> | Exclude<Extract<"labelTipProps", keyof T2>, KE> | Exclude<Extract<"label", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"error", keyof T2>, KE> | Exclude<Extract<"validateStatus", keyof T2>, KE> | Exclude<Extract<"for", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"modelValue", keyof T2>, KE> | Exclude<Extract<"autocomplete", keyof T2>, KE> | Exclude<Extract<"placeholder", keyof T2>, KE> | Exclude<Extract<"clearable", keyof T2>, KE> | Exclude<Extract<"clearIcon", keyof T2>, KE> | Exclude<Extract<"suffixIcon", keyof T2>, KE> | Exclude<Extract<"tabindex", keyof T2>, KE> | Exclude<Extract<"validateEvent", keyof T2>, KE> | Exclude<Extract<"name", keyof T2>, KE> | Exclude<Extract<"props", keyof T2>, KE> | Exclude<Extract<"slots", keyof T2>, KE> | Exclude<Extract<"loading", keyof T2>, KE> | Exclude<Extract<"options", keyof T2>, KE> | Exclude<Extract<"selectSlots", keyof T2>, KE> | Exclude<Extract<"selectRef", keyof T2>, KE> | Exclude<Extract<"optionsUrl", keyof T2>, KE> | Exclude<Extract<"stringify", keyof T2>, KE> | Exclude<Extract<"optionChildrenProp", keyof T2>, KE> | Exclude<Extract<"emptyValues", keyof T2>, KE> | Exclude<Extract<"valueOnClear", keyof T2>, KE> | Exclude<Extract<"automaticDropdown", keyof T2>, KE> | Exclude<Extract<"filterable", keyof T2>, KE> | Exclude<Extract<"allowCreate", keyof T2>, KE> | Exclude<Extract<"remote", keyof T2>, KE> | Exclude<Extract<"debounce", keyof T2>, KE> | Exclude<Extract<"loadingText", keyof T2>, KE> | Exclude<Extract<"noMatchText", keyof T2>, KE> | Exclude<Extract<"noDataText", keyof T2>, KE> | Exclude<Extract<"remoteMethod", keyof T2>, KE> | Exclude<Extract<"filterMethod", keyof T2>, KE> | Exclude<Extract<"multiple", keyof T2>, KE> | Exclude<Extract<"multipleLimit", keyof T2>, KE> | Exclude<Extract<"defaultFirstOption", keyof T2>, KE> | Exclude<Extract<"reserveKeyword", keyof T2>, KE> | Exclude<Extract<"valueKey", keyof T2>, KE> | Exclude<Extract<"collapseTags", keyof T2>, KE> | Exclude<Extract<"collapseTagsTooltip", keyof T2>, KE> | Exclude<Extract<"tagTooltip", keyof T2>, KE> | Exclude<Extract<"maxCollapseTags", keyof T2>, KE> | Exclude<Extract<"teleported", keyof T2>, KE> | Exclude<Extract<"persistent", keyof T2>, KE> | Exclude<Extract<"fitInputWidth", keyof T2>, KE> | Exclude<Extract<"tagType", keyof T2>, KE> | Exclude<Extract<"tagEffect", keyof T2>, KE> | Exclude<Extract<"remoteShowSuffix", keyof T2>, KE> | Exclude<Extract<"showArrow", keyof T2>, KE> | Exclude<Extract<"appendTo", keyof T2>, KE> : Extract<"required", keyof T2> | Extract<"id", keyof T2> | Extract<"effect", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"popperStyle", keyof T2> | Extract<"ariaLabel", keyof T2> | Extract<"fallbackPlacements", keyof T2> | Extract<"offset", keyof T2> | Extract<"placement", keyof T2> | Extract<"popperOptions", keyof T2> | Extract<"size", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"labelTipProps", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"clearIcon", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"tabindex", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"name", keyof T2> | Extract<"props", keyof T2> | Extract<"slots", keyof T2> | Extract<"loading", keyof T2> | Extract<"options", keyof T2> | Extract<"selectSlots", keyof T2> | Extract<"selectRef", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"stringify", keyof T2> | Extract<"optionChildrenProp", keyof T2> | Extract<"emptyValues", keyof T2> | Extract<"valueOnClear", keyof T2> | Extract<"automaticDropdown", keyof T2> | Extract<"filterable", keyof T2> | Extract<"allowCreate", keyof T2> | Extract<"remote", keyof T2> | Extract<"debounce", keyof T2> | Extract<"loadingText", keyof T2> | Extract<"noMatchText", keyof T2> | Extract<"noDataText", keyof T2> | Extract<"remoteMethod", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"multiple", keyof T2> | Extract<"multipleLimit", keyof T2> | Extract<"defaultFirstOption", keyof T2> | Extract<"reserveKeyword", keyof T2> | Extract<"valueKey", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"tagTooltip", keyof T2> | Extract<"maxCollapseTags", keyof T2> | Extract<"teleported", keyof T2> | Extract<"persistent", keyof T2> | Extract<"fitInputWidth", keyof T2> | Extract<"tagType", keyof T2> | Extract<"tagEffect", keyof T2> | Extract<"remoteShowSuffix", keyof T2> | Extract<"showArrow", keyof T2> | Extract<"appendTo", keyof T2>]: { [k in Extract<"required", keyof T2> | Extract<"id", keyof T2> | Extract<"effect", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"popperStyle", keyof T2> | Extract<"ariaLabel", keyof T2> | Extract<"fallbackPlacements", keyof T2> | Extract<"offset", keyof T2> | Extract<"placement", keyof T2> | Extract<"popperOptions", keyof T2> | Extract<"size", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"labelTipProps", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"clearIcon", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"tabindex", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"name", keyof T2> | Extract<"props", keyof T2> | Extract<"slots", keyof T2> | Extract<"loading", keyof T2> | Extract<"options", keyof T2> | Extract<"selectSlots", keyof T2> | Extract<"selectRef", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"stringify", keyof T2> | Extract<"optionChildrenProp", keyof T2> | Extract<"emptyValues", keyof T2> | Extract<"valueOnClear", keyof T2> | Extract<"automaticDropdown", keyof T2> | Extract<"filterable", keyof T2> | Extract<"allowCreate", keyof T2> | Extract<"remote", keyof T2> | Extract<"debounce", keyof T2> | Extract<"loadingText", keyof T2> | Extract<"noMatchText", keyof T2> | Extract<"noDataText", keyof T2> | Extract<"remoteMethod", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"multiple", keyof T2> | Extract<"multipleLimit", keyof T2> | Extract<"defaultFirstOption", keyof T2> | Extract<"reserveKeyword", keyof T2> | Extract<"valueKey", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"tagTooltip", keyof T2> | Extract<"maxCollapseTags", keyof T2> | Extract<"teleported", keyof T2> | Extract<"persistent", keyof T2> | Extract<"fitInputWidth", keyof T2> | Extract<"tagType", keyof T2> | Extract<"tagEffect", keyof T2> | Extract<"remoteShowSuffix", keyof T2> | Extract<"showArrow", keyof T2> | Extract<"appendTo", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", keyof T2> | Extract<"id", keyof T2> | Extract<"effect", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"popperStyle", keyof T2> | Extract<"ariaLabel", keyof T2> | Extract<"fallbackPlacements", keyof T2> | Extract<"offset", keyof T2> | Extract<"placement", keyof T2> | Extract<"popperOptions", keyof T2> | Extract<"size", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"labelTipProps", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"clearIcon", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"tabindex", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"name", keyof T2> | Extract<"props", keyof T2> | Extract<"slots", keyof T2> | Extract<"loading", keyof T2> | Extract<"options", keyof T2> | Extract<"selectSlots", keyof T2> | Extract<"selectRef", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"stringify", keyof T2> | Extract<"optionChildrenProp", keyof T2> | Extract<"closeOnClickOutside", keyof T2> | Extract<"emptyValues", keyof T2> | Extract<"valueOnClear", keyof T2> | Extract<"automaticDropdown", keyof T2> | Extract<"filterable", keyof T2> | Extract<"allowCreate", keyof T2> | Extract<"remote", keyof T2> | Extract<"debounce", keyof T2> | Extract<"loadingText", keyof T2> | Extract<"noMatchText", keyof T2> | Extract<"noDataText", keyof T2> | Extract<"remoteMethod", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"multiple", keyof T2> | Extract<"multipleLimit", keyof T2> | Extract<"defaultFirstOption", keyof T2> | Extract<"reserveKeyword", keyof T2> | Extract<"valueKey", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"tagTooltip", keyof T2> | Extract<"maxCollapseTags", keyof T2> | Extract<"teleported", keyof T2> | Extract<"persistent", keyof T2> | Extract<"fitInputWidth", keyof T2> | Extract<"tagType", keyof T2> | Extract<"tagEffect", keyof T2> | Extract<"remoteShowSuffix", keyof T2> | Extract<"showArrow", keyof T2> | Extract<"appendTo", keyof T2>)[]>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required", keyof T2>, KE> | Exclude<Extract<"id", keyof T2>, KE> | Exclude<Extract<"effect", keyof T2>, KE> | Exclude<Extract<"popperClass", keyof T2>, KE> | Exclude<Extract<"popperStyle", keyof T2>, KE> | Exclude<Extract<"ariaLabel", keyof T2>, KE> | Exclude<Extract<"fallbackPlacements", keyof T2>, KE> | Exclude<Extract<"offset", keyof T2>, KE> | Exclude<Extract<"placement", keyof T2>, KE> | Exclude<Extract<"popperOptions", keyof T2>, KE> | Exclude<Extract<"size", keyof T2>, KE> | Exclude<Extract<"labelPosition", keyof T2>, KE> | Exclude<Extract<"formItemSize", keyof T2>, KE> | Exclude<Extract<"formItemSlots", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> | Exclude<Extract<"formItemTip", keyof T2>, KE> | Exclude<Extract<"formItemTipClass", keyof T2>, KE> | Exclude<Extract<"labelTip", keyof T2>, KE> | Exclude<Extract<"information", keyof T2>, KE> | Exclude<Extract<"prop", keyof T2>, KE> | Exclude<Extract<"defaultModelValue", keyof T2>, KE> | Exclude<Extract<"labelTipProps", keyof T2>, KE> | Exclude<Extract<"label", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"error", keyof T2>, KE> | Exclude<Extract<"validateStatus", keyof T2>, KE> | Exclude<Extract<"for", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"modelValue", keyof T2>, KE> | Exclude<Extract<"autocomplete", keyof T2>, KE> | Exclude<Extract<"placeholder", keyof T2>, KE> | Exclude<Extract<"clearable", keyof T2>, KE> | Exclude<Extract<"clearIcon", keyof T2>, KE> | Exclude<Extract<"suffixIcon", keyof T2>, KE> | Exclude<Extract<"tabindex", keyof T2>, KE> | Exclude<Extract<"validateEvent", keyof T2>, KE> | Exclude<Extract<"name", keyof T2>, KE> | Exclude<Extract<"props", keyof T2>, KE> | Exclude<Extract<"slots", keyof T2>, KE> | Exclude<Extract<"loading", keyof T2>, KE> | Exclude<Extract<"options", keyof T2>, KE> | Exclude<Extract<"selectSlots", keyof T2>, KE> | Exclude<Extract<"selectRef", keyof T2>, KE> | Exclude<Extract<"optionsUrl", keyof T2>, KE> | Exclude<Extract<"stringify", keyof T2>, KE> | Exclude<Extract<"optionChildrenProp", keyof T2>, KE> | Exclude<Extract<"closeOnClickOutside", keyof T2>, KE> | Exclude<Extract<"emptyValues", keyof T2>, KE> | Exclude<Extract<"valueOnClear", keyof T2>, KE> | Exclude<Extract<"automaticDropdown", keyof T2>, KE> | Exclude<Extract<"filterable", keyof T2>, KE> | Exclude<Extract<"allowCreate", keyof T2>, KE> | Exclude<Extract<"remote", keyof T2>, KE> | Exclude<Extract<"debounce", keyof T2>, KE> | Exclude<Extract<"loadingText", keyof T2>, KE> | Exclude<Extract<"noMatchText", keyof T2>, KE> | Exclude<Extract<"noDataText", keyof T2>, KE> | Exclude<Extract<"remoteMethod", keyof T2>, KE> | Exclude<Extract<"filterMethod", keyof T2>, KE> | Exclude<Extract<"multiple", keyof T2>, KE> | Exclude<Extract<"multipleLimit", keyof T2>, KE> | Exclude<Extract<"defaultFirstOption", keyof T2>, KE> | Exclude<Extract<"reserveKeyword", keyof T2>, KE> | Exclude<Extract<"valueKey", keyof T2>, KE> | Exclude<Extract<"collapseTags", keyof T2>, KE> | Exclude<Extract<"collapseTagsTooltip", keyof T2>, KE> | Exclude<Extract<"tagTooltip", keyof T2>, KE> | Exclude<Extract<"maxCollapseTags", keyof T2>, KE> | Exclude<Extract<"teleported", keyof T2>, KE> | Exclude<Extract<"persistent", keyof T2>, KE> | Exclude<Extract<"fitInputWidth", keyof T2>, KE> | Exclude<Extract<"tagType", keyof T2>, KE> | Exclude<Extract<"tagEffect", keyof T2>, KE> | Exclude<Extract<"remoteShowSuffix", keyof T2>, KE> | Exclude<Extract<"showArrow", keyof T2>, KE> | Exclude<Extract<"appendTo", keyof T2>, KE> : Extract<"required", keyof T2> | Extract<"id", keyof T2> | Extract<"effect", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"popperStyle", keyof T2> | Extract<"ariaLabel", keyof T2> | Extract<"fallbackPlacements", keyof T2> | Extract<"offset", keyof T2> | Extract<"placement", keyof T2> | Extract<"popperOptions", keyof T2> | Extract<"size", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"labelTipProps", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"clearIcon", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"tabindex", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"name", keyof T2> | Extract<"props", keyof T2> | Extract<"slots", keyof T2> | Extract<"loading", keyof T2> | Extract<"options", keyof T2> | Extract<"selectSlots", keyof T2> | Extract<"selectRef", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"stringify", keyof T2> | Extract<"optionChildrenProp", keyof T2> | Extract<"closeOnClickOutside", keyof T2> | Extract<"emptyValues", keyof T2> | Extract<"valueOnClear", keyof T2> | Extract<"automaticDropdown", keyof T2> | Extract<"filterable", keyof T2> | Extract<"allowCreate", keyof T2> | Extract<"remote", keyof T2> | Extract<"debounce", keyof T2> | Extract<"loadingText", keyof T2> | Extract<"noMatchText", keyof T2> | Extract<"noDataText", keyof T2> | Extract<"remoteMethod", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"multiple", keyof T2> | Extract<"multipleLimit", keyof T2> | Extract<"defaultFirstOption", keyof T2> | Extract<"reserveKeyword", keyof T2> | Extract<"valueKey", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"tagTooltip", keyof T2> | Extract<"maxCollapseTags", keyof T2> | Extract<"teleported", keyof T2> | Extract<"persistent", keyof T2> | Extract<"fitInputWidth", keyof T2> | Extract<"tagType", keyof T2> | Extract<"tagEffect", keyof T2> | Extract<"remoteShowSuffix", keyof T2> | Extract<"showArrow", keyof T2> | Extract<"appendTo", keyof T2>]: { [k in Extract<"required", keyof T2> | Extract<"id", keyof T2> | Extract<"effect", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"popperStyle", keyof T2> | Extract<"ariaLabel", keyof T2> | Extract<"fallbackPlacements", keyof T2> | Extract<"offset", keyof T2> | Extract<"placement", keyof T2> | Extract<"popperOptions", keyof T2> | Extract<"size", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"labelTipProps", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"clearIcon", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"tabindex", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"name", keyof T2> | Extract<"props", keyof T2> | Extract<"slots", keyof T2> | Extract<"loading", keyof T2> | Extract<"options", keyof T2> | Extract<"selectSlots", keyof T2> | Extract<"selectRef", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"stringify", keyof T2> | Extract<"optionChildrenProp", keyof T2> | Extract<"closeOnClickOutside", keyof T2> | Extract<"emptyValues", keyof T2> | Extract<"valueOnClear", keyof T2> | Extract<"automaticDropdown", keyof T2> | Extract<"filterable", keyof T2> | Extract<"allowCreate", keyof T2> | Extract<"remote", keyof T2> | Extract<"debounce", keyof T2> | Extract<"loadingText", keyof T2> | Extract<"noMatchText", keyof T2> | Extract<"noDataText", keyof T2> | Extract<"remoteMethod", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"multiple", keyof T2> | Extract<"multipleLimit", keyof T2> | Extract<"defaultFirstOption", keyof T2> | Extract<"reserveKeyword", keyof T2> | Extract<"valueKey", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"tagTooltip", keyof T2> | Extract<"maxCollapseTags", keyof T2> | Extract<"teleported", keyof T2> | Extract<"persistent", keyof T2> | Extract<"fitInputWidth", keyof T2> | Extract<"tagType", keyof T2> | Extract<"tagEffect", keyof T2> | Extract<"remoteShowSuffix", keyof T2> | Extract<"showArrow", keyof T2> | Extract<"appendTo", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     'update:modelValue': null;
     change: (val: import("element-plus").SelectProps["modelValue"] | any) => boolean;

package/components/select/src/index.vue.d.ts

@@ -104,6 +104,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: string;
     };
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
@@ -381,6 +385,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: string;
     };
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
@@ -661,6 +669,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     optionsUrl: string;
     stringify: boolean;
     optionChildrenProp: string;
+    closeOnClickOutside: boolean;
     valueOnClear: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | ((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | null)[], unknown, unknown>;
     automaticDropdown: boolean;
     filterable: boolean;