vft 0.0.48 → 0.0.51

package/lib/components/select-v2/select.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@vft/utils"),a=require("@vft/directives"),d=require("../tooltip/index.cjs"),p=require("../tag/index.cjs"),f=require("../icon/index.cjs"),l=require("../../constants/event.cjs"),v=require("./select-dropdown.cjs"),V=require("./useSelect.cjs"),m=require("./token.cjs"),q=require("./defaults.cjs"),g=e.defineComponent({name:"VftSelectV2",components:{SelectMenu:v.default,VftTag:p.VftTag,VftTooltip:d.VftTooltip,VftIcon:f.VftIcon},directives:{ClickOutside:a.ClickOutside,ModelText:e.vModelText},props:q.SelectProps,emits:[l.UPDATE_MODEL_EVENT,l.CHANGE_EVENT,"remove-tag","clear","visible-change","focus","blur"],setup(o,{emit:s}){const r=e.computed(()=>{const{modelValue:n,multiple:i}=o,c=i?[]:void 0;return u.isArray(n)?i?n:c:i?c:n}),t=V.default(e.reactive({...e.toRefs(o),modelValue:r}),s);return e.provide(m.selectV2InjectionKey,{props:e.reactive({...e.toRefs(o),height:t.popupHeight,modelValue:r}),popper:t.popper,onSelect:t.onSelect,onHover:t.onHover,onKeyboardNavigate:t.onKeyboardNavigate,onKeyboardSelect:t.onKeyboardSelect}),{...t,modelValue:r}}});exports.default=g;

package/lib/components/select-v2/style/css.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-input.css");require("vft/theme-style/vft-tag.css");require("vft/theme-style/vft-scrollbar.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-virtual-list.css");require("vft/theme-style/vft-select-v2.css");

package/lib/components/select-v2/style/index.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/input.scss");require("vft/theme-style/src/tag.scss");require("vft/theme-style/src/scrollbar.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/virtual-list.scss");require("vft/theme-style/src/select-v2.scss");require("vft/theme-style/src/select.scss");

package/lib/components/select-v2/token.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("ElSelectV2Injection");exports.selectV2InjectionKey=e;

package/lib/components/select-v2/token.d.ts

@@ -0,0 +1,16 @@
+import type { OptionProps, SelectProps } from './defaults';
+import type { ExtractPropTypes, InjectionKey, Ref } from 'vue';
+import type { Option } from './select.types';
+import type { TooltipInstance } from 'vft/es/components/tooltip';
+export interface SelectV2Context {
+    props: ExtractPropTypes<typeof SelectProps>;
+    expanded: boolean;
+    popper: Ref<TooltipInstance>;
+    onSelect: (option: Option<any>, index: number, byClick?: boolean) => void;
+    onHover: (idx: number) => void;
+    onKeyboardNavigate: (direction: 'forward' | 'backward') => void;
+    onKeyboardSelect: () => void;
+}
+export declare const selectV2InjectionKey: InjectionKey<SelectV2Context>;
+export type IOptionProps = ExtractPropTypes<typeof OptionProps>;
+export type ISelectProps = ExtractPropTypes<typeof SelectProps>;

package/lib/components/select-v2/useAllowCreate.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue");function s(n,t){const i=u.ref(0),o=u.ref(null),a=u.computed(()=>n.allowCreate&&n.filterable);function r(e){const l=c=>c.value===e;return n.options&&n.options.some(l)||t.createdOptions.some(l)}function d(e){a.value&&(n.multiple&&e.created?i.value++:o.value=e)}function f(e){if(a.value)if(e&&e.length>0&&!r(e)){const l={value:e,label:e,created:!0,disabled:!1};t.createdOptions.length>=i.value?t.createdOptions[i.value]=l:t.createdOptions.push(l)}else if(n.multiple)t.createdOptions.length=i.value;else{const l=o.value;t.createdOptions.length=0,l&&l.created&&t.createdOptions.push(l)}}function v(e){if(!a.value||!e||!e.created||e.created&&n.reserveKeyword&&t.inputValue===e.label)return;const l=t.createdOptions.findIndex(c=>c.value===e.value);~l&&(t.createdOptions.splice(l,1),i.value--)}function O(){a.value&&(t.createdOptions.length=0,i.value=0)}return{createNewOption:f,removeNewOption:v,selectNewOption:d,clearAllNewOption:O}}exports.useAllowCreate=s;

