{"version":3,"sources":["webpack:///./src/components/miniapp/search/StockList.vue?89b0","webpack:///src/components/miniapp/search/StockList.vue","webpack:///./src/components/miniapp/search/StockList.vue?bd56","webpack:///./src/components/miniapp/search/StockList.vue","webpack:///./src/components/mixins/global-search-history.js","webpack:///./node_modules/lodash/reverse.js","webpack:///./src/components/miniapp/search/StockList.vue?02a7"],"names":["render","_vm","this","_h","$createElement","_c","_self","items","length","staticClass","_v","_s","topic","_l","slice","page","stock","index","key","attrs","searchTab","name","on","$event","clickItemStock","thName","viewAll","clickItemAll","_e","infiniteHandler","staticRenderFns","props","type","String","default","Array","searchText","defaultSize","Number","watch","data","mixins","methods","$emit","mixins_global_search_history","$router","push","component","mixins_global_search_historyList","keyword","localForage","storageData","currentFundIndex","indexOf","splice","startElem","mixins_global_search_getHistory","historyList","_reverse","mixins_global_search_clearHistory","confirmDelete","arrayProto","prototype","nativeReverse","reverse","array","call","module","exports"],"mappings":"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","file":"js/chunk-713aac76.36c2e205.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.items && _vm.items.length > 0)?_c('div',{staticClass:\"result-list\"},[_c('h3',[_vm._v(_vm._s(_vm.topic))]),_c('ul',{staticClass:\"list-item\"},[_vm._l((_vm.items.slice(0, _vm.page)),function(stock,index){return _c('li',{key:index},[_c('a',{attrs:{\"data-action\":\"open_stock\",\"data-listname\":'search_'+_vm.searchTab,\"data-stockname\":stock.name,\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.clickItemStock(stock.name)}}},[_c('h4',[_vm._v(_vm._s(stock.name))]),_c('p',[_vm._v(_vm._s(stock.thName))])])])}),(_vm.viewAll == 'all')?_c('a',{staticClass:\"view-stock view-more\",attrs:{\"data-action\":\"open_search_stock\",\"data-eventcategory\":\"search_flow\",\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.clickItemAll()}}},[_vm._v(\" ดูทั้งหมด \"),_c('i',{staticClass:\"fas fa-chevron-right\"})]):_vm._e()],2),(_vm.viewAll != 'all')?_c('infinite-loading',{attrs:{\"spinner\":\"waveDots\"},on:{\"infinite\":_vm.infiniteHandler}}):_vm._e()],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"result-list\" v-if=\"items && items.length > 0\">\n    <h3>{{ topic }}</h3>\n    <ul class=\"list-item\">\n      <li v-for=\"(stock, index) in items.slice(0, page)\" :key=\"index\">\n        <a\n          data-action=\"open_stock\"\n          :data-listname=\"'search_'+searchTab\"\n          :data-stockname=\"stock.name\"\n          href=\"javascript:;\"\n          @click=\"clickItemStock(stock.name)\"\n        >\n          <h4>{{ stock.name }}</h4>\n          <p>{{ stock.thName }}</p>\n        </a>\n      </li>\n      <a\n        data-action=\"open_search_stock\"\n        data-eventcategory=\"search_flow\"\n        href=\"javascript:;\"\n        v-if=\"viewAll == 'all'\"\n        @click=\"clickItemAll()\"\n        class=\"view-stock view-more\"\n      >\n        ดูทั้งหมด\n        <i class=\"fas fa-chevron-right\"></i>\n      </a>\n    </ul>\n    <infinite-loading v-if=\"viewAll != 'all'\" spinner=\"waveDots\" @infinite=\"infiniteHandler\"></infinite-loading>\n  </div>\n</template>\n<script>\nimport GlobalSearchHistory from \"../../mixins/global-search-history.js\";\n\nexport default {\n  props: {\n    topic: {\n      type: String,\n      default: \"\"\n    },\n    searchTab: {\n      type: String,\n      default: null\n    },\n    items: {\n      type: Array,\n      default: () => {\n        return [];\n      }\n    },\n    searchText: {\n      type: String,\n      default: null\n    },\n    defaultSize: {\n      type: Number,\n      default: 3\n    },\n    viewAll: {\n      type: String,\n      default: \"\"\n    }\n  },\n  watch: {\n    viewAll() {\n      this.viewAll == \"all\" ? (this.page = this.defaultSize) : null;\n    }\n  },\n  data() {\n    return {\n      page: this.defaultSize\n    };\n  },\n  mixins: [GlobalSearchHistory],\n  methods: {\n    clickItemAll() {\n      this.page = 3;\n      this.$emit(\"update:view-all\", \"stocks\");\n    },\n    clickItemStock(name) {\n      this.mixins_global_search_history(this.searchText);\n      this.$router.push({ name: \"miniapp-stock-quote\", query: { name: name } });\n    },\n    async infiniteHandler($state) {\n      if (this.page <= this.items.length) {\n        this.page += 5;\n        setTimeout(() => {\n          $state.loaded();\n        }, 1000);\n      } else {\n        $state.complete();\n      }\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n.result-list {\n  margin-bottom: 32px;\n  h3 {\n    @extend %font-size-m;\n    margin: 0;\n    font-weight: bold;\n    font-style: normal;\n    font-stretch: normal;\n    line-height: normal;\n    letter-spacing: normal;\n    color: $color-normal-text;\n  }\n  .list-item {\n    list-style: none;\n    pointer-events: none;\n    margin: 8px 0;\n    width: 100%;\n    padding: 0px;\n    border-radius: 8px;\n    border: solid 1px $color-line-grey;\n    background-color: $color-white;\n    display: inline-block;\n    li {\n      pointer-events: none;\n      position: relative;\n      border-bottom: 1px solid $color-line-grey;\n\n      &:after {\n        position: absolute;\n        right: 16px;\n        top: 24px;\n        content: \"\\f105\";\n        font-family: \"Font Awesome 5 Pro\";\n        font-size: 16px;\n        color: $color-light-grey-2;\n      }\n      a {\n        pointer-events: auto;\n        text-decoration: none;\n        padding: 8px 16px;\n        cursor: pointer;\n        display: block;\n        border-radius: 8px;\n        @include finRippleBtn($color-white, $color-white, $color-light-grey-2);\n        h4 {\n          pointer-events: none;\n          @extend %font-size-s;\n          font-weight: bold;\n          font-style: normal;\n          font-stretch: normal;\n          line-height: normal;\n          letter-spacing: normal;\n          color: $color-normal-text;\n          margin: 0;\n        }\n        p {\n          pointer-events: none;\n          @extend %font-size-ss;\n          margin: 0;\n          color: $color-secondary-text;\n          white-space: nowrap;\n          max-width: 250px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n    .view-stock {\n      text-decoration: none;\n      padding: 8px 16px;\n      position: relative;\n      display: block;\n      width: 100%;\n      text-align: center;\n      font-weight: bold;\n      color: $color-normal-text;\n      @extend %font-size-ss;\n    }\n    .view-more {\n      pointer-events: auto;\n      cursor: pointer;\n      i {\n        pointer-events: none;\n        width: 7px;\n        text-align: center;\n        font-weight: bold;\n        flex-direction: column;\n        justify-content: center;\n        font-size: 10px;\n        color: $color-normal-text;\n        left: 2px;\n        z-index: 12;\n      }\n    }\n  }\n}\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StockList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StockList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StockList.vue?vue&type=template&id=ab73c020&scoped=true&\"\nimport script from \"./StockList.vue?vue&type=script&lang=js&\"\nexport * from \"./StockList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StockList.vue?vue&type=style&index=0&id=ab73c020&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ab73c020\",\n  null\n  \n)\n\nexport default component.exports","import _reverse from \"lodash/reverse\";\nimport * as localForage from \"localforage\";\n\nexport default {\n  data() {\n    return {\n      mixins_global_search_historyList: []\n    }\n  },\n  methods: {\n    async mixins_global_search_history(keyword) {\n      let storageData = await localForage.getItem('global-search-history') || []\n      let currentFundIndex = storageData.indexOf(keyword)\n      if (currentFundIndex !== -1) {\n        storageData.splice(currentFundIndex, 1)\n      }\n\n      if (storageData.length > 4) {\n        let startElem = storageData.length - 4 >= 0 ? storageData.length - 4 : 0;\n        storageData = storageData.splice(startElem, 4)\n      }\n\n      storageData.push(keyword)\n      await localForage.setItem('global-search-history', storageData)\n    },\n    async mixins_global_search_getHistory() {\n      let historyList = await localForage.getItem('global-search-history')\n      if (historyList && historyList.length > 0) {\n        this.mixins_global_search_historyList = _reverse(historyList)\n      }\n    },\n    async mixins_global_search_clearHistory(confirmDelete) {\n      if (confirmDelete) {\n        localForage.removeItem('global-search-history')\n        this.mixins_global_search_historyList = null\n      }\n    }\n  }\n\n}\n","/** Used for built-in method references. */\nvar arrayProto = Array.prototype;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeReverse = arrayProto.reverse;\n\n/**\n * Reverses `array` so that the first element becomes the last, the second\n * element becomes the second to last, and so on.\n *\n * **Note:** This method mutates `array` and is based on\n * [`Array#reverse`](https://mdn.io/Array/reverse).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to modify.\n * @returns {Array} Returns `array`.\n * @example\n *\n * var array = [1, 2, 3];\n *\n * _.reverse(array);\n * // => [3, 2, 1]\n *\n * console.log(array);\n * // => [3, 2, 1]\n */\nfunction reverse(array) {\n  return array == null ? array : nativeReverse.call(array);\n}\n\nmodule.exports = reverse;\n","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StockList.vue?vue&type=style&index=0&id=ab73c020&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StockList.vue?vue&type=style&index=0&id=ab73c020&lang=scss&scoped=true&\""],"sourceRoot":""}