yc-design-vue 1.0.1

package/lib/Select/Select.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./Select.vue2.js");;/* empty css             */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-b6b51f16"]]);module.exports=r;

package/lib/Select/Select.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js"),a=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),t=require("./SelectIcon.vue.js"),r=require("./SelectView.vue.js"),u=require("../Input/index.js"),n=require("../InputTag/index.js"),s=require("../Trigger/index.js"),i=e.defineComponent({name:"Select",__name:"Select",props:{multiple:{type:Boolean,default:!1},modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},defaultValue:{type:[String,Number,Boolean,Object,Array],default:e=>e.multiple?[]:""},inputValue:{default:void 0},defaultInputValue:{default:""},size:{default:void 0},placeholder:{default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},allowSearch:{type:Boolean,default:e=>e.multiple},allowCreate:{type:Boolean,default:!1},maxTagCount:{default:0},popupContainer:{default:void 0},bordered:{type:Boolean,default:!0},defaultActivefirstOption:{type:Boolean,default:!1},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},unmountonClose:{type:Boolean},filterOption:{type:[Boolean,Function],default:void 0},options:{default:()=>[]},virtualListProps:{default:void 0},triggerProps:{default:()=>({contentStyle:{}})},formatLabel:{},fallbackOption:{},showExtraOptions:{type:Boolean,default:!0},valueKey:{default:""},searchDelay:{default:500},limit:{default:0},fieldNames:{default:()=>({})},scrollbar:{type:Boolean,default:!0},showHeaderOnEmpty:{type:Boolean,default:!1},showFooterOnEmpty:{type:Boolean,default:!1},tagNowrap:{type:Boolean,default:!1},hotkeys:{type:Boolean},showEmpty:{type:Boolean,default:!0}},emits:["update:modelValue","update:inputValue","update:popupVisible","change","input-value-change","clear","remove","search","exceedLimit","popup-visible-change","dropdown-scroll","dropdown-reach-bottom","select"],setup(i,{expose:p,emit:d}){const c=i,f=d,{allowClear:v,disabled:m,loading:h,searchDelay:y,showFooterOnEmpty:b,showHeaderOnEmpty:w,multiple:g,allowSearch:B,allowCreate:V,virtualListProps:C}=e.toRefs(c),k=e.ref(),x=e.ref(),{computedVisible:j,computedValue:S,computedInputValue:_,selectOptions:q,createOptions:O}=o().provide(c,f,k),E=e.computed(()=>{const e=g.value?S.value.length:String(S.value).length;return v.value&&!m.value&&!h.value&&!!e}),N=e.computed(()=>(!B.value||h.value)&&!V.value&&a.isUndefined(c.filterOption)),z=async(e,a="")=>{var o,t,r;switch(e){case"create":if(!V.value)return;if(O.value.find(e=>e==_.value))return;O.value.push({label:_.value,value:_.value}),B.value&&(null==(o=k.value)||o.blur());break;case"clear":S.value=g.value?[]:"",f("clear");break;case"search":await l.sleep(y.value),f("search",a);break;case"focus":if(m.value)return;if(j.value)return null==(t=k.value)?void 0:t.blur();j.value=!0,await l.sleep(0),null==(r=k.value)||r.focus();break;case"blur":j.value=!1;break;case"updateValue":S.value=a.map(e=>e.value)}};return p({focus(){var e;null==(e=k.value)||e.focus()},blur(){var e;null==(e=k.value)||e.blur()},getPopupRef:()=>x.value}),(l,a)=>(e.openBlock(),e.createBlock(e.unref(s),e.mergeProps({"popup-visible":e.unref(j),"onUpdate:popupVisible":a[14]||(a[14]=l=>e.isRef(j)?j.value=l:null),"unmount-on-close":l.unmountonClose,"popup-container":l.popupContainer,disabled:e.unref(m),"popup-offset":4,trigger:"focus",position:"bl","animation-name":"slide-dynamic-origin","need-transform-origin":"","auto-fit-popup-width":"","prevent-focus":"",ref_key:"popupRef",ref:x},l.triggerProps),{content:e.withCtx(()=>[e.createVNode(r,{loading:e.unref(h),scrollbar:l.scrollbar,"virtual-list-props":e.unref(C),"show-footer-on-empty":e.unref(b),"show-header-on-empty":e.unref(w)},null,8,["loading","scrollbar","virtual-list-props","show-footer-on-empty","show-header-on-empty"])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-select",{"yc-select-allow-search":e.unref(B),"yc-select-allow-clear":E.value,"yc-select-no-border":!l.bordered},l.$attrs.class]),style:e.normalizeStyle(l.$attrs.style)},[e.renderSlot(l.$slots,"trigger",{},()=>{var o;return[e.unref(g)?(e.openBlock(),e.createBlock(e.unref(n),{key:1,"input-value":e.unref(_),"onUpdate:inputValue":a[7]||(a[7]=l=>e.isRef(_)?_.value=l:null),"model-value":e.unref(q),placeholder:l.placeholder,readonly:N.value,disabled:e.unref(m),size:l.size,error:l.error,"max-tag-count":l.maxTagCount,"tag-nowrap":l.tagNowrap,ref_key:"inputRef",ref:k,onFocus:a[8]||(a[8]=e=>z("focus")),onBlur:a[9]||(a[9]=e=>z("blur")),onInput:a[10]||(a[10]=e=>z("search",e)),onRemove:a[11]||(a[11]=(e,a)=>l.$emit("remove",e,a)),onPressEnter:a[12]||(a[12]=e=>z("create")),"onUpdate:modelValue":a[13]||(a[13]=e=>z("updateValue",e))},{tag:e.withCtx(({tag:a})=>[l.$slots.label?e.renderSlot(l.$slots,"label",{key:0,data:a},void 0,!0):e.createCommentVNode("",!0)]),suffix:e.withCtx(()=>[e.createVNode(t,{"popup-visible":e.unref(j),"allow-search":e.unref(B),loading:e.unref(h),"show-clear-btn":E.value,onClear:a[6]||(a[6]=e=>z("clear"))},null,8,["popup-visible","allow-search","loading","show-clear-btn"])]),_:3},8,["input-value","model-value","placeholder","readonly","disabled","size","error","max-tag-count","tag-nowrap"])):(e.openBlock(),e.createBlock(e.unref(u),{key:0,modelValue:e.unref(_),"onUpdate:modelValue":a[1]||(a[1]=l=>e.isRef(_)?_.value=l:null),"show-input":e.unref(j),readonly:N.value,disabled:e.unref(m),size:l.size,error:l.error,placeholder:(null==(o=e.unref(q)[0])?void 0:o.label)||"",ref_key:"inputRef",ref:k,onClick:a[2]||(a[2]=e=>z("focus")),onBlur:a[3]||(a[3]=e=>z("blur")),onInput:a[4]||(a[4]=e=>z("search",e)),onPressEnter:a[5]||(a[5]=e=>z("create"))},{label:e.withCtx(()=>[e.renderSlot(l.$slots,"label",{data:e.unref(q)[0]},()=>{var a;return[e.createElementVNode("span",{class:e.normalizeClass([{"yc-input-placeholder":!e.unref(q).length}])},e.toDisplayString((null==(a=e.unref(q)[0])?void 0:a.label)||l.placeholder),3)]},!0)]),suffix:e.withCtx(()=>[e.createVNode(t,{"popup-visible":e.unref(j),"allow-search":e.unref(B),loading:e.unref(h),"show-clear-btn":E.value,onClear:a[0]||(a[0]=e=>z("clear"))},null,8,["popup-visible","allow-search","loading","show-clear-btn"])]),_:3},8,["modelValue","show-input","readonly","disabled","size","error","placeholder"]))]},!0)],6)]),_:3},16,["popup-visible","unmount-on-close","popup-container","disabled"]))}});module.exports=i;

