1- import { defineComponent as k , ref as I , computed as i , watch as b , onBeforeUnmount as K , createElementBlock as V , openBlock as B , normalizeProps as C , guardReactiveProps as L , renderSlot as u , createCommentVNode as y , createElementVNode as d , mergeProps as H , withKeys as M } from "vue" ;
2- const g = ( e , t , l = ! 0 ) => {
3- const r = { } ;
1+ import { defineComponent as k , ref as I , computed as c , watch as b , onBeforeUnmount as K , createElementBlock as V , openBlock as B , normalizeProps as C , guardReactiveProps as L , renderSlot as u , createCommentVNode as p , createElementVNode as i , mergeProps as F , withKeys as T } from "vue" ;
2+ const g = ( e , t , r = ! 0 ) => {
3+ const l = { } ;
44 return Object . keys ( e ) . forEach ( ( o ) => {
5- ( l ? t . indexOf ( o ) === - 1 : t . indexOf ( o ) >= 0 ) && ( r [ o ] = e [ o ] ) ;
6- } ) , r ;
7- } , P = [ "search" , "text" , "password" ] , a = ( e = ! 0 ) => ( { type : Boolean , default : e } ) , R = k ( {
5+ ( r ? t . indexOf ( o ) === - 1 : t . indexOf ( o ) >= 0 ) && ( l [ o ] = e [ o ] ) ;
6+ } ) , l ;
7+ } , H = [ "search" , "text" , "password" ] , a = ( e = ! 0 ) => ( { type : Boolean , default : e } ) , M = k ( {
88 name : "SearchInput" ,
99 inheritAttrs : ! 1 ,
1010 props : {
1111 type : {
1212 type : String ,
1313 default : "search" ,
14- validator : ( e ) => P . includes ( e )
14+ validator : ( e ) => H . includes ( e )
1515 } ,
1616 modelValue : {
1717 type : String ,
@@ -35,57 +35,57 @@ const g = (e, t, l = !0) => {
3535 }
3636 } ,
3737 emits : [ "update:modelValue" ] ,
38- setup ( e , { emit : t , attrs : l } ) {
39- const r = I ( ! 1 ) , o = I ( null ) , f = i ( ( ) => g ( l , [ "class" , "style" ] ) ) , s = i ( ( ) => {
40- const n = g ( l , [ "class" , "style" ] , ! 1 ) ;
38+ setup ( e , { emit : t , attrs : r } ) {
39+ const l = I ( ! 1 ) , o = I ( null ) , d = c ( ( ) => g ( r , [ "class" , "style" ] ) ) , s = c ( ( ) => {
40+ const n = g ( r , [ "class" , "style" ] , ! 1 ) ;
4141 return n . class || ( n . class = e . wrapperClass ) , n ;
42- } ) , S = i ( ( ) => ! ! ( e . clearIcon && e . modelValue . length > 0 ) ) , E = i ( ( ) => ! ! ( e . shortcutIcon && ! r . value && ! e . hideShortcutIconOnBlur || e . shortcutIcon && ! r . value && e . modelValue . length === 0 ) ) , m = ( ) => {
42+ } ) , S = c ( ( ) => ! ! ( e . clearIcon && e . modelValue . length > 0 ) ) , E = c ( ( ) => ! ! ( e . shortcutIcon && ! l . value && ! e . hideShortcutIconOnBlur || e . shortcutIcon && ! l . value && e . modelValue . length === 0 ) ) , y = ( ) => {
4343 t ( "update:modelValue" , "" ) ;
4444 } , O = ( n ) => {
4545 t ( "update:modelValue" , n . target . value ) ;
4646 } , $ = ( n ) => {
47- n . key === "Escape" && ( e . clearOnEsc && m ( ) , e . blurOnEsc && o . value . blur ( ) ) ;
48- } , w = ( n ) => {
47+ n . key === "Escape" && ( e . clearOnEsc && y ( ) , e . blurOnEsc && o . value . blur ( ) ) ;
48+ } , m = ( n ) => {
4949 if ( n . key === e . shortcutKey && n . target !== o . value && window . document . activeElement !== o . value && ! ( n . target instanceof HTMLInputElement ) && ! ( n . target instanceof HTMLSelectElement ) && ! ( n . target instanceof HTMLTextAreaElement ) ) {
5050 n . preventDefault ( ) ;
51- const h = [ ] . slice . call ( document . querySelectorAll ( '[data-search-input="true"]:not([data-shortcut-enabled="false"])' ) ) . filter ( ( p ) => ! ! ( p . offsetWidth || p . offsetHeight || p . getClientRects ( ) . length ) ) , c = h . length > 1 ? h [ 0 ] : o . value ;
52- c == null || c . focus ( ) , e . selectOnFocus && ( c == null || c . select ( ) ) ;
51+ const f = [ ] . slice . call ( document . querySelectorAll ( '[data-search-input="true"]:not([data-shortcut-enabled="false"])' ) ) . filter ( ( h ) => ! ! ( h . offsetWidth || h . offsetHeight || h . getClientRects ( ) . length ) ) , v = f . length > 1 ? f [ 0 ] : o . value ;
52+ v ? .focus ( ) , e . selectOnFocus && v ? .select ( ) ;
5353 }
54- } , v = ( ) => window . document . removeEventListener ( "keydown" , w ) ;
54+ } , w = ( ) => window . document . removeEventListener ( "keydown" , m ) ;
5555 return b (
5656 ( ) => e . shortcutListenerEnabled ,
5757 ( n ) => {
58- n ? window . document . addEventListener ( "keydown" , w ) : v ( ) ;
58+ n ? window . document . addEventListener ( "keydown" , m ) : w ( ) ;
5959 } ,
6060 { immediate : ! 0 }
6161 ) , K ( ( ) => {
62- v ( ) ;
62+ w ( ) ;
6363 } ) , {
6464 inputRef : o ,
65- hasFocus : r ,
66- clear : m ,
65+ hasFocus : l ,
66+ clear : y ,
6767 onInput : O ,
6868 onKeydown : $ ,
6969 attrsStyles : s ,
70- attrsWithoutStyles : f ,
70+ attrsWithoutStyles : d ,
7171 showClearIcon : S ,
7272 showShortcutIcon : E
7373 } ;
7474 }
75- } ) , D = ( e , t ) => {
76- const l = e . __vccOpts || e ;
77- for ( const [ r , o ] of t )
78- l [ r ] = o ;
79- return l ;
80- } , F = [ "type" , "data-shortcut-enabled" , "value" ] ;
81- function W ( e , t , l , r , o , f ) {
75+ } ) , P = ( e , t ) => {
76+ const r = e . __vccOpts || e ;
77+ for ( const [ l , o ] of t )
78+ r [ l ] = o ;
79+ return r ;
80+ } , R = [ "type" , "data-shortcut-enabled" , "value" ] ;
81+ function D ( e , t , r , l , o , d ) {
8282 return B ( ) , V ( "div" , C ( L ( e . attrsStyles ) ) , [
8383 u ( e . $slots , "prepend" ) ,
8484 e . searchIcon ? u ( e . $slots , "search-icon" , { key : 0 } , ( ) => [
85- t [ 6 ] || ( t [ 6 ] = d ( "i" , { class : "search-icon search" } , null , - 1 ) )
86- ] ) : y ( "" , ! 0 ) ,
85+ t [ 6 ] || ( t [ 6 ] = i ( "i" , { class : "search-icon search" } , null , - 1 ) )
86+ ] ) : p ( "" , ! 0 ) ,
8787 u ( e . $slots , "prepend-inner" ) ,
88- d ( "input" , H ( {
88+ i ( "input" , F ( {
8989 ref : "inputRef" ,
9090 type : e . type ,
9191 "data-search-input" : "true" ,
@@ -96,29 +96,29 @@ function W(e, t, l, r, o, f) {
9696 onFocus : t [ 1 ] || ( t [ 1 ] = ( s ) => e . hasFocus = ! 0 ) ,
9797 onBlur : t [ 2 ] || ( t [ 2 ] = ( s ) => e . hasFocus = ! 1 ) ,
9898 onKeydown : t [ 3 ] || ( t [ 3 ] = ( ...s ) => e . onKeydown && e . onKeydown ( ...s ) )
99- } ) , null , 16 , F ) ,
99+ } ) , null , 16 , R ) ,
100100 u ( e . $slots , "append" ) ,
101101 e . showShortcutIcon ? u ( e . $slots , "shortcut-icon" , { key : 1 } , ( ) => [
102- t [ 7 ] || ( t [ 7 ] = d ( "i" , {
102+ t [ 7 ] || ( t [ 7 ] = i ( "i" , {
103103 class : "search-icon shortcut" ,
104104 title : 'Press "/" to search'
105105 } , null , - 1 ) )
106- ] ) : y ( "" , ! 0 ) ,
106+ ] ) : p ( "" , ! 0 ) ,
107107 e . showClearIcon ? u ( e . $slots , "clear-icon" , {
108108 key : 2 ,
109109 clear : e . clear
110110 } , ( ) => [
111- d ( "button" , {
111+ i ( "button" , {
112112 class : "search-icon clear" ,
113113 "aria-label" : "Clear" ,
114114 onMousedown : t [ 4 ] || ( t [ 4 ] = ( ...s ) => e . clear && e . clear ( ...s ) ) ,
115- onKeydown : t [ 5 ] || ( t [ 5 ] = M ( ( ...s ) => e . clear && e . clear ( ...s ) , [ "space" , "enter" ] ) )
115+ onKeydown : t [ 5 ] || ( t [ 5 ] = T ( ( ...s ) => e . clear && e . clear ( ...s ) , [ "space" , "enter" ] ) )
116116 } , null , 32 )
117- ] ) : y ( "" , ! 0 ) ,
117+ ] ) : p ( "" , ! 0 ) ,
118118 u ( e . $slots , "append-outer" )
119119 ] , 16 ) ;
120120}
121- const T = /* @__PURE__ */ D ( R , [ [ "render" , W ] ] ) ;
121+ const N = /* @__PURE__ */ P ( M , [ [ "render" , D ] ] ) ;
122122export {
123- T as default
123+ N as default
124124} ;
0 commit comments