u-search.js.map 22.3 KB
{"version":3,"sources":["webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-search/u-search.vue?43bf","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-search/u-search.vue?f596","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-search/u-search.vue?f1a1","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-search/u-search.vue?dd84","uni-app:///uview-ui/components/u-search/u-search.vue","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-search/u-search.vue?c80c","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-search/u-search.vue?d34e"],"names":[],"mappings":"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","file":"uview-ui/components/u-search/u-search.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./u-search.vue?vue&type=template&id=4c556b40&scoped=true&\"\nvar renderjs\nimport script from \"./u-search.vue?vue&type=script&lang=js&\"\nexport * from \"./u-search.vue?vue&type=script&lang=js&\"\nimport style0 from \"./u-search.vue?vue&type=style&index=0&id=4c556b40&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../../../Applications/HBuilderX.app/Contents/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  \"4c556b40\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"uview-ui/components/u-search/u-search.vue\"\nexport default component.exports","export * from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-search.vue?vue&type=template&id=4c556b40&scoped=true&\"","var components\ntry {\n  components = {\n    uIcon: function() {\n      return import(\n        /* webpackChunkName: \"uview-ui/components/u-icon/u-icon\" */ \"@/uview-ui/components/u-icon/u-icon.vue\"\n      )\n    }\n  }\n} catch (e) {\n  if (\n    e.message.indexOf(\"Cannot find module\") !== -1 &&\n    e.message.indexOf(\".vue\") !== -1\n  ) {\n    console.error(e.message)\n    console.error(\"1. 排查组件名称拼写是否正确\")\n    console.error(\n      \"2. 排查组件是否符合 easycom 规范,文档:https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n    )\n    console.error(\n      \"3. 若组件不符合 easycom 规范,需手动引入,并在 components 中注册该组件\"\n    )\n  } else {\n    throw e\n  }\n}\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  var s0 = _vm.__get_style([\n    {\n      textAlign: _vm.inputAlign,\n      color: _vm.color,\n      backgroundColor: _vm.bgColor\n    },\n    _vm.inputStyle\n  ])\n\n  var s1 = _vm.__get_style([_vm.actionStyle])\n\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        s0: s0,\n        s1: s1\n      }\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-search.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-search.vue?vue&type=script&lang=js&\"","<template>\n\t<view class=\"u-search\" @tap=\"clickHandler\" :style=\"{\n\t\tmargin: margin,\n\t}\">\n\t\t<view\n\t\t\tclass=\"u-content\"\n\t\t\t:style=\"{\n\t\t\t\tbackgroundColor: bgColor,\n\t\t\t\tborderRadius: shape == 'round' ? '100rpx' : '10rpx',\n\t\t\t\tborder: borderStyle,\n\t\t\t\theight: height + 'rpx'\n\t\t\t}\"\n\t\t>\n\t\t\t<view class=\"u-icon-wrap\">\n\t\t\t\t<u-icon class=\"u-clear-icon\" :size=\"30\" :name=\"searchIcon\" :color=\"searchIconColor ? searchIconColor : color\"></u-icon>\n\t\t\t</view>\n\t\t\t<input\n\t\t\t\tconfirm-type=\"search\"\n\t\t\t\t@blur=\"blur\"\n\t\t\t\t:value=\"value\"\n\t\t\t\t@confirm=\"search\"\n\t\t\t\t@input=\"inputChange\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t@focus=\"getFocus\"\n\t\t\t\t:focus=\"focus\"\n\t\t\t\t:maxlength=\"maxlength\"\n\t\t\t\tplaceholder-class=\"u-placeholder-class\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:placeholder-style=\"`color: ${placeholderColor}`\"\n\t\t\t\tclass=\"u-input\"\n\t\t\t\ttype=\"text\"\n\t\t\t\t:style=\"[{\n\t\t\t\t\ttextAlign: inputAlign,\n\t\t\t\t\tcolor: color,\n\t\t\t\t\tbackgroundColor: bgColor,\n\t\t\t\t}, inputStyle]\"\n\t\t\t/>\n\t\t\t<view class=\"u-close-wrap\" v-if=\"keyword && clearabled && focused\" @tap=\"clear\">\n\t\t\t\t<u-icon class=\"u-clear-icon\" name=\"close-circle-fill\" size=\"34\" color=\"#c0c4cc\"></u-icon>\n\t\t\t</view>\n\t\t</view>\n\t\t<view :style=\"[actionStyle]\" class=\"u-action\" \n\t\t\t:class=\"[showActionBtn || show ? 'u-action-active' : '']\" \n\t\t\t@tap.stop.prevent=\"custom\"\n\t\t>{{ actionText }}</view>\n\t</view>\n</template>\n\n<script>\n/**\n * search 搜索框\n * @description 搜索组件,集成了常见搜索框所需功能,用户可以一键引入,开箱即用。\n * @tutorial https://www.uviewui.com/components/search.html\n * @property {String} shape 搜索框形状,round-圆形,square-方形(默认round)\n * @property {String} bg-color 搜索框背景颜色(默认#f2f2f2)\n * @property {String} border-color 边框颜色,配置了颜色,才会有边框\n * @property {String} placeholder 占位文字内容(默认“请输入关键字”)\n * @property {Boolean} clearabled 是否启用清除控件(默认true)\n * @property {Boolean} focus 是否自动获得焦点(默认false)\n * @property {Boolean} show-action 是否显示右侧控件(默认true)\n * @property {String} action-text 右侧控件文字(默认“搜索”)\n * @property {Object} action-style 右侧控件的样式,对象形式\n * @property {String} input-align 输入框内容水平对齐方式(默认left)\n * @property {Object} input-style 自定义输入框样式,对象形式\n * @property {Boolean} disabled 是否启用输入框(默认false)\n * @property {String} search-icon-color 搜索图标的颜色,默认同输入框字体颜色\n * @property {String} color 输入框字体颜色(默认#606266)\n * @property {String} placeholder-color placeholder的颜色(默认#909399)\n * @property {String} search-icon 输入框左边的图标,可以为uView图标名称或图片路径\n * @property {String} margin 组件与其他上下左右元素之间的距离,带单位的字符串形式,如\"30rpx\"\n * @property {Boolean} animation 是否开启动画,见上方说明(默认false)\n * @property {String} value 输入框初始值\n * @property {String | Number} maxlength 输入框最大能输入的长度,-1为不限制长度\n * @property {Boolean} input-style input输入框的样式,可以定义文字颜色,大小等,对象形式\n * @property {String | Number} height 输入框高度,单位rpx(默认64)\n * @event {Function} change 输入框内容发生变化时触发\n * @event {Function} search 用户确定搜索时触发,用户按回车键,或者手机键盘右下角的\"搜索\"键时触发\n * @event {Function} custom 用户点击右侧控件时触发\n * @event {Function} clear 用户点击清除按钮时触发\n * @example <u-search placeholder=\"日照香炉生紫烟\" v-model=\"keyword\"></u-search>\n */\nexport default {\n\tname: \"u-search\",\n\tprops: {\n\t\t// 搜索框形状,round-圆形,square-方形\n\t\tshape: {\n\t\t\ttype: String,\n\t\t\tdefault: 'round'\n\t\t},\n\t\t// 搜索框背景色,默认值#f2f2f2\n\t\tbgColor: {\n\t\t\ttype: String,\n\t\t\tdefault: '#f2f2f2'\n\t\t},\n\t\t// 占位提示文字\n\t\tplaceholder: {\n\t\t\ttype: String,\n\t\t\tdefault: '请输入关键字'\n\t\t},\n\t\t// 是否启用清除控件\n\t\tclearabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\t// 是否自动聚焦\n\t\tfocus: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\t// 是否在搜索框右侧显示取消按钮\n\t\tshowAction: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\t// 右边控件的样式\n\t\tactionStyle: {\n\t\t\ttype: Object,\n\t\t\tdefault() {\n\t\t\t\treturn {};\n\t\t\t}\n\t\t},\n\t\t// 取消按钮文字\n\t\tactionText: {\n\t\t\ttype: String,\n\t\t\tdefault: '搜索'\n\t\t},\n\t\t// 输入框内容对齐方式,可选值为 left|center|right\n\t\tinputAlign: {\n\t\t\ttype: String,\n\t\t\tdefault: 'left'\n\t\t},\n\t\t// 是否启用输入框\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\t// 开启showAction时,是否在input获取焦点时才显示\n\t\tanimation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\t// 边框颜色,只要配置了颜色,才会有边框\n\t\tborderColor: {\n\t\t\ttype: String,\n\t\t\tdefault: 'none'\n\t\t},\n\t\t// 输入框的初始化内容\n\t\tvalue: {\n\t\t\ttype: String,\n\t\t\tdefault: ''\n\t\t},\n\t\t// 搜索框高度,单位rpx\n\t\theight: {\n\t\t\ttype: [Number, String],\n\t\t\tdefault: 64\n\t\t},\n\t\t// input输入框的样式,可以定义文字颜色,大小等,对象形式\n\t\tinputStyle: {\n\t\t\ttype: Object,\n\t\t\tdefault() {\n\t\t\t\treturn {}\n\t\t\t}\n\t\t},\n\t\t// 输入框最大能输入的长度,-1为不限制长度(来自uniapp文档)\n\t\tmaxlength: {\n\t\t\ttype: [Number, String],\n\t\t\tdefault: '-1'\n\t\t},\n\t\t// 搜索图标的颜色,默认同输入框字体颜色\n\t\tsearchIconColor: {\n\t\t\ttype: String,\n\t\t\tdefault: ''\n\t\t},\n\t\t// 输入框字体颜色\n\t\tcolor: {\n\t\t\ttype: String,\n\t\t\tdefault: '#606266'\n\t\t},\n\t\t// placeholder的颜色\n\t\tplaceholderColor: {\n\t\t\ttype: String,\n\t\t\tdefault: '#909399'\n\t\t},\n\t\t// 组件与其他上下左右元素之间的距离,带单位的字符串形式,如\"30rpx\"\"30rpx 20rpx\"等写法\n\t\tmargin: {\n\t\t\ttype: String,\n\t\t\tdefault: '0'\n\t\t},\n\t\t// 左边输入框的图标,可以为uView图标名称或图片路径\n\t\tsearchIcon: {\n\t\t\ttype: String,\n\t\t\tdefault: 'search'\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tkeyword: '',\n\t\t\tshowClear: false, // 是否显示右边的清除图标\n\t\t\tshow: false,\n\t\t\t// 标记input当前状态是否处于聚焦中,如果是,才会显示右侧的清除控件\n\t\t\tfocused: this.focus\n\t\t\t// 绑定输入框的值\n\t\t\t// inputValue: this.value\n\t\t};\n\t},\n\twatch: {\n\t\tkeyword(nVal) {\n\t\t\t// 双向绑定值,让v-model绑定的值双向变化\n\t\t\tthis.$emit('input', nVal);\n\t\t\t// 触发change事件,事件效果和v-model双向绑定的效果一样,让用户多一个选择\n\t\t\tthis.$emit('change', nVal);\n\t\t},\n\t\tvalue: {\n\t\t\timmediate: true,\n\t\t\thandler(nVal) {\n\t\t\t\tthis.keyword = nVal;\n\t\t\t}\n\t\t}\n\t},\n\tcomputed: {\n\t\tshowActionBtn() {\n\t\t\tif (!this.animation && this.showAction) return true;\n\t\t\telse return false;\n\t\t},\n\t\t// 样式,根据用户传入的颜色值生成,如果不传入,默认为none\n\t\tborderStyle() {\n\t\t\tif (this.borderColor) return `1px solid ${this.borderColor}`;\n\t\t\telse return 'none';\n\t\t},\n\t},\n\tmethods: {\n\t\t// 目前HX2.6.9 v-model双向绑定无效,故监听input事件获取输入框内容的变化\n\t\tinputChange(e) {\n\t\t\tthis.keyword = e.detail.value;\n\t\t},\n\t\t// 清空输入\n\t\t// 也可以作为用户通过this.$refs形式调用清空输入框内容\n\t\tclear() {\n\t\t\tthis.keyword = '';\n\t\t\t// 延后发出事件,避免在父组件监听clear事件时,value为更新前的值(不为空)\n\t\t\tthis.$nextTick(() => {\n\t\t\t\tthis.$emit('clear');\n\t\t\t})\n\t\t},\n\t\t// 确定搜索\n\t\tsearch(e) {\n\t\t\tthis.$emit('search', e.detail.value);\n\t\t\ttry{\n\t\t\t\t// 收起键盘\n\t\t\t\tuni.hideKeyboard();\n\t\t\t}catch(e){}\n\t\t},\n\t\t// 点击右边自定义按钮的事件\n\t\tcustom() {\n\t\t\tthis.$emit('custom', this.keyword);\n\t\t\ttry{\n\t\t\t\t// 收起键盘\n\t\t\t\tuni.hideKeyboard();\n\t\t\t}catch(e){}\n\t\t},\n\t\t// 获取焦点\n\t\tgetFocus() {\n\t\t\tthis.focused = true;\n\t\t\t// 开启右侧搜索按钮展开的动画效果\n\t\t\tif (this.animation && this.showAction) this.show = true;\n\t\t\tthis.$emit('focus', this.keyword);\n\t\t},\n\t\t// 失去焦点\n\t\tblur() {\n\t\t\t// 最开始使用的是监听图标@touchstart事件,自从hx2.8.4后,此方法在微信小程序出错\n\t\t\t// 这里改为监听点击事件,手点击清除图标时,同时也发生了@blur事件,导致图标消失而无法点击,这里做一个延时\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.focused = false;\n\t\t\t}, 100)\n\t\t\tthis.show = false;\n\t\t\tthis.$emit('blur', this.keyword);\n\t\t},\n\t\t// 点击搜索框,只有disabled=true时才发出事件,因为禁止了输入,意味着是想跳转真正的搜索页\n\t\tclickHandler() {\n\t\t\tif(this.disabled) this.$emit('click');\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../libs/css/style.components.scss\";\n\n.u-search {\n\t@include vue-flex;\n\talign-items: center;\n\tflex: 1;\n}\n\n.u-content {\n\t@include vue-flex;\n\talign-items: center;\n\tpadding: 0 18rpx;\n\tflex: 1;\n}\n\n.u-clear-icon {\n\t@include vue-flex;\n\talign-items: center;\n}\n\n.u-input {\n\tflex: 1;\n\tfont-size: 28rpx;\n\tline-height: 1;\n\tmargin: 0 10rpx;\n\tcolor: $u-tips-color;\n}\n\n.u-close-wrap {\n\twidth: 40rpx;\n\theight: 100%;\n\t@include vue-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 50%;\n}\n\n.u-placeholder-class {\n\tcolor: $u-tips-color;\n}\n\n.u-action {\n\tfont-size: 28rpx;\n\tcolor: $u-main-color;\n\twidth: 0;\n\toverflow: hidden;\n\ttransition: all 0.3s;\n\twhite-space: nowrap;\n\ttext-align: center;\n}\n\n.u-action-active {\n\twidth: 80rpx;\n\tmargin-left: 10rpx;\n}\n</style>\n","import mod from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-search.vue?vue&type=style&index=0&id=4c556b40&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-search.vue?vue&type=style&index=0&id=4c556b40&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1700461801745\n      var cssReload = require(\"/Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}