package/lib/components/select-v2/useAllowCreate.d.ts

@@ -0,0 +1,8 @@
+import type { ISelectProps } from './token';
+import type { Option } from './select.types';
+export declare function useAllowCreate(props: ISelectProps, states: any): {
+    createNewOption: (query: string) => void;
+    removeNewOption: (option: Option) => void;
+    selectNewOption: (option: Option) => void;
+    clearAllNewOption: () => void;
+};

package/lib/components/select-v2/useInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),a=require("@vue/shared"),r=require("@vft/utils");function u(o){const t=i.ref(!1);return{handleCompositionStart:()=>{t.value=!0},handleCompositionUpdate:e=>{const n=e.target.value,s=n[n.length-1]||"";t.value=!r.isKorean(s)},handleCompositionEnd:e=>{t.value&&(t.value=!1,a.isFunction(o)&&o(e))}}}exports.useInput=u;

package/lib/components/select-v2/useInput.d.ts

@@ -0,0 +1,5 @@
+export declare function useInput(handleInput: (event: InputEvent) => void): {
+    handleCompositionStart: () => void;
+    handleCompositionUpdate: (event: any) => void;
+    handleCompositionEnd: (event: any) => void;
+};

package/lib/components/select-v2/useOption.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e,{emit:i}){return{hoverItem:()=>{e.disabled||i("hover",e.index)},selectOptionClick:()=>{e.disabled||i("select",e.item,e.index)}}}exports.useOption=t;

package/lib/components/select-v2/useOption.d.ts

@@ -0,0 +1,7 @@
+import type { IOptionProps } from './token';
+export declare function useOption(props: IOptionProps, { emit }: {
+    emit: any;
+}): {
+    hoverItem: () => void;
+    selectOptionClick: () => void;
+};

