{"version":3,"sources":["webpack:///./src/components/aiSelect.vue?f56c","webpack:///src/components/aiSelect.vue","webpack:///./src/components/aiSelect.vue?f3dc","webpack:///./src/components/aiSelect.vue","webpack:///./src/components/aiSelect.vue?6cc7"],"names":["render","_vm","this","_h","$createElement","_c","_self","_g","_b","staticClass","attrs","placeholder","filterOption","triggerNode","parentNode","document","body","model","value","callback","$$v","selectValue","expression","$attrs","$allListeners","_l","item","key","computedKyePath","valuePath","_v","_s","labelPath","staticRenderFns","name","inheritAttrs","prop","event","props","type","String","default","options","Array","keyPath","maxWidth","initValue","Number","data","watch","handler","immediate","computed","path","Object","assign","$listeners","input","onInput","methods","$emit","val","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,WAAWJ,EAAIM,GAAGN,EAAIO,GAAG,CAACC,YAAY,YAAYC,MAAM,CAAC,WAAa,GAAG,YAAcT,EAAIU,YAAY,iBAAmB,WAAW,aAAeV,EAAIW,aAAa,aAAe,GAAG,kBAAoB,SAAUC,GAAe,OAAOA,EAAYC,YAAcb,EAAIc,SAASC,OAASC,MAAM,CAACC,MAAOjB,EAAe,YAAEkB,SAAS,SAAUC,GAAMnB,EAAIoB,YAAYD,GAAKE,WAAW,gBAAgB,WAAWrB,EAAIsB,QAAO,GAAOtB,EAAIuB,eAAevB,EAAIwB,GAAIxB,EAAW,SAAE,SAASyB,GAAM,OAAOrB,EAAG,kBAAkB,CAACsB,IAAID,EAAKzB,EAAI2B,iBAAiBlB,MAAM,CAAC,MAAQgB,EAAKzB,EAAI4B,aAAa,CAAC5B,EAAI6B,GAAG7B,EAAI8B,GAAGL,EAAKzB,EAAI+B,kBAAiB,IAC/rBC,EAAkB,GCoBtB,G,oBAAA,CACEC,KAAM,WACNC,cAAc,EACdlB,MAAO,CACLmB,KAAM,YACNC,MAAO,SAETC,MAAO,CACL3B,YAAa,CACX4B,KAAMC,OACNC,QAAS,mBAEXC,QAAS,CACPH,KAAMI,MACNF,QAAS,WAAf,WAEIZ,UAAW,CACTU,KAAMC,OACNC,QAAS,SAEXT,UAAW,CACTO,KAAMC,OACNC,QAAS,SAEXG,QAAS,CACPL,KAAMC,OACNC,QAAS,IAEXI,SAAU,CACRN,KAAMC,OACNC,QAAS,SAEXK,UAAW,CACTP,KAAM,CAACC,OAAQO,QACfN,QAAS,KAGbO,KArCF,WAsCI,MAAO,CACL3B,YAAa,KAGjB4B,MAAO,CACLH,UAAW,CACTI,QADN,SACA,GACQhD,KAAKmB,YAAc,CAA3B,QAEM8B,WAAW,IAGfC,SAAU,CACRxB,gBADJ,WAEM,IAAN,+BACM,OAAOyB,GAET7B,cALJ,WAMM,OAAO8B,OAAOC,OAAO,GAAIrD,KAAKsD,WAAY,CACxCC,MAAOvD,KAAKwD,YAIlBC,QAAS,CACP/C,aADJ,SACA,KAEM,OACN,oCACA,cACA,6BAGI8C,QATJ,SASA,GACMxD,KAAK0D,MAAM,QAASC,EAAIlC,SC5FoT,I,wBCQ9UmC,EAAY,eACd,EACA9D,EACAiC,GACA,EACA,KACA,KACA,MAIa,aAAA6B,E,oECnBf,yBAA6gB,EAAG","file":"static/js/chunk-4b2f215a.c6f8f40d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-select',_vm._g(_vm._b({staticClass:\"ai-select\",attrs:{\"showSearch\":\"\",\"placeholder\":_vm.placeholder,\"optionFilterProp\":\"children\",\"filterOption\":_vm.filterOption,\"labelInValue\":\"\",\"getPopupContainer\":function (triggerNode) { return triggerNode.parentNode || _vm.document.body; }},model:{value:(_vm.selectValue),callback:function ($$v) {_vm.selectValue=$$v},expression:\"selectValue\"}},'a-select',_vm.$attrs,false),_vm.$allListeners),_vm._l((_vm.options),function(item){return _c('a-select-option',{key:item[_vm.computedKyePath],attrs:{\"value\":item[_vm.valuePath]}},[_vm._v(_vm._s(item[_vm.labelPath]))])}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <a-select\r\n    class=\"ai-select\"\r\n    showSearch\r\n    :placeholder=\"placeholder\"\r\n    optionFilterProp=\"children\"\r\n    :filterOption=\"filterOption\"\r\n    v-on=\"$allListeners\"\r\n    v-bind=\"$attrs\"\r\n    v-model=\"selectValue\"\r\n    labelInValue\r\n    :getPopupContainer=\" triggerNode => triggerNode.parentNode || document.body\"\r\n  >\r\n    <a-select-option\r\n      v-for=\"item in options\"\r\n      :value=\"item[valuePath]\"\r\n      :key=\"item[computedKyePath]\"\r\n    >{{item[labelPath]}}</a-select-option>\r\n  </a-select>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: \"aiSelect\",\r\n  inheritAttrs: false,\r\n  model: {\r\n    prop: \"initValue\",\r\n    event: \"input\"\r\n  },\r\n  props: {\r\n    placeholder: {\r\n      type: String,\r\n      default: \"Select language\"\r\n    },\r\n    options: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    valuePath: {\r\n      type: String,\r\n      default: \"value\"\r\n    },\r\n    labelPath: {\r\n      type: String,\r\n      default: \"label\"\r\n    },\r\n    keyPath: {\r\n      type: String,\r\n      default: \"\"\r\n    },\r\n    maxWidth: {\r\n      type: String,\r\n      default: \"150px\"\r\n    },\r\n    initValue: {\r\n      type: [String, Number],\r\n      default: \"\"\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      selectValue: \"\"\r\n    };\r\n  },\r\n  watch: {\r\n    initValue: {\r\n      handler(val) {\r\n        this.selectValue = { key: val };\r\n      },\r\n      immediate: true\r\n    }\r\n  },\r\n  computed: {\r\n    computedKyePath() {\r\n      let path = this.keyPath || this.valuePath;\r\n      return path;\r\n    },\r\n    $allListeners() {\r\n      return Object.assign({}, this.$listeners, {\r\n        input: this.onInput\r\n      });\r\n    }\r\n  },\r\n  methods: {\r\n    filterOption(input, option) {\r\n      console.log(\"input\", option);\r\n      return (\r\n        option.componentOptions.children[0].text\r\n          .toLowerCase()\r\n          .indexOf(input.toLowerCase()) >= 0\r\n      );\r\n    },\r\n    onInput(val) {\r\n      this.$emit(\"input\", val.key);\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.ai-select {\r\n  .ant-select-selection {\r\n    border-radius: 0;\r\n    .ant-select-selection-selected-value {\r\n      color: #0e131f;\r\n      letter-spacing: 0;\r\n    }\r\n    .ant-select-arrow {\r\n      color: #0e131f;\r\n    }\r\n  }\r\n\r\n  & + div {\r\n    .ant-select-dropdown {\r\n      border-radius: 3px;\r\n      .ant-select-dropdown-menu {\r\n        /*滚动条整体样式*/\r\n        &::-webkit-scrollbar {\r\n          width: 5px;\r\n          height: 8px;\r\n        }\r\n        /*滚动条滑块*/\r\n        &::-webkit-scrollbar-thumb {\r\n          border-radius: 3px;\r\n          -webkit-box-shadow: inset 0 0 5px #777;\r\n          background: #777;\r\n        }\r\n        /*滚动条轨道*/\r\n        &::-webkit-scrollbar-track {\r\n          border-radius: 3px;\r\n          background: #FFF;\r\n        }\r\n        .ant-select-dropdown-menu-item {\r\n          font-family: Helvetica;\r\n          color: #0e131f;\r\n          letter-spacing: 0;\r\n          &:hover {\r\n            background: #f3f3f3;\r\n          }\r\n          &.ant-select-dropdown-menu-item-active {\r\n            background: #f3f3f3;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .ant-input-affix-wrapper .ant-input:focus {\r\n    border: none;\r\n    border-bottom: 1px solid white !important;\r\n    box-shadow: none;\r\n}\r\n}\r\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!./aiSelect.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!./aiSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./aiSelect.vue?vue&type=template&id=139e871e&\"\nimport script from \"./aiSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./aiSelect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./aiSelect.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../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!./aiSelect.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../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!./aiSelect.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}