{"version":3,"file":"useSearch-BKuwn6lw.js","sources":["../../../src/assets/images/icon-search.svg","../../../src/components/search-input-a/search-input-a.vue","../../../src/components/hot-words/hot-words.vue","../../../../global-common/apis/img-clippng/hot/word/list.ts","../../../src/stores/useSearch.ts"],"sourcesContent":["export default \"data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='20px'%20height='20px'%20viewBox='0%200%2020%2020'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2055.2%20(78181)%20-%20https://sketchapp.com%20--%3e%3ctitle%3e形状%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='页面1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='海外-首页'%20transform='translate(-1300.000000,%20-300.000000)'%20fill='%23FFFFFF'%20fill-rule='nonzero'%3e%3cg%20id='主图'%20transform='translate(0.000000,%20104.000000)'%3e%3cg%20id='主图文字'%20transform='translate(475.000000,%2060.000000)'%3e%3cg%20id='搜索'%20transform='translate(85.000000,%20118.000000)'%3e%3cg%20id='搜索图标'%20transform='translate(708.000000,%208.000000)'%3e%3cpath%20d='M46.2938822,22.5786164%20L45.3905089,22.5786164%20L45.0703259,22.2698685%20C46.1909663,20.9662664%2046.8656375,19.2738708%2046.8656375,17.4328188%20C46.8656375,13.3276158%2043.5380217,10%2039.4328188,10%20C35.3276158,10%2032,13.3276158%2032,17.4328188%20C32,21.5380217%2035.3276158,24.8656375%2039.4328188,24.8656375%20C41.2738708,24.8656375%2042.9662664,24.1909663%2044.2698685,23.0703259%20L44.5786164,23.3905089%20L44.5786164,24.2938822%20L50.2961692,30%20L52,28.2961692%20L46.2938822,22.5786164%20Z%20M39.4328188,22.5786164%20C36.5854774,22.5786164%2034.2870212,20.2801601%2034.2870212,17.4328188%20C34.2870212,14.5854774%2036.5854774,12.2870212%2039.4328188,12.2870212%20C42.2801601,12.2870212%2044.5786164,14.5854774%2044.5786164,17.4328188%20C44.5786164,20.2801601%2042.2801601,22.5786164%2039.4328188,22.5786164%20Z'%20id='形状'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e\"","<script lang=\"ts\" setup>\nimport { ref, defineOptions } from \"vue\";\nimport iconSearch from \"@images/icon-search.svg\";\n/** 输入框类型 A 用于首页搜索等 */\ndefineOptions({\n  name: 'SearchInputA',\n})\nconst modelValue = defineModel<string>();\nconst props = defineProps({\n  /** 主题 */\n  theme: {\n    type: String,\n    default: 'theme-default'\n  },\n  /** 输入框提示 */\n  placeholder: {\n    type: String,\n    default: '请输入搜索内容'\n  },\n  /** 正则 */\n  regExp: {\n    type: RegExp,\n    default: null\n  },\n  /** 最大长度 */\n  maxLength: {\n    type: Number,\n    default: 100\n  },\n})\n\nconst emits = defineEmits<{\n  ( e: 'input', value: string): void;\n  ( e: 'change', value: string): void;\n  ( e: 'search', value: string): void;\n  ( e: 'focus', value: string): void;\n  ( e: 'blur', value: string): void;\n}>();\n\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst data = reactive({\n  inputVal: ''\n})\n\n/** ***************** Methods ***************** */\n// 输入框输入事件\nconst handleInput = (e: InputEvent) => {\n  const value = (e.target as HTMLInputElement).value;\n  data.inputVal = value.trim();\n  emits('input', value);\n}\n\nconst handleChange = (e: InputEvent) => {\n  const value = (e.target as HTMLInputElement).value;\n  emits('change', value);\n}\nconst handleSearch = (value: string) => {\n  emits('search', value);\n}\nconst handleFocus = () => {\n  emits('focus', data.inputVal);\n}\nconst handleBlur = () => {\n  emits('blur', data.inputVal);\n}\n\nconst handleKeyUp = (e: KeyboardEvent) => {\n  console.log(`key`, e.key,`keyCode`, e.keyCode);\n  if (e.key === 'Enter') {\n    handleSearch(data.inputVal);\n  }\n}\n\n</script>\n<template>\n  <div :class=\"[$style[`search-input`], props.theme, `search-input-a`]\">\n    <div :class=\"[$style[`input-bk`],`search-input--bk`]\">\n        <input\n          :class=\"[$style[`input`],`search-input--input`]\"\n          ref=\"inputRef\"\n          type=\"search\"\n          v-model=\"modelValue\"\n          :placeholder=\"props.placeholder\"\n          @focus=\"handleFocus\"\n          @blur=\"handleBlur\"\n          @input=\"handleInput\"\n          @change=\"handleChange\"\n          @keyup.enter=\"handleKeyUp\"\n          :maxlength=\"props.maxLength\"\n      >\n    </div>\n    <!-------------- 搜索按钮 -------------->\n    <div :class=\"[$style[`search-btn`], `search-input--search`]\"\n         v-if=\"!$slots['search-btn']\"\n         @click=\"() => handleSearch(modelValue)\"\n    >\n      <i :class=\"[$style[`icon`], `search-input--icon`]\"></i>\n      <inline-svg :src=\"iconSearch\" ></inline-svg>\n    </div>\n    <slot name=\"search-btn\" v-else ></slot>\n    <!-------------- 搜索按钮结束 -------------->\n  </div>\n</template>\n<style lang=\"scss\" module src=\"./search-input-a.scss\"></style>\n","<script lang=\"ts\" setup>\nimport { PropType } from \"vue\";\nimport { useRouter, RouteLocation } from \"vue-router\";\nimport type {IHotWord, THotWordList} from \"global-common/apis/img-clippng/hot/word/list.ts\";\n\nconst props = defineProps({\n  theme: {\n    type: Array as PropType<string[]>,\n    default: []\n  },\n  /** 热词 */\n  hotWords: {\n    type: Array as PropType<IHotWord[]>,\n    default: () => []\n  },\n  /** 标签 */\n  label: {\n    type: String,\n    default: 'Popular Searches：'\n  },\n  link: {\n    type: Function as PropType<(kw:string)=>string>,\n    default: (kw:string) => kw\n  }\n});\nconst emits = defineEmits([`click`])\n/** ******************** 组合式API ******************* */\nconst router = useRouter();\n/** ****************** 组合式API End ****************** */\n\n/** ****************** Methods Start ****************** */\nconst handleClickLink = ( index, item:IHotWord ) => {\n  emits(`click`, {\n    index,\n    item: item\n  })\n}\n/** ****************** Methods End ****************** */\n</script>\n<template>\n  <div :class=\"[$style[`hot-words`], ...theme ]\">\n    <h5 :class=\"[$style[`label`], 'font-bold']\">{{props.label}}</h5>\n    <ol :class=\"$style[`list`]\">\n      <li v-for=\"(item, index) in props.hotWords\"\n          :key=\"item.show_word\"\n          :class=\"$style[`li`]\"\n      >\n        <!--- 有链接 -->\n        <a\n           :class=\"[$style[`link`],$style[`word`] ]\"\n           :href=\"link(item.show_word)\"\n           :title=\"item.show_word\"\n           @click.prevent=\"handleClickLink(index, item)\"\n        >{{item.show_word}}</a>\n      </li>\n    </ol>\n  </div>\n</template>\n<style lang=\"scss\" module src=\"./hot-words.scss\"></style>\n","import {$axios, GcResponse} from \"../../../helper\";\nimport {ServerClippngImg} from \"../../../../lib/constants/server\";\n\nexport type THotWordList = {\n    type: number,\n}\n// 首页模块列表\nexport type IHotWord = {\n    id: number,\n    show_word: string,\n    search_word: string,\n}\n\n/** 拿热词\n * @see http://doc.bigbigwork.com/docs/hw/7943\n */\nexport default function fetchHotWordList (\n    params: THotWordList\n) {\n    return $axios<GcResponse<IHotWord[]>> ({\n        url: `${ServerClippngImg}/hot/word/list`,\n        method: \"GET\",\n        params: params\n    })\n}","import { ref } from \"vue\";\nimport fetchHotWordList, {IHotWord, THotWordList} from \"global-common/apis/img-clippng/hot/word/list.ts\";\nimport {defineStore} from \"pinia\";\n\nexport const useSearch = () => {\n    const hotWords = ref<IHotWord[]>([]);\n    const error = ref<Error>(null);\n    const FETCH_HOT_WORD_LIST = async ( params:THotWordList ) => {\n        try {\n            const [ err, res ] = await fetchHotWordList(params);\n            if ( err ) {\n                error.value = err;\n            } else {\n                hotWords.value = res.data;\n            }\n            return [err,res];\n        } catch ( e ) {\n            return [ e, null ]\n        }\n\n    }\n    return {\n        hotWords,\n        FETCH_HOT_WORD_LIST\n    }\n}\n\nexport const useStoreSearch = defineStore( `Search`, useSearch);"],"names":["iconSearch","modelValue","_useModel","__props","props","emits","__emit","inputRef","ref","data","reactive","handleInput","value","handleChange","handleSearch","handleFocus","handleBlur","handleKeyUp","useRouter","handleClickLink","index","item","fetchHotWordList","params","$axios","ServerClippngImg","useSearch","hotWords","error","err","res","e","useStoreSearch","defineStore"],"mappings":"oNAAA,MAAeA,EAAA,mmECOT,MAAAC,EAAaC,EAAmBC,EAAA,YAAC,EACjCC,EAAQD,EAuBRE,EAAQC,EAQRC,EAAWC,EAA6B,IAAI,EAC5CC,EAAOC,EAAS,CACpB,SAAU,EAAA,CACX,EAIKC,EAAe,GAAkB,CAC/B,MAAAC,EAAS,EAAE,OAA4B,MACxCH,EAAA,SAAWG,EAAM,KAAK,EAC3BP,EAAM,QAASO,CAAK,CACtB,EAEMC,EAAgB,GAAkB,CAChC,MAAAD,EAAS,EAAE,OAA4B,MAC7CP,EAAM,SAAUO,CAAK,CACvB,EACME,EAAgBF,GAAkB,CACtCP,EAAM,SAAUO,CAAK,CACvB,EACMG,EAAc,IAAM,CAClBV,EAAA,QAASI,EAAK,QAAQ,CAC9B,EACMO,EAAa,IAAM,CACjBX,EAAA,OAAQI,EAAK,QAAQ,CAC7B,EAEMQ,EAAe,GAAqB,CACxC,QAAQ,IAAI,MAAO,EAAE,IAAI,UAAW,EAAE,OAAO,EACzC,EAAE,MAAQ,SACZH,EAAaL,EAAK,QAAQ,CAE9B,syCClEA,MAAML,EAAQD,EAoBRE,EAAQC,EAECY,EAAU,EAInB,MAAAC,EAAkB,CAAEC,EAAOC,IAAmB,CAClDhB,EAAM,QAAS,CACb,MAAAe,EACA,KAAAC,CAAA,CACD,CACH,6uBCpBA,SAAwBC,GACpBC,EACF,CACE,OAAOC,EAAgC,CACnC,IAAK,GAAGC,CAAgB,iBACxB,OAAQ,MACR,OAAAF,CAAA,CACH,CACL,CCpBO,MAAMG,GAAY,IAAM,CACrB,MAAAC,EAAWnB,EAAgB,EAAE,EAC7BoB,EAAQpB,EAAW,IAAI,EAetB,MAAA,CACH,SAAAmB,EACA,oBAhBwB,MAAQJ,GAAyB,CACrD,GAAA,CACA,KAAM,CAAEM,EAAKC,CAAI,EAAI,MAAMR,GAAiBC,CAAM,EAClD,OAAKM,EACDD,EAAM,MAAQC,EAEdF,EAAS,MAAQG,EAAI,KAElB,CAACD,EAAIC,CAAG,QACTC,EAAI,CACH,MAAA,CAAEA,EAAG,IAAK,CAAA,CAGzB,CAIA,CACJ,EAEaC,GAAiBC,EAAa,SAAUP,EAAS"}