s-search-block.js 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. "use strict";
  2. const common_vendor = require("../../../common/vendor.js");
  3. const sheep_index = require("../../index.js");
  4. require("../../url/index.js");
  5. require("../../store/index.js");
  6. require("../../store/app.js");
  7. require("../../api/promotion/diy.js");
  8. require("../../request/index.js");
  9. require("../../config/index.js");
  10. require("../../platform/index.js");
  11. require("../../platform/provider/wechat/index.js");
  12. require("../../platform/provider/wechat/miniProgram.js");
  13. require("../../api/member/auth.js");
  14. require("../../api/member/social.js");
  15. require("../../api/member/user.js");
  16. require("../../platform/provider/apple/index.js");
  17. require("../../platform/share.js");
  18. require("../../router/index.js");
  19. require("../../hooks/useModal.js");
  20. require("../../helper/index.js");
  21. require("../../helper/test.js");
  22. require("../../helper/digit.js");
  23. require("../../helper/throttle.js");
  24. require("../../platform/pay.js");
  25. require("../../api/pay/order.js");
  26. require("../../store/user.js");
  27. require("../../store/cart.js");
  28. require("../../api/trade/cart.js");
  29. require("../../api/pay/wallet.js");
  30. require("../../api/trade/order.js");
  31. require("../../api/promotion/coupon.js");
  32. require("../../store/sys.js");
  33. require("../../store/modal.js");
  34. require("../../config/zIndex.js");
  35. if (!Array) {
  36. const _easycom_uni_search_bar2 = common_vendor.resolveComponent("uni-search-bar");
  37. _easycom_uni_search_bar2();
  38. }
  39. const _easycom_uni_search_bar = () => "../../../uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar.js";
  40. if (!Math) {
  41. _easycom_uni_search_bar();
  42. }
  43. const _sfc_main = {
  44. __name: "s-search-block",
  45. props: {
  46. data: {
  47. type: Object,
  48. default: () => ({})
  49. },
  50. // 输入框背景色
  51. elBackground: {
  52. type: String,
  53. default: ""
  54. },
  55. height: {
  56. type: Number,
  57. default: 36
  58. },
  59. // 图标颜色
  60. iconColor: {
  61. type: String,
  62. default: "#b0b3bf"
  63. },
  64. // 字体颜色
  65. fontColor: {
  66. type: String,
  67. default: "#b0b3bf"
  68. },
  69. // placeholder
  70. placeholder: {
  71. type: String,
  72. default: "这是一个搜索框"
  73. },
  74. radius: {
  75. type: Number,
  76. default: 10
  77. },
  78. width: {
  79. type: String,
  80. default: "100%"
  81. },
  82. navbar: {
  83. type: Boolean,
  84. default: true
  85. }
  86. },
  87. emits: ["click"],
  88. setup(__props, { emit: emits }) {
  89. const props = __props;
  90. const state = common_vendor.reactive({
  91. searchVal: ""
  92. });
  93. const click = () => {
  94. emits("click");
  95. };
  96. function onSearch(e) {
  97. if (e.value) {
  98. sheep_index.sheep.$router.go("/pages/goods/list", { keyword: e.value });
  99. setTimeout(() => {
  100. state.searchVal = "";
  101. }, 100);
  102. }
  103. }
  104. return (_ctx, _cache) => {
  105. return common_vendor.e({
  106. a: __props.navbar
  107. }, __props.navbar ? {
  108. b: common_vendor.s({
  109. color: props.iconColor
  110. }),
  111. c: common_vendor.t(__props.placeholder),
  112. d: common_vendor.s({
  113. color: __props.fontColor,
  114. width: __props.width
  115. })
  116. } : {}, {
  117. e: !__props.navbar
  118. }, !__props.navbar ? {
  119. f: common_vendor.o(onSearch),
  120. g: common_vendor.o(($event) => state.searchVal = $event),
  121. h: common_vendor.p({
  122. radius: __props.data.borderRadius,
  123. placeholder: __props.data.placeholder,
  124. cancelButton: "none",
  125. clearButton: "none",
  126. modelValue: state.searchVal
  127. })
  128. } : {}, {
  129. i: common_vendor.f(__props.data.hotKeywords, (item, index, i0) => {
  130. return {
  131. a: common_vendor.t(item),
  132. b: common_vendor.o(($event) => common_vendor.unref(sheep_index.sheep).$router.go("/pages/goods/list", {
  133. keyword: item
  134. }), index),
  135. c: index
  136. };
  137. }),
  138. j: common_vendor.s({
  139. color: __props.data.textColor
  140. }),
  141. k: __props.data.hotKeywords && __props.data.hotKeywords.length && __props.navbar
  142. }, __props.data.hotKeywords && __props.data.hotKeywords.length && __props.navbar ? {
  143. l: common_vendor.f(__props.data.hotKeywords, (item, index, i0) => {
  144. return {
  145. a: common_vendor.t(item),
  146. b: index
  147. };
  148. }),
  149. m: common_vendor.s({
  150. color: __props.data.textColor,
  151. marginRight: "10rpx"
  152. })
  153. } : {}, {
  154. n: common_vendor.o(click),
  155. o: common_vendor.s({
  156. borderRadius: __props.radius + "px",
  157. background: __props.elBackground,
  158. height: __props.height + "px",
  159. width: __props.width
  160. }),
  161. p: common_vendor.n({
  162. "border-content": __props.navbar
  163. })
  164. });
  165. };
  166. }
  167. };
  168. const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-1f3fe5bf"], ["__file", "/Users/RuHu.Xu/Desktop/mall-newfeifan-zx-app/sheep/components/s-search-block/s-search-block.vue"]]);
  169. wx.createComponent(Component);