package/lib/components/select-v2/useSelect.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),v=require("@vue/shared"),f=require("lodash"),ke=require("@vueuse/core"),le=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vft/utils");const _e=require("../../utils/error.cjs"),Fe=require("../../utils/vue/data-helper.cjs");require("../../utils/ns-cover.cjs");require("@vue/reactivity");const ne=require("../../constants/event.cjs");require("../form/index.cjs");const ze=require("./useAllowCreate.cjs"),Ke=require("./util.cjs"),Ue=require("./useInput.cjs"),Qe=require("../form/hooks/use-form-item.cjs"),je=require("../form/hooks/use-form-common-props.cjs"),ue="",ae=11,Ge={larget:51,default:42,small:33},$e=(n,m)=>{const W=le.useNamespace("select-v2"),ie=le.useNamespace("input"),{form:w,formItem:h}=Qe.useFormItem(),l=a.reactive({inputValue:ue,displayInputValue:ue,calculatedWidth:0,cachedPlaceholder:"",cachedOptions:[],createdOptions:[],createdLabel:"",createdSelected:!1,currentPlaceholder:"",hoveringIndex:-1,comboBoxHovering:!1,isOnComposition:!1,isSilentBlur:!1,isComposing:!1,inputLength:20,selectWidth:200,initialInputHeight:0,previousQuery:null,previousValue:void 0,query:"",selectedLabel:"",softFocus:!1,tagInMultiLine:!1}),oe=a.ref(-1),B=a.ref(-1),ce=a.ref(null),g=a.ref(null),q=a.ref(null),b=a.ref(null),O=a.ref(null),S=a.ref(null),I=a.ref(null),c=a.ref(!1),x=a.computed(()=>n.disabled||(w==null?void 0:w.disabled)),se=a.computed(()=>{const e=s.value.length*34;return e>n.height?n.height:e}),L=a.computed(()=>!f.isNil(n.modelValue)),re=a.computed(()=>{const e=n.multiple?Array.isArray(n.modelValue)&&n.modelValue.length>0:L.value;return n.clearable&&!x.value&&l.comboBoxHovering&&e}),D=a.computed(()=>n.remote&&n.filterable?"":"ico-ep:arrow-up"),de=a.computed(()=>D.value&&W.is("reverse",c.value)),fe=a.computed(()=>(h==null?void 0:h.validateState)||""),he="validateIcon",k=a.computed(()=>n.remote?300:0),R=a.computed(()=>{const e=s.value;return n.loading?n.loadingText||t("el.select.loading"):n.remote&&l.inputValue===""&&e.length===0?!1:n.filterable&&l.inputValue&&e.length>0?n.noMatchText||t("el.select.noMatch"):e.length===0?n.noDataText||t("el.select.noData"):null}),s=a.computed(()=>{const e=u=>{const i=l.inputValue,o=new RegExp(Fe.escapeStringRegexp(i),"i");return i?o.test(u.label||""):!0};return n.loading?[]:Ke.flattenOptions(n.options.concat(l.createdOptions).map(u=>{if(v.isArray(u.options)){const i=u.options.filter(e);if(i.length>0)return{...u,options:i}}else if(n.remote||e(u))return u;return null}).filter(u=>u!==null))}),ge=a.computed(()=>s.value.every(e=>e.disabled)),_=je.useFormSize(),F=a.computed(()=>_.value==="small"?"small":"default"),ve=a.computed(()=>{const e=S.value,u=F.value||"default",i=e?Number.parseInt(getComputedStyle(e).paddingLeft):0,o=e?Number.parseInt(getComputedStyle(e).paddingRight):0;return l.selectWidth-o-i-Ge[u]}),z=()=>{var e;B.value=((e=O.value)==null?void 0:e.offsetWidth)||200},me=a.computed(()=>({width:`${l.calculatedWidth===0?ae:Math.ceil(l.calculatedWidth)+ae}px`})),Ve=a.computed(()=>v.isArray(n.modelValue)?n.modelValue.length===0&&!l.displayInputValue:n.filterable?l.displayInputValue.length===0:!0),pe=a.computed(()=>{const e=n.placeholder||t("el.select.placeholder");return n.multiple||f.isNil(n.modelValue)?e:l.selectedLabel}),be=a.computed(()=>{var e,u;return(u=(e=b.value)==null?void 0:e.popperRef)==null?void 0:u.contentRef}),K=a.computed(()=>{if(n.multiple){const e=n.modelValue.length;if(n.modelValue.length>0)return s.value.findIndex(u=>u.value===n.modelValue[e-1])}else if(n.modelValue)return s.value.findIndex(e=>e.value===n.modelValue);return-1}),Ie=a.computed({get(){return c.value&&R.value!==!1},set(e){c.value=e}}),xe=a.computed(()=>l.cachedOptions.slice(0,n.maxCollapseTags)),ye=a.computed(()=>l.cachedOptions.slice(n.maxCollapseTags)),{createNewOption:U,removeNewOption:E,selectNewOption:Q,clearAllNewOption:M}=ze.useAllowCreate(n,l),{handleCompositionStart:Oe,handleCompositionUpdate:Se,handleCompositionEnd:Ce}=Ue.useInput(e=>te(e)),j=()=>{var e,u,i;(u=(e=g.value)==null?void 0:e.focus)==null||u.call(e),(i=b.value)==null||i.updatePopper()},N=()=>{if(!n.automaticDropdown&&!x.value)return l.isComposing&&(l.softFocus=!0),a.nextTick(()=>{var e,u;c.value=!c.value,(u=(e=g.value)==null?void 0:e.focus)==null||u.call(e)})},G=()=>(n.filterable&&l.inputValue!==l.selectedLabel&&(l.query=l.selectedLabel),J(l.inputValue),a.nextTick(()=>{U(l.inputValue)})),$=f.debounce(G,k.value),J=e=>{l.previousQuery!==e&&(l.previousQuery=e,n.filterable&&v.isFunction(n.filterMethod)?n.filterMethod(e):n.filterable&&n.remote&&v.isFunction(n.remoteMethod)&&n.remoteMethod(e))},Te=e=>{f.isEqual(n.modelValue,e)||m(ne.CHANGE_EVENT,e)},y=e=>{m(ne.UPDATE_MODEL_EVENT,e),Te(e),l.previousValue=e==null?void 0:e.toString()},we=(e=[],u)=>{if(!v.isObject(u))return e.indexOf(u);const i=n.valueKey;let o=-1;return e.some((r,d)=>f.get(r,i)===f.get(u,i)?(o=d,!0):!1),o},V=e=>v.isObject(e)?f.get(e,n.valueKey):e,qe=e=>v.isObject(e)?e.label:e,A=()=>a.nextTick(()=>{var u,i;if(!g.value)return;const e=S.value;O.value.height=e.offsetHeight,c.value&&R.value!==!1&&((i=(u=b.value)==null?void 0:u.updatePopper)==null||i.call(u))}),X=()=>{var e,u;if(Le(),z(),(u=(e=b.value)==null?void 0:e.updatePopper)==null||u.call(e),n.multiple)return A()},Le=()=>{const e=S.value;e&&(l.selectWidth=e.getBoundingClientRect().width)},Y=(e,u,i=!0)=>{var o,r;if(n.multiple){let d=n.modelValue.slice();const T=we(d,V(e));T>-1?(d=[...d.slice(0,T),...d.slice(T+1)],l.cachedOptions.splice(T,1),E(e)):(n.multipleLimit<=0||d.length<n.multipleLimit)&&(d=[...d,V(e)],l.cachedOptions.push(e),Q(e),p(u)),y(d),e.created&&(l.query="",J(""),l.inputLength=20),n.filterable&&!n.reserveKeyword&&((r=(o=g.value).focus)==null||r.call(o),C("")),n.filterable&&(l.calculatedWidth=I.value.getBoundingClientRect().width),A(),We()}else oe.value=u,l.selectedLabel=e.label,y(V(e)),c.value=!1,l.isComposing=!1,l.isSilentBlur=i,Q(e),e.created||M(),p(u)},Re=(e,u)=>{const{valueKey:i}=n,o=n.modelValue.indexOf(f.get(u,i));if(o>-1&&!x.value){const r=[...n.modelValue.slice(0,o),...n.modelValue.slice(o+1)];return l.cachedOptions.splice(o,1),y(r),m("remove-tag",f.get(u,i)),l.softFocus=!0,E(u),a.nextTick(j)}e.stopPropagation()},Ee=e=>{const u=l.isComposing;l.isComposing=!0,l.softFocus?l.softFocus=!1:u||m("focus",e)},Z=e=>(l.softFocus=!1,a.nextTick(()=>{var u,i;(i=(u=g.value)==null?void 0:u.blur)==null||i.call(u),I.value&&(l.calculatedWidth=I.value.getBoundingClientRect().width),l.isSilentBlur?l.isSilentBlur=!1:l.isComposing&&m("blur",e),l.isComposing=!1})),Me=()=>{l.displayInputValue.length>0?C(""):c.value=!1},Ne=e=>{if(l.displayInputValue.length===0){e.preventDefault();const u=n.modelValue.slice();u.pop(),E(l.cachedOptions.pop()),y(u)}},Ae=()=>{let e;return v.isArray(n.modelValue)?e=[]:e=void 0,l.softFocus=!0,n.multiple?l.cachedOptions=[]:l.selectedLabel="",c.value=!1,y(e),m("clear"),M(),a.nextTick(j)},C=e=>{l.displayInputValue=e,l.inputValue=e},ee=(e,u=void 0)=>{const i=s.value;if(!["forward","backward"].includes(e)||x.value||i.length<=0||ge.value)return;if(!c.value)return N();u===void 0&&(u=l.hoveringIndex);let o=-1;e==="forward"?(o=u+1,o>=i.length&&(o=0)):e==="backward"&&(o=u-1,(o<0||o>=i.length)&&(o=i.length-1));const r=i[o];if(r.disabled||r.type==="Group")return ee(e,o);p(o),H(o)},He=()=>{if(c.value)~l.hoveringIndex&&s.value[l.hoveringIndex]&&Y(s.value[l.hoveringIndex],l.hoveringIndex,!1);else return N()},p=e=>{l.hoveringIndex=e},Pe=()=>{l.hoveringIndex=-1},We=()=>{var u;const e=g.value;e&&((u=e.focus)==null||u.call(e))},te=e=>{const u=e.target.value;if(C(u),l.displayInputValue.length>0&&!c.value&&(c.value=!0),l.calculatedWidth=I.value.getBoundingClientRect().width,n.multiple&&A(),n.remote)$();else return G()},Be=()=>(c.value=!1,Z()),De=()=>(l.inputValue=l.displayInputValue,a.nextTick(()=>{~K.value&&(p(K.value),H(l.hoveringIndex))})),H=e=>{q.value.scrollToItem(e)},P=()=>{if(Pe(),n.multiple)if(n.modelValue.length>0){let e=!1;l.cachedOptions.length=0,l.previousValue=n.modelValue.toString(),n.modelValue.forEach(u=>{const i=s.value.findIndex(o=>V(o)===u);~i&&(l.cachedOptions.push(s.value[i]),e||p(i),e=!0)})}else l.cachedOptions=[],l.previousValue=void 0;else if(L.value){l.previousValue=n.modelValue;const e=s.value,u=e.findIndex(i=>V(i)===V(n.modelValue));~u?(l.selectedLabel=e[u].label,p(u)):l.selectedLabel=`${n.modelValue}`}else l.selectedLabel="",l.previousValue=void 0;M(),z()};return a.watch(c,e=>{var u,i;m("visible-change",e),e?(i=(u=b.value).update)==null||i.call(u):(l.displayInputValue="",l.previousQuery=null,U(""))}),a.watch(()=>n.modelValue,(e,u)=>{var i;(!e||e.toString()!==l.previousValue)&&P(),!f.isEqual(e,u)&&n.validateEvent&&((i=h==null?void 0:h.validate)==null||i.call(h,"change").catch(o=>_e.debugWarn(o)))},{deep:!0}),a.watch(()=>n.options,()=>{const e=g.value;(!e||e&&document.activeElement!==e)&&P()},{deep:!0}),a.watch(s,()=>a.nextTick(q.value.resetScrollTop)),a.onMounted(()=>{P()}),ke.useResizeObserver(O,X),{collapseTagSize:F,currentPlaceholder:pe,expanded:c,emptyText:R,popupHeight:se,debounce:k,filteredOptions:s,iconComponent:D,iconReverse:de,inputWrapperStyle:me,popperSize:B,dropdownMenuVisible:Ie,hasModelValue:L,shouldShowPlaceholder:Ve,selectDisabled:x,selectSize:_,showClearBtn:re,states:l,tagMaxWidth:ve,nsSelectV2:W,nsInput:ie,calculatorRef:I,controlRef:ce,inputRef:g,menuRef:q,popper:b,selectRef:O,selectionRef:S,popperRef:be,validateState:fe,validateIcon:he,showTagList:xe,collapseTagList:ye,debouncedOnInputChange:$,deleteTag:Re,getLabel:qe,getValueKey:V,handleBlur:Z,handleClear:Ae,handleClickOutside:Be,handleDel:Ne,handleEsc:Me,handleFocus:Ee,handleMenuEnter:De,handleResize:X,toggleMenu:N,scrollTo:H,onInput:te,onKeyboardNavigate:ee,onKeyboardSelect:He,onSelect:Y,onHover:p,onUpdateInputValue:C,handleCompositionStart:Oe,handleCompositionEnd:Ce,handleCompositionUpdate:Se}};exports.default=$e;