| 1 |
- {"version":3,"sources":["webpack:///D:/Code2024/sulibao-mini/components/w-select/w-select.vue?6244","webpack:///D:/Code2024/sulibao-mini/components/w-select/w-select.vue?5421","webpack:///D:/Code2024/sulibao-mini/components/w-select/w-select.vue?fd28","webpack:///D:/Code2024/sulibao-mini/components/w-select/w-select.vue?83b7","uni-app:///components/w-select/w-select.vue","webpack:///D:/Code2024/sulibao-mini/components/w-select/w-select.vue?43fc"],"names":["renderjs","component","options","__file","components","render","_vm","this","_h","$createElement","g0","_self","_c","multiple","multiSelectList","length","filterable","g1","g2","g3","g4","showClose","value","g5","l0","__map","filterList","item","__i0__","$orig","__get_orig","g6","find","res","keyName","g7","$mp","data","Object","assign","$root","recyclableRender","staticRenderFns","_withStripped","props","width","type","default","height","bgColor","list","defaultValue","valueName","fontSize","watch","immediate","deep","handler","isItem","computed","multiLength","bottomDistance","inputData","isShow","optionsShow","windowHeight","curHeight","distanceTop","showPosition","refreshUrl","mounted","uni","createSelectorQuery","in","select","boundingClientRect","exec","methods","showPositon","changeShow","setTimeout","closeContentSelect","setValue","inputChange","blurChange","refreshValue","handleClickItem","multiSelect"],"mappings":"6HAAA,oIACIA,EADJ,QASIC,EAAY,qBACd,aACA,YACA,sBACA,EACA,KACA,WACA,MACA,EACA,gBACAD,GAGFC,EAAUC,QAAQC,OAAS,mCACZ,aAAAF,E,0CCvBf,uQ,iCCAA,IAAIG,EAAJ,0LACA,IAAIC,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eAETC,GADKJ,EAAIK,MAAMC,GACVN,EAAIO,SACsB,IAA/BP,EAAIQ,gBAAgBC,SAAiBT,EAAIU,WACzC,MACAC,EAAKX,EAAIO,SAAWP,EAAIQ,gBAAgBC,OAAS,KACjDG,EAAKZ,EAAIO,SAAWP,EAAIQ,gBAAgBC,OAAS,KACjDI,EACAb,EAAIO,WAAYP,EAAIU,aAAeV,EAAIO,SAErC,KADAP,EAAIQ,gBAAgBC,OAEtBK,EAAKd,EAAIe,YAAcf,EAAIO,SAAWP,EAAIgB,MAAMP,OAAS,EAAIT,EAAIgB,OACjEC,EAAKjB,EAAIgB,MAAMP,QAAU,IAAMT,EAAIe,UACnCG,EAAKlB,EAAImB,MAAMnB,EAAIoB,YAAY,SAAUC,EAAMC,GACjD,IAAIC,EAAQvB,EAAIwB,WAAWH,GACvBI,EACFzB,EAAIO,UACJP,EAAIQ,gBAAgBkB,MAAK,SAAUC,GACjC,OAAOA,EAAI3B,EAAI4B,WAAaP,EAAKrB,EAAI4B,YAEzC,MAAO,CACLL,MAAOA,EACPE,GAAIA,MAGJI,EAAK7B,EAAIoB,WAAWX,OACxBT,EAAI8B,IAAIC,KAAOC,OAAOC,OACpB,GACA,CACEC,MAAO,CACL9B,GAAIA,EACJO,GAAIA,EACJC,GAAIA,EACJC,GAAIA,EACJC,GAAIA,EACJG,GAAIA,EACJC,GAAIA,EACJW,GAAIA,MAKRM,GAAmB,EACnBC,EAAkB,GACtBrC,EAAOsC,eAAgB,G,iCC/CvB,yHAA6zB,eAAG,G,4ICmIh0B,CACAC,OACAC,OACAC,YACAC,gBAEAC,QACAF,YACAC,gBAEAE,SACAH,YACAC,gBAGAlC,UACAiC,aACAC,YAGA/B,YACA8B,aACAC,YAGA1B,WACAyB,aACAC,YAGAG,MACAJ,WACAC,mBAAA,WAWAzB,OACAwB,2BACAC,YAIAI,cACAL,YACAC,2BAGAK,WACAN,YACAC,iBAGAb,SACAY,YACAC,iBAEAM,UACAP,YACAC,iBAMAO,OACAJ,MACAK,aACAC,QACAC,oBAAA,WACA,kBACA,0BACA,SAgBA,OALAC,EADA,uBAMA,KAEA,IACA,qCAKAC,UACAC,uBACA,oCACA,aAEAC,0BACA,OACA,oDAIAxB,gBACA,OACAyB,aAKAhD,4CAEAiD,UACAC,eACAC,kBACAC,eACAC,iBACAC,sBACA1C,cACA2C,04BAGAC,mBAAA,WACA,2BACA,4BACA,8BACAC,EACAC,sBACAC,MACAC,mBACAC,gCACA,oBACA,wBAEAC,WAGAC,SACAC,uBACA,2BACA,0CACA,0BAGAC,sBAAA,WACA,0BACA,iBACA,0BACAC,uBACA,mBACA,OAEA,mBACA,+BAGAC,8BAAA,WACA,eACAD,uBACA,mBACA,MAEAE,oBAAA,gEAMA,uBAGAC,wBAAA,WACA,iBACA,gCAGA,iBAFA,iBAMA,qDACAxD,+BAGAyD,uBACA,qBAEA,4CACA,wBACA,gCACA,qBAEA,sBAGAC,wBACA,kBACA,kBACA,wBACA,0BACA,gBACA,0BAGAC,4BACA,cACA,qBAEA,+BACA,iCACA,uBACA,oBAGAC,wBAAA,WACA,kCACA,sDAEA,KACA,iCAEA,6BAEA,kBACA,0BACA,oCACA,0BAGA,c,6DClXA,yHAAgiD,eAAG,G","file":"components/w-select/w-select.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./w-select.vue?vue&type=template&id=5fdefe44&scoped=true&\"\nvar renderjs\nimport script from \"./w-select.vue?vue&type=script&lang=js&\"\nexport * from \"./w-select.vue?vue&type=script&lang=js&\"\nimport style0 from \"./w-select.vue?vue&type=style&index=0&id=5fdefe44&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"5fdefe44\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"components/w-select/w-select.vue\"\nexport default component.exports","export * from \"-!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./w-select.vue?vue&type=template&id=5fdefe44&scoped=true&\"","var components\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n var g0 = _vm.multiple\n ? _vm.multiSelectList.length === 0 && !_vm.filterable\n : null\n var g1 = _vm.multiple ? _vm.multiSelectList.length : null\n var g2 = _vm.multiple ? _vm.multiSelectList.length : null\n var g3 =\n (!_vm.multiple || _vm.filterable) && _vm.multiple\n ? _vm.multiSelectList.length\n : null\n var g4 = _vm.showClose && (_vm.multiple ? _vm.value.length > 0 : _vm.value)\n var g5 = _vm.value.length <= 0 || !_vm.showClose\n var l0 = _vm.__map(_vm.filterList, function (item, __i0__) {\n var $orig = _vm.__get_orig(item)\n var g6 =\n _vm.multiple &&\n _vm.multiSelectList.find(function (res) {\n return res[_vm.keyName] === item[_vm.keyName]\n })\n return {\n $orig: $orig,\n g6: g6,\n }\n })\n var g7 = _vm.filterList.length\n _vm.$mp.data = Object.assign(\n {},\n {\n $root: {\n g0: g0,\n g1: g1,\n g2: g2,\n g3: g3,\n g4: g4,\n g5: g5,\n l0: l0,\n g7: g7,\n },\n }\n )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./w-select.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./w-select.vue?vue&type=script&lang=js&\"","<template>\n\t<view\n\t class=\"w-select\"\n\t id=\"wSelect\"\n\t :style=\"{\n\t\t'--select-wrap-width': width,\n\t\t'--select-wrap-height': height,\n\t\t'--select-bg-color': bgColor\n\t }\"\n\t>\n\t <view :class=\"isShow ? 'select-wrap-active' : ''\" class=\"select-wrap\" @click=\"changeShow\" style=\"height: 35px;\">\n\t\t<view v-if=\"multiple\" class=\"select-content\">\n\t\t <view class=\"select-content-item-default\" v-if=\"multiSelectList.length === 0 && !filterable\">\n\t\t\t{{ defaultValue }}\n\t\t </view>\n\t\t <view class=\"select-content-item\" v-if=\"multiSelectList.length > 0\">\n\t\t\t{{ multiSelectList[0][valueName] }}\n\t\t </view>\n\t\t <view class=\"select-content-item\" v-if=\"multiSelectList.length > 1\">\n\t\t\t{{ multiLength }}\n\t\t </view>\n\t\t</view>\n\t\t<input\n\t\t v-if=\"!multiple || filterable\"\n\t\t type=\"text\"\n\t\t @input=\"inputChange\"\n\t\t @blur=\"blurChange\"\n\t\t :placeholder=\"multiple ? multiSelectList.length === 0 ? defaultValue : '' : defaultValue\"\n\t\t :disabled=\"!filterable\"\n\t\t :style=\"!filterable ? 'pointer-events: none' : 'font-size:'+fontSize\"\n\t\t :value=\"inputData\"\r\n\t\t style=\"font-size: 14px;font-weight: bold;\"\n\t\t>\n\t\t<!-- #ifdef VUE2 -->\n\t\t<view\n\t\t @click.stop=\"refreshValue\"\n\t\t class=\"close-icon\"\n\t\t v-if=\"showClose && (multiple ? value.length > 0 : value)\"\n\t\t>\n\t\t <image :src=\"refreshUrl\" mode=\"\" />\n\t\t</view>\n\t\t<view\n\t\t v-if=\"value.length <= 0 || !showClose\"\n\t\t :class=\"isShow ? 'w-select-arrow-up' : ''\"\n\t\t class=\"w-select-arrow \"\n\t\t/>\n\t\t<!-- #endif -->\n\t\t<!-- #ifdef VUE3 -->\n\t\t<view\n\t\t @click.stop=\"refreshValue\"\n\t\t class=\"close-icon\"\n\t\t v-if=\"showClose && (multiple ? modelValue.length > 0 : modelValue)\"\n\t\t>\n\t\t <image :src=\"refreshUrl\" mode=\"\" />\n\t\t</view>\n\t\t<view\n\t\t v-if=\"modelValue.length <= 0 || !showClose\"\n\t\t :class=\"isShow ? 'w-select-arrow-up' : ''\"\n\t\t class=\"w-select-arrow \"\n\t\t/>\n\t\t<!-- #endif -->\n \n\t\t<scroll-view\n\t\t scroll-y\n\t\t v-show=\"optionsShow\"\n\t\t :class=\"[\n\t\t\tisShow\n\t\t\t ? showPosition === 'bottom'\n\t\t\t\t? 'animation-bottom-in'\n\t\t\t\t: 'animation-top-in'\n\t\t\t : showPosition === 'bottom'\n\t\t\t\t? 'animation-bottom-out'\n\t\t\t\t: 'animation-top-out',\n\t\t\tshowPosition === 'bottom'\n\t\t\t ? 'position-bottom'\n\t\t\t : 'position-top'\n\t\t ]\"\n\t\t class=\"select-options\"\n\t\t>\n\t\t <!-- #ifdef VUE2 -->\n\t\t <view\n\t\t\t@click.stop=\"handleClickItem(item)\"\n\t\t\t:class=\"\n\t\t\t multiple &&\n\t\t\t\tmultiSelectList.find(\n\t\t\t\t res => res[keyName] === item[keyName]\n\t\t\t\t)\n\t\t\t\t? 'item-active'\n\t\t\t\t: value === item[keyName]\n\t\t\t\t ? 'item-active'\n\t\t\t\t : ''\n\t\t\t\"\n\t\t\tv-for=\"item in filterList\"\n\t\t\t:key=\"item[keyName]\"\n\t\t\tclass=\"select-option-item\"\n\t\t >\n\t\t\t{{ item[valueName] }}\n\t\t </view>\n\t\t <!-- #endif -->\n\t\t <!-- #ifdef VUE3 -->\n\t\t <view\n\t\t\t@click.stop=\"handleClickItem(item)\"\n\t\t\t:class=\"\n\t\t\t multiple &&\n\t\t\t\tmultiSelectList.find(\n\t\t\t\t res => res[keyName] === item[keyName]\n\t\t\t\t)\n\t\t\t\t? 'item-active'\n\t\t\t\t: modelValue === item[keyName]\n\t\t\t\t ? 'item-active'\n\t\t\t\t : ''\n\t\t\t\"\n\t\t\tv-for=\"item in filterList\"\n\t\t\t:key=\"item[keyName]\"\n\t\t\tclass=\"select-option-item\"\r\n\t\t\t:style=\"{fontSize:fontSize}\"\n\t\t >\n\t\t\t{{ item[valueName] }}\n\t\t </view>\n\t\t <!-- #endif -->\n \n\t\t <view class=\"options-no-data\" v-if=\"filterList.length < 1\" :style=\"{fontSize:fontSize}\">\n\t\t\t无匹配数据~\n\t\t </view>\n\t\t</scroll-view>\n\t </view>\n\t <view v-if=\"isShow\" @click=\"closeContentSelect\" class=\"contentMask\" />\n\t</view>\n </template>\n \n <script>\n export default {\n\tprops: {\n\t width: {\n\t\ttype: String,\n\t\tdefault: '100%'\n\t },\n\t height: {\n\t\ttype: String,\n\t\tdefault: '30px'\n\t },\n\t bgColor: {\n\t\ttype: String,\n\t\tdefault: '#fff'\n\t },\n\t // 是否多选\n\t multiple: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t },\n\t // 是否可搜索\n\t filterable: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t },\n\t // 是否显示关闭按钮\n\t showClose: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t },\n\t // 渲染列表\n\t list: {\n\t\ttype: Array,\n\t\tdefault: () => []\n\t },\n\t // #ifdef VUE3\n\t // 双向绑定的值\n\t modelValue: {\n\t\ttype: [Array, String, Number],\n\t\tdefault: ''\n\t },\n\t // #endif\n\t // #ifdef VUE2\n\t // 双向绑定的值\n\t value: {\n\t\ttype: [Array, String, Number],\n\t\tdefault: ''\n\t },\n\t // #endif\n\t // 默认显示的内容\n\t defaultValue: {\n\t\ttype: String,\n\t\tdefault: '请输入所在公司名称，至少四个字'\n\t },\n\t // 显示的内容\n\t valueName: {\n\t\ttype: String,\n\t\tdefault: 'label'\n\t },\n\t // 绑定的内容\n\t keyName: {\n\t\ttype: String,\n\t\tdefault: 'value'\n\t },\r\n\t fontSize:{\r\n\t\t type: String,\r\n\t\t default:'14px'\r\n\t }\n\t},\n\t// #ifdef VUE3\n\temits: ['update:modelValue', 'change'],\n\t// #endif\n\twatch: {\n\t list: {\n\t\timmediate: true,\n\t\tdeep: true,\n\t\thandler (news) {\n\t\t this.filterList = news\n\t\t const findItem = news.find(item => {\n\t\t\tlet isItem = ''\n\t\t\t// #ifdef VUE3\n\t\t\tif (item[this.keyName] === this.modelValue) {\n\t\t\t isItem = true\n\t\t\t} else {\n\t\t\t isItem = false\n\t\t\t}\n\t\t\t// #endif\n \n\t\t\t// #ifdef VUE2\n\t\t\tif (item[this.keyName] === this.value) {\n\t\t\t isItem = true\n\t\t\t} else {\n\t\t\t isItem = false\n\t\t\t}\n\t\t\t// #endif\n\t\t\treturn isItem\n\t\t })\n\t\t if (findItem) {\n\t\t\tthis.inputData = findItem[this.valueName]\n\t\t }\n\t\t}\n\t }\n\t},\n\tcomputed: {\n\t multiLength () {\n\t\tconst length = this.multiSelectList.length - 1\n\t\treturn '+' + length\n\t },\n\t bottomDistance () {\n\t\treturn (\n\t\t this.windowHeight - this.distanceTop - this.curHeight\n\t\t) // 当前元素距离可视屏幕底部的距离\n\t }\n\t},\n\tdata () {\n\t return {\n\t\tinputData: '',\n\t\t// #ifdef VUE3\n\t\tmultiSelectList: this.multiple ? this.modelValue : [],\n\t\t// #endif\n\t\t// #ifdef VUE2\n\t\tmultiSelectList: this.multiple ? this.value : [],\n\t\t// #endif\n\t\tisShow: false,\n\t\toptionsShow: false,\n\t\twindowHeight: null,\n\t\tcurHeight: null,\n\t\tdistanceTop: null,\n\t\tshowPosition: 'bottom',\n\t\tfilterList: [],\n\t\trefreshUrl: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4wMSIvPjxwYXRoIGQ9Ik0yNCA0NEMzNS4wNDU3IDQ0IDQ0IDM1LjA0NTcgNDQgMjRDNDQgMTIuOTU0MyAzNS4wNDU3IDQgMjQgNEMxMi45NTQzIDQgNCAxMi45NTQzIDQgMjRDNCAzNS4wNDU3IDEyLjk1NDMgNDQgMjQgNDRaIiBmaWxsPSJub25lIiBzdHJva2U9IiM3YzZlNmUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0yOS42NTY5IDE4LjM0MzFMMTguMzQzMiAyOS42NTY4IiBzdHJva2U9IiM3YzZlNmUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTE4LjM0MzIgMTguMzQzMUwyOS42NTY5IDI5LjY1NjgiIHN0cm9rZT0iIzdjNmU2ZSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4='\n\t }\n\t},\n\tmounted () {\n\t this.$nextTick(() => {\n\t\tconst res = uni.getSystemInfoSync()\n\t\tthis.windowHeight = res.windowHeight // 当前设备屏幕高度\n\t\tuni\n\t\t .createSelectorQuery()\n\t\t .in(this)\n\t\t .select('#wSelect')\n\t\t .boundingClientRect(data => {\n\t\t\tthis.distanceTop = data.top // 当前元素距离顶部的距离\n\t\t\tthis.curHeight = data.height\n\t\t })\n\t\t .exec()\n\t })\n\t},\n\tmethods: {\n\t showPositon () {\n\t\tthis.showPosition = 'bottom'\n\t\tif (this.bottomDistance < this.windowHeight / 3) {\n\t\t this.showPosition = 'top'\n\t\t}\n\t },\n\t changeShow () {\n\t\tthis.isShow = !this.isShow\n\t\tif (this.isShow === false) {\n\t\t this.filterList = this.list\n\t\t setTimeout(() => {\n\t\t\tthis.optionsShow = false\n\t\t }, 200)\n\t\t} else {\n\t\t this.showPositon()\n\t\t this.optionsShow = this.isShow\n\t\t}\n\t },\n\t closeContentSelect () {\n\t\tthis.isShow = false\n\t\tsetTimeout(() => {\n\t\t this.optionsShow = false\n\t\t}, 200)\n\t },\n\t setValue (value = '') {\n\t\t// #ifdef VUE3\n\t\tthis.$emit('update:modelValue', value)\n\t\t// #endif\n \n\t\t// #ifdef VUE2\n\t\tthis.$emit('input', value)\n\t\t// #endif\n\t },\n\t inputChange (e) {\n\t\tconst value = e.detail.value\n\t\tif(this.multiple && this.filterable) {\n\t\t\tthis.inputData = value\n\t\t}else {\n\t\t\tthis.setValue(value)\n\t\t\tthis.inputData = value\n\t\t}\n\t\t\n\t\tthis.filterList = this.list.filter(item =>\n\t\t item[this.valueName].includes(value)\n\t\t)\n\t },\n\t blurChange(e) {\n\t\tconst value = e.detail.value\n\n\t\tif(this.multiple && this.filterable && value) {\n\t\t\tlet curValue ={\n\t\t\t\t[this.keyName]:value,\n\t\t\t\t[this.valueName]:value\n\t\t\t}\n\t\t\tthis.multiSelect(curValue)\n\t\t}\n\t },\n\t refreshValue () {\n\t\tthis.setValue('')\n\t\tthis.inputData = ''\n\t\tthis.$emit('change', '')\n\t\tthis.filterList = this.list\n\t\tif (this.multiple) {\n\t\t this.multiSelectList = []\n\t\t}\n\t },\n\t handleClickItem (e) {\n\t\tif (this.multiple) {\n\t\t this.multiSelect(e)\n\t\t} else {\n\t\t this.setValue(e[this.keyName])\n\t\t this.inputData = e[this.valueName]\n\t\t this.$emit('change', e)\n\t\t this.changeShow()\n\t\t}\n\t },\n\t multiSelect (item) {\n\t\tconst index = this.multiSelectList.findIndex(\n\t\t res => res[this.valueName] === item[this.valueName]\n\t\t)\n\t\tif (index > -1) {\n\t\t this.multiSelectList.splice(index, 1)\n\t\t} else {\n\t\t this.multiSelectList.push(item)\n\t\t}\n\t\tthis.inputData = ''\n\t\tthis.filterList = this.list\n\t\tthis.setValue(this.multiSelectList)\n\t\tthis.$emit('change', item)\n\t }\n\t}\n }\n </script>\n <style lang=\"scss\" scoped>\n .w-select {\n\t--select-wrap-width: 100%;\n\t--select-wrap-height: 30px;\n\t--select-border-radius: 4px;\n\t--select-border: 1px solid #dcdfe6;\n\t--select-active-border: 1px solid #409eff;\n\t--select-options-max-height: 70vh;\n\t--select-option-item-font-size: 14px;\n\t--select-input-font-size: 14px;\n\t--no-data-default-color: #999999;\n\t--select-options-box-shadow: 0px 0px 12px rgb(0 0 0 / 12%);\n\t--select-bg-color: #ffffff;\n\t.select-wrap {\n\t position: relative;\n\t display: flex;\n\t justify-content: space-between;\n\t align-items: center;\n\t width: var(--select-wrap-width);\n\t height: var(--select-wrap-height);\n\t border: var(--select-border);\n\t border-radius: var(--select-border-radius);\n\t background-color: var(--select-bg-color);\n\t transition: all 0.2s;\n\t input {\n\t\tpadding: 0 10px;\n\t\twidth: 100%;\n\t\tmin-width: 0;\n\t\theight: 100%;\n\t\tfont-size: var(--select-input-font-size);\n\t\tflex: 1;\n\t }\n\t .select-content {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tfont-size: var(--select-option-item-font-size);\n\t\t.select-content-item {\n\t\t margin-left: 5px;\n\t\t padding: 2px 6px;\n\t\t border-radius: var(--select-border-radius);\n\t\t color: #aa93b1;\n\t\t background-color: #f4f4f5;\n\t\t}\n\t\t.select-content-item-default {\n\t\t margin-left: 5px;\n\t\t color: var(--no-data-default-color);\n\t\t}\n\t }\n\t .close-icon {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tright: 7px;\n\t\tz-index: 1000;\n\t\twidth: 15px;\n\t\theight: 15px;\n\t\ttransform: translateY(-50%);\n\t\timage {\n\t\t width: 100%;\n\t\t height: 100%;\n\t\t}\n\t }\n\t .position-bottom {\n\t\ttop: calc(var(--select-wrap-height) + 10px);\n\t }\n\t .position-top {\n\t\tbottom: calc(var(--select-wrap-height) + 10px);\n\t }\n\t .select-options {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tleft: 0;\n\t\tz-index: 9999;\n\t\toverflow: scroll;\n\t\tpadding: 10px 0 10px 0px;\n\t\tmax-height: var(--select-options-max-height);\n\t\tborder-radius: var(--select-border-radius);\n\t\tbackground-color: var(--select-bg-color);\n\t\tbox-shadow: var(--select-options-box-shadow);\n\t\t.select-option-item {\n\t\t margin-bottom: 5px;\n\t\t padding: 10px;\n\t\t font-size: var(--select-option-item-font-size);\n\t\t transition: background-color 0.2s;\n\t\t}\n\t\t.item-active {\n\t\t font-weight: 700;\n\t\t color: #409eff;\n\t\t background-color: #f5f7fa;\n\t\t}\n\t\t.options-no-data {\n\t\t font-size: var(--select-option-item-font-size);\n\t\t text-align: center;\n\t\t color: var(--no-data-default-color);\n\t\t}\n\t }\n\t .w-select-arrow {\n\t\tdisplay: inline-block;\n\t\tmargin: 3px 10px 0;\n\t\twidth: 8px;\n\t\theight: 8px;\n\t\tborder-top: 1px solid transparent;\n\t\tborder-right: 1px solid transparent;\n\t\tborder-bottom: 1px solid #999999;\n\t\tborder-left: 1px solid #999999;\n\t\ttransition: all 0.3s;\n\t\ttransform: translateY(-50%) rotate(-45deg);\n\t }\n\t .w-select-arrow-up {\n\t\ttransform: rotate(-225deg);\n\t }\n\t}\n\t.select-wrap-active {\n\t border: var(--select-active-border);\n\t}\n\t.animation-bottom-in {\n\t animation-name: bottom-in;\n\t animation-duration: 0.4s;\n\t animation-timing-function: ease-out;\n\t animation-fill-mode: both;\n\t}\n\t.animation-bottom-out {\n\t animation-name: bottom-out;\n\t animation-duration: 0.2s;\n\t animation-timing-function: ease-out;\n\t animation-fill-mode: both;\n\t}\n\t.animation-top-in {\n\t animation-name: top-in;\n\t animation-duration: 0.4s;\n\t animation-timing-function: ease-out;\n\t animation-fill-mode: both;\n\t}\n\t.animation-top-out {\n\t animation-name: top-out;\n\t animation-duration: 0.2s;\n\t animation-timing-function: ease-out;\n\t animation-fill-mode: both;\n\t}\n \n\t@keyframes bottom-in {\n\t 0% {\n\t\topacity: 0;\n\t\ttransform: translateY(-15%);\n\t }\n\t 100% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t }\n\t}\n \n\t@keyframes bottom-out {\n\t 0% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t }\n\t 100% {\n\t\topacity: 0;\n\t\ttransform: translateY(-20%);\n\t }\n\t}\n \n\t@keyframes top-in {\n\t 0% {\n\t\topacity: 0;\n\t\ttransform: translateY(15%);\n\t }\n\t 100% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t }\n\t}\n \n\t@keyframes top-out {\n\t 0% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t }\n\t 100% {\n\t\topacity: 0;\n\t\ttransform: translateY(20%);\n\t }\n\t}\n\t.contentMask {\n\t position: fixed;\n\t top: 0;\n\t right: 0;\n\t bottom: 0;\n\t left: 0;\n\t z-index: 998;\n\t width: 100%;\n\t height: 100%;\n\t}\n }\n </style>\n ","import mod from \"-!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./w-select.vue?vue&type=style&index=0&id=5fdefe44&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./w-select.vue?vue&type=style&index=0&id=5fdefe44&lang=scss&scoped=true&\""],"sourceRoot":""}
|