package/lib/Select/SelectIcon.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    loading: boolean;
+    popupVisible: boolean;
+    showClearBtn: boolean;
+    allowSearch: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    clear: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClear?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/Select/SelectIcon.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./SelectIcon.vue2.js");;/* empty css                 */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-6c36ec15"]]);module.exports=r;

package/lib/Select/SelectIcon.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("./hooks/useContext.js"),n=require("../_shared/icons/IconArrowDown.vue.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const c=require("../_shared/components/IconButton.vue.js");;/* empty css                                          */const r=require("../Spin/index.js"),t={class:"yc-select-suffix-icon"},s={key:0,class:"yc-select-search-icon"},l=e.defineComponent({__name:"SelectIcon",props:{loading:{type:Boolean},popupVisible:{type:Boolean},showClearBtn:{type:Boolean},allowSearch:{type:Boolean}},emits:["clear"],setup(l){const{slots:i}=o().inject(),a=e=>i[e];return(o,l)=>{const u=e.resolveComponent("icon-search");return o.loading?(e.openBlock(),e.createBlock(e.unref(r),{key:0,size:12,class:"yc-select-loading-icon"},e.createSlots({_:2},[o.$slots["loading-icon"]?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("loading-icon"))))]),key:"0"}:void 0]),1024)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",t,[e.unref(i)["arrow-icon"]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("arrow-icon")),{key:0})):(e.openBlock(),e.createBlock(e.unref(n),{key:1,rotate:o.popupVisible?180:0},null,8,["rotate"]))]),o.allowSearch?(e.openBlock(),e.createElementBlock("div",s,[e.unref(i)["search-icon"]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("search-icon")),{key:0})):(e.openBlock(),e.createBlock(u,{key:1}))])):e.createCommentVNode("",!0),o.showClearBtn?(e.openBlock(),e.createBlock(e.unref(c),{key:1,class:"yc-select-clear-icon",onClick:l[0]||(l[0]=e.withModifiers(e=>o.$emit("clear"),["stop"]))})):e.createCommentVNode("",!0)],64))}}});module.exports=l;

package/lib/Select/SelectRealList.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    scrollbar: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    getScrollRef(): HTMLDivElement | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/lib/Select/SelectRealList.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./SelectRealList.vue2.js");;/* empty css                     */const t=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-5c59943b"]]);module.exports=t;

package/lib/Select/SelectRealList.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const l=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),r=require("./Option.vue.js"),t=require("./Optgroup.vue.js"),n=require("../Scrollbar/index.js"),a={class:"yc-select-dropdown-list"},s=e.defineComponent({__name:"SelectRealList",props:{scrollbar:{type:Boolean}},setup(s,{expose:i}){const{fieldKey:c,renderOptions:u,slots:p,emits:d}=o().inject(),k=e.ref(),f=e=>{if(p.option)return()=>{var l;return(null==(l=p.option)?void 0:l.call(p,{data:e}))||[]};const{render:o,label:r}=c.value;return l.getSlotFunction(e[o]?e[o]:e[r])};return i({getScrollRef(){var e;return null==(e=k.value)?void 0:e.getScrollRef()}}),(l,o)=>(e.openBlock(),e.createBlock(e.unref(n),{scrollbar:l.scrollbar,class:"yc-select-dropdown-list-wrapper"},{default:e.withCtx(()=>[e.createElementVNode("div",a,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p).default))),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),l=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.id},[l.isGroup?(e.openBlock(),e.createBlock(t,{key:0,label:l.label},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.options,l=>(e.openBlock(),e.createBlock(r,{key:l[e.unref(c).value],value:l[e.unref(c).value],disabled:l[e.unref(c).disabled],"tag-props":l[e.unref(c).tagProps],"is-fallback-option":l[e.unref(c).isFallbackOption]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f(l))))]),_:2},1032,["value","disabled","tag-props","is-fallback-option"]))),128))]),_:2},1032,["label"])):(e.openBlock(),e.createBlock(r,{key:1,value:l[e.unref(c).value],disabled:l[e.unref(c).disabled],"tag-props":l[e.unref(c).tagProps],"is-fallback-option":l[e.unref(c).isFallbackOption]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f(l))))]),_:2},1032,["value","disabled","tag-props","is-fallback-option"]))],64))),128))])]),_:1},8,["scrollbar"]))}});module.exports=s;

package/lib/Select/SelectView.vue.d.ts

@@ -0,0 +1,39 @@
+import { VirtualListProps } from './type';
+type __VLS_Props = {
+    loading: boolean;
+    scrollbar: boolean;
+    showFooterOnEmpty: boolean;
+    showHeaderOnEmpty: boolean;
+    virtualListProps?: VirtualListProps;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    virtualListRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        virtualListProps: VirtualListProps;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        virtualListProps: VirtualListProps;
+    }> & Readonly<{}>, {}, {}, {}, {}, {}> | null;
+    realListRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        scrollbar: boolean;
+    }> & Readonly<{}>, {
+        getScrollRef(): HTMLDivElement | undefined;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        scrollbar: boolean;
+    }> & Readonly<{}>, {
+        getScrollRef(): HTMLDivElement | undefined;
+    }, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+export default _default;

package/lib/Select/SelectView.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./SelectView.vue2.js");;/* empty css                 */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-7ad0ee5e"]]);module.exports=r;

package/lib/Select/SelectView.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js"),r=require("../_shared/utils/global-config.js"),l=require("./hooks/useContext.js"),t=require("../List/hooks/useScrollReach.js"),n=require("./SelectVirtualList.vue.js"),s=require("./SelectRealList.vue.js"),c=require("../Spin/index.js"),a={class:"yc-select-dropdown"},i={key:0,class:"yc-select-dropdown-header"},u={key:4,class:"yc-select-dropdown-footer"},d=e.defineComponent({__name:"SelectView",props:{loading:{type:Boolean},scrollbar:{type:Boolean},showFooterOnEmpty:{type:Boolean},showHeaderOnEmpty:{type:Boolean},virtualListProps:{}},setup(d){const p=d,{virtualListProps:m}=e.toRefs(p),{slots:k,options:y,isEmpty:f,emits:v}=l().inject(),{renderEmpty:B}=r.getGlobalConfig(),h=e.ref(),g=e.ref(),w=e.computed(()=>!!m.value&&(m.value.itemHeight&&(!m.value.threshold||m.value.threshold>y.value.length))),j=e.computed(()=>{var e;return w.value?o.unrefElement(g):null==(e=h.value)?void 0:e.getScrollRef()});t({scrollRef:j,onScroll:e=>{v("dropdown-scroll",e)},onReachBottom:e=>{v("dropdown-reach-bottom",e)}});const q=e=>k[e];return(o,r)=>(e.openBlock(),e.createElementBlock("div",a,[o.loading?(e.openBlock(),e.createBlock(e.unref(c),{key:0,loading:o.loading,class:"yc-select-dropdown-loading"},e.createSlots({_:2},[o.$slots["loading-icon"]?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(q("loading-icon"))))]),key:"0"}:void 0]),1032,["loading"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[!e.unref(k).header||!o.showHeaderOnEmpty&&e.unref(f)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",i,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(q("header"))))])),w.value?(e.openBlock(),e.createBlock(n,{key:1,"virtual-list-props":e.unref(m),ref_key:"virtualListRef",ref:g},null,8,["virtual-list-props"])):(e.openBlock(),e.createBlock(s,{key:2,scrollbar:o.scrollbar,ref_key:"realListRef",ref:h},null,8,["scrollbar"])),e.unref(f)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k).empty||e.unref(B)("Select")),{key:3})):e.createCommentVNode("",!0),!e.unref(k).footer||!o.showFooterOnEmpty&&e.unref(f)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(q("footer"))))]))],64))]))}});module.exports=d;

package/lib/Select/SelectVirtualList.vue.d.ts

@@ -0,0 +1,6 @@
+import { VirtualListProps } from './index';
+type __VLS_Props = {
+    virtualListProps: VirtualListProps;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/lib/Select/SelectVirtualList.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./SelectVirtualList.vue2.js");;/* empty css                        */const t=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-79815f72"]]);module.exports=t;

package/lib/Select/SelectVirtualList.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const t=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js");require("./index.js");const s=require("./Option.vue.js"),i=e.defineComponent({__name:"SelectVirtualList",props:{virtualListProps:{}},setup(i){var l,n;const u=i,{virtualListProps:a}=e.toRefs(u),{fieldKey:c,renderOptions:d,slots:p,emits:v}=o().inject(),{list:m,wrapperProps:f,containerProps:k}=r.useVirtualList(d,{overscan:(null==(l=a.value)?void 0:l.buffer)??10,itemHeight:(null==(n=a.value)?void 0:n.itemHeight)||36}),j=e=>{if(p.option)return()=>{var r;return(null==(r=p.option)?void 0:r.call(p,{data:e}))||[]};const{render:r,label:o}=c.value;return e[r]?t.getSlotFunction(e[r]):t.getSlotFunction(e[o])};return(r,t)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"yc-select-dropdown-virtual-list"},e.unref(k)),[e.createElementVNode("div",e.mergeProps({class:"yc-select-dropdown-list"},e.unref(f)),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),({data:r})=>(e.openBlock(),e.createBlock(e.unref(s),{key:r[e.unref(c).value],value:r[e.unref(c).value],disabled:r[e.unref(c).disabled],"is-fallback-option":r[e.unref(c).isFallbackOption]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(j(r))))]),_:2},1032,["value","disabled","is-fallback-option"]))),128))],16)],16))}});module.exports=i;

package/lib/Select/hooks/useContext.d.ts

@@ -0,0 +1,81 @@
+import { Ref, Slots } from 'vue';
+import { SelectValue, SelectOptionData, SelectEmits } from '../type';
+import { InputInstance } from '../../Input';
+import { ObjectData, Props } from '../../_shared/type';
+type SelectContext = {
+    computedValue: Ref<SelectValue | SelectValue[] | undefined>;
+    computedInputValue: Ref<string>;
+    multiple: Ref<boolean>;
+    limit: Ref<number>;
+    curIndex: Ref<number>;
+    options: Ref<SelectOptionData[]>;
+    renderOptions: Ref<ObjectData[]>;
+    fieldKey: Ref<Record<string, string>>;
+    isEmpty: Ref<boolean>;
+    slots: Slots;
+    blur: () => void;
+    filterOption: (option: SelectOptionData) => boolean;
+    getValue: (value: SelectValue | ObjectData) => SelectValue;
+    collectOption: (props: Props, optionLabel: Ref<string>) => void;
+    emits: SelectEmits;
+};
+declare const _default: () => {
+    provide: (props: Props, emits: SelectEmits, inputRef: Ref<InputInstance | undefined>) => {
+        computedVisible: import('vue').WritableComputedRef<any, boolean>;
+        computedValue: import('vue').WritableComputedRef<any, SelectValue>;
+        computedInputValue: import('vue').WritableComputedRef<any, string>;
+        selectOptions: import('vue').ComputedRef<{
+            id: string;
+            label: SelectValue | undefined;
+            render?: import('../../_shared/type').RenderContent;
+            value?: SelectValue;
+            disabled?: boolean;
+            tagProps?: import('../..').TagProps;
+            isFallbackOption?: boolean;
+        }[]>;
+        createOptions: Ref<{
+            render?: string | import('vue').RenderFunction | ObjectData[] | undefined;
+            label?: string | undefined;
+            value?: string | number | boolean | ObjectData | (string | number | boolean | ObjectData)[] | undefined;
+            disabled?: boolean | undefined;
+            tagProps?: {
+                color?: string | undefined;
+                size?: import('../..').TagSize | undefined;
+                bordered?: boolean | undefined;
+                visible?: boolean | undefined;
+                defaultVisible?: boolean | undefined;
+                loading?: boolean | undefined;
+                closable?: boolean | undefined;
+                checkable?: boolean | undefined;
+                checked?: boolean | undefined;
+                defaultChecked?: boolean | undefined;
+                nowrap?: boolean | undefined;
+            } | undefined;
+            id?: string | undefined;
+            isFallbackOption?: boolean | undefined;
+        }[], SelectOptionData[] | {
+            render?: string | import('vue').RenderFunction | ObjectData[] | undefined;
+            label?: string | undefined;
+            value?: string | number | boolean | ObjectData | (string | number | boolean | ObjectData)[] | undefined;
+            disabled?: boolean | undefined;
+            tagProps?: {
+                color?: string | undefined;
+                size?: import('../..').TagSize | undefined;
+                bordered?: boolean | undefined;
+                visible?: boolean | undefined;
+                defaultVisible?: boolean | undefined;
+                loading?: boolean | undefined;
+                closable?: boolean | undefined;
+                checkable?: boolean | undefined;
+                checked?: boolean | undefined;
+                defaultChecked?: boolean | undefined;
+                nowrap?: boolean | undefined;
+            } | undefined;
+            id?: string | undefined;
+            isFallbackOption?: boolean | undefined;
+        }[]>;
+        options: import('vue').ComputedRef<ObjectData[]>;
+    };
+    inject: () => SelectContext;
+};
+export default _default;

package/lib/Select/hooks/useContext.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const t=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */const l=require("../../_shared/utils/control.js"),u=require("./useSelectOptions.js"),i=require("./useSelectHotkeys.js"),o="select-context";module.exports=()=>({provide:(s,r,a)=>{const{popupVisible:n,defaultPopupVisible:p,modelValue:c,defaultValue:d,inputValue:m,defaultInputValue:v,multiple:f,fieldNames:V,limit:O,allowSearch:b,showExtraOptions:y,valueKey:h,hotkeys:j,options:q,showEmpty:x}=e.toRefs(s),{formatLabel:I,fallbackOption:g,filterOption:E}=s,_=l(n,p.value,e=>{r("update:popupVisible",e),r("popup-visible-change",e)}),k=l(c,d.value?d.value:f.value?[]:"",e=>{r("change",e),r("update:modelValue",e)},e=>f.value?Array.isArray(e)?e:[e]:e),w=l(m,v.value,e=>{r("update:inputValue",e)}),L=e.computed(()=>Object.fromEntries(["id","label","value","disabled","tagProps","render","isFallbackOption"].map(e=>[e,V.value[e]??e]))),S=e=>{var t;const l=null==e?void 0:e.label,u=null==(t=w.value.toLowerCase())?void 0:t.toLowerCase();return!!(null==l?void 0:l.includes(u))},F=e=>b.value?t.isFunction(E)?E(w.value,e):S(e):!(!t.isBoolean(E)||E)||(t.isFunction(E)?E(w.value,e):S(e)),{options:K,renderOptions:A,createOptions:B,selectOptions:C,collectOption:P}=u({computedValue:k,multiple:f,showExtraOptions:y,provideOptions:q,getValue:R,fallbackOption:g,formatLabel:I}),H=e.computed(()=>x.value?!b.value||t.isBoolean(E)&&!F?!K.value.length:K.value.every(e=>!F(e)):x.value),{curIndex:N}=i({computedValue:k,computedVisible:_,hotkeys:j,limit:O,multiple:f,options:K,blur:z,emits:r});function R(e){return(null==e?void 0:e[h.value])??e}function z(){var e;null==(e=a.value)||e.blur()}return e.provide(o,{computedValue:k,computedInputValue:w,limit:O,multiple:f,curIndex:N,options:K,isEmpty:H,fieldKey:L,renderOptions:A,slots:e.useSlots(),filterOption:F,blur:z,getValue:R,emits:r,collectOption:P}),{computedVisible:_,computedValue:k,computedInputValue:w,selectOptions:C,createOptions:B,options:K}},inject:()=>e.inject(o,{computedValue:e.ref(void 0),computedInputValue:e.ref(""),multiple:e.ref(!1),limit:e.ref(0),curIndex:e.ref(-1),options:e.ref([]),renderOptions:e.ref([]),isEmpty:e.ref(!1),fieldKey:e.ref({}),slots:{},emits:()=>{},blur:()=>{},filterOption:()=>!0,getValue:()=>"",collectOption:()=>{}})});

package/lib/Select/hooks/useSelectHotkeys.d.ts

@@ -0,0 +1,15 @@
+import { Ref } from 'vue';
+import { SelectEmits, SelectOptionData, SelectValue } from '../type';
+declare const _default: (params: {
+    hotkeys: Ref<boolean>;
+    multiple: Ref<boolean>;
+    limit: Ref<number>;
+    computedVisible: Ref<boolean>;
+    computedValue: Ref<SelectValue>;
+    options: Ref<SelectOptionData[]>;
+    blur: () => void;
+    emits: SelectEmits;
+}) => {
+    curIndex: Ref<number, number>;
+};
+export default _default;

package/lib/Select/hooks/useSelectHotkeys.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("../../node_modules/@vueuse/core/index.js");module.exports=u=>{const{computedValue:r,computedVisible:t,options:v,hotkeys:a,multiple:n,limit:o,blur:i,emits:s}=u,c=e.ref(-1);return a.value?(l.onKeyStroke(["ArrowUp","ArrowDown","Enter"],e=>{if(!t.value||!v.value.length)return;const{key:l}=e;if(e.preventDefault(),"ArrowUp"==l)c.value--,c.value=c.value<0?v.value.length-1:c.value;else if("ArrowDown"==l)c.value++,c.value=c.value>=v.value.length?0:c.value;else{const e=v.value[c.value].value;if(n.value){const l=r.value;if(-1==l.findIndex(l=>l==e)){if(o.value>0&&l.length==o.value)return s("exceedLimit",e);r.value=[...l,e]}else r.value=l.filter(l=>l!=e)}else r.value=e,i();s("select",e)}}),{curIndex:c}):{curIndex:c}};

package/lib/Select/hooks/useSelectOptions.d.ts

@@ -0,0 +1,67 @@
+import { Ref } from 'vue';
+import { ObjectData, Props } from '../../_shared/type';
+import { SelectValue, SelectOptions, FallbackOption, FormatLabel, SelectOptionData } from '../index';
+declare const _default: (params: {
+    multiple: Ref<boolean>;
+    computedValue: Ref<SelectValue>;
+    provideOptions: Ref<SelectOptions>;
+    showExtraOptions: Ref<boolean>;
+    getValue: (value: string | ObjectData) => SelectValue;
+    fallbackOption?: FallbackOption;
+    formatLabel?: FormatLabel;
+}) => {
+    options: import('vue').ComputedRef<ObjectData[]>;
+    createOptions: Ref<{
+        render?: string | import('vue').RenderFunction | ObjectData[] | undefined;
+        label?: string | undefined;
+        value?: string | number | boolean | ObjectData | (string | number | boolean | ObjectData)[] | undefined;
+        disabled?: boolean | undefined;
+        tagProps?: {
+            color?: string | undefined;
+            size?: import('../..').TagSize | undefined;
+            bordered?: boolean | undefined;
+            visible?: boolean | undefined;
+            defaultVisible?: boolean | undefined;
+            loading?: boolean | undefined;
+            closable?: boolean | undefined;
+            checkable?: boolean | undefined;
+            checked?: boolean | undefined;
+            defaultChecked?: boolean | undefined;
+            nowrap?: boolean | undefined;
+        } | undefined;
+        id?: string | undefined;
+        isFallbackOption?: boolean | undefined;
+    }[], SelectOptionData[] | {
+        render?: string | import('vue').RenderFunction | ObjectData[] | undefined;
+        label?: string | undefined;
+        value?: string | number | boolean | ObjectData | (string | number | boolean | ObjectData)[] | undefined;
+        disabled?: boolean | undefined;
+        tagProps?: {
+            color?: string | undefined;
+            size?: import('../..').TagSize | undefined;
+            bordered?: boolean | undefined;
+            visible?: boolean | undefined;
+            defaultVisible?: boolean | undefined;
+            loading?: boolean | undefined;
+            closable?: boolean | undefined;
+            checkable?: boolean | undefined;
+            checked?: boolean | undefined;
+            defaultChecked?: boolean | undefined;
+            nowrap?: boolean | undefined;
+        } | undefined;
+        id?: string | undefined;
+        isFallbackOption?: boolean | undefined;
+    }[]>;
+    renderOptions: import('vue').ComputedRef<SelectOptions>;
+    selectOptions: import('vue').ComputedRef<{
+        id: string;
+        label: SelectValue | undefined;
+        render?: import('../../_shared/type').RenderContent;
+        value?: SelectValue;
+        disabled?: boolean;
+        tagProps?: import('../..').TagProps;
+        isFallbackOption?: boolean;
+    }[]>;
+    collectOption: (props: Props, optionLabel: Ref<string>) => void;
+};
+export default _default;

package/lib/Select/hooks/useSelectOptions.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("../../node_modules/nanoid/index.browser.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const u=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */module.exports=t=>{const{computedValue:i,multiple:a,provideOptions:o,showExtraOptions:n,getValue:r,fallbackOption:s,formatLabel:d}=t,c=e.reactive(new Map),v=e.computed(()=>[...c.values()]),p=e.ref([]),m=e.computed(()=>s?O.value.filter(e=>!v.value.find(l=>r(l.value)==e)).map(e=>({...s(e)||{},isFallbackOption:!0})):[]),b=e.computed(()=>[...o.value,...p.value,...n.value?m.value:[]].map(e=>{let t=e;return u.isObject(e)||(t={label:e,value:e}),{id:l.nanoid(),...t}})),O=e.computed(()=>(a.value?i.value:[i.value]).map(e=>r(e)).filter(e=>!j(e))),f=e.computed(()=>{const e=[...v.value,...m.value];return O.value.map(l=>{const u=e.find(e=>r(e.value)==l)||{};return{...u,id:`${l}`,label:u?(null==d?void 0:d(u))??(null==u?void 0:u.label):l}})}),j=e=>u.isUndefined(e)||u.isNull(e)||u.isString(e)&&!e.length;return{options:v,createOptions:p,renderOptions:b,selectOptions:f,collectOption:(u,t)=>{if(u.isFallbackOption)return;const i=l.nanoid();e.onMounted(()=>{const e=`${r(u.value)}`;c.set(i,{...u,label:t.value,value:e?u.value:t.value})})}}};