mp-colorui
Version:
MP ColorUI 是一款基于 Taro 框架并且联合 Color-UI CSS 库开发的多端 UI 组件库（支持小程序端和H5端）
407 lines (337 loc) • 22.6 kB
JavaScript
(wx["webpackJsonp"] = wx["webpackJsonp"] || []).push([["package/viewPackage/searchBar/index"],{
/***/ "./node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js?!./src/package/viewPackage/searchBar/index.js?taro&type=script&parse=PAGE&":
/*!*********************************************************************************************************************************************************!*\
!*** ./node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js??ref--4-0!./src/package/viewPackage/searchBar?taro&type=script&parse=PAGE& ***!
\*********************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
var _taroWeapp = __webpack_require__(/*! @tarojs/taro-weapp */ "./node_modules/@tarojs/taro-weapp/index.js");
var _taroWeapp2 = _interopRequireDefault(_taroWeapp);
var _pcaa = __webpack_require__(/*! area-data/pcaa */ "./node_modules/area-data/pcaa.js");
var _pcaa2 = _interopRequireDefault(_pcaa);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var timer = void 0;
var SearchBar = function (_Taro$Component) {
_inherits(SearchBar, _Taro$Component);
function SearchBar() {
var _ref;
var _temp, _this, _ret;
_classCallCheck(this, SearchBar);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = SearchBar.__proto__ || Object.getPrototypeOf(SearchBar)).call.apply(_ref, [this].concat(args))), _this), _this.config = {
navigationBarTitleText: "SearchBar 搜索栏"
}, _this.$usedState = ["anonymousState__temp", "$compid__1451", "$compid__1452", "$compid__1453", "$compid__1454", "$compid__1455", "$compid__1456", "$compid__1457", "$compid__1458", "$compid__1459"], _this.customComponents = ["ClLayout", "ClTitleBar", "ClSearchBar", "ClCard"], _temp), _possibleConstructorReturn(_this, _ret);
}
_createClass(SearchBar, [{
key: "_constructor",
value: function _constructor(props) {
_get(SearchBar.prototype.__proto__ || Object.getPrototypeOf(SearchBar.prototype), "_constructor", this).call(this, props);
this.$$refs = new _taroWeapp2.default.RefsArray();
}
}, {
key: "_createData",
value: function _createData() {
this.__state = arguments[0] || this.state || {};
this.__props = arguments[1] || this.props || {};
var __isRunloopRef = arguments[2];
var __prefix = this.$prefix;
;
var _genCompid = (0, _taroWeapp.genCompid)(__prefix + "$compid__1451"),
_genCompid2 = _slicedToArray(_genCompid, 2),
$prevCompid__1451 = _genCompid2[0],
$compid__1451 = _genCompid2[1];
var _genCompid3 = (0, _taroWeapp.genCompid)(__prefix + "$compid__1452"),
_genCompid4 = _slicedToArray(_genCompid3, 2),
$prevCompid__1452 = _genCompid4[0],
$compid__1452 = _genCompid4[1];
var _genCompid5 = (0, _taroWeapp.genCompid)(__prefix + "$compid__1453"),
_genCompid6 = _slicedToArray(_genCompid5, 2),
$prevCompid__1453 = _genCompid6[0],
$compid__1453 = _genCompid6[1];
var _genCompid7 = (0, _taroWeapp.genCompid)(__prefix + "$compid__1454"),
_genCompid8 = _slicedToArray(_genCompid7, 2),
$prevCompid__1454 = _genCompid8[0],
$compid__1454 = _genCompid8[1];
var _genCompid9 = (0, _taroWeapp.genCompid)(__prefix + "$compid__1455"),
_genCompid10 = _slicedToArray(_genCompid9, 2),
$prevCompid__1455 = _genCompid10[0],
$compid__1455 = _genCompid10[1];
var _genCompid11 = (0, _taroWeapp.genCompid)(__prefix + "$compid__1456"),
_genCompid12 = _slicedToArray(_genCompid11, 2),
$prevCompid__1456 = _genCompid12[0],
$compid__1456 = _genCompid12[1];
var _genCompid13 = (0, _taroWeapp.genCompid)(__prefix + "$compid__1457"),
_genCompid14 = _slicedToArray(_genCompid13, 2),
$prevCompid__1457 = _genCompid14[0],
$compid__1457 = _genCompid14[1];
var _genCompid15 = (0, _taroWeapp.genCompid)(__prefix + "$compid__1458"),
_genCompid16 = _slicedToArray(_genCompid15, 2),
$prevCompid__1458 = _genCompid16[0],
$compid__1458 = _genCompid16[1];
var _genCompid17 = (0, _taroWeapp.genCompid)(__prefix + "$compid__1459"),
_genCompid18 = _slicedToArray(_genCompid17, 2),
$prevCompid__1459 = _genCompid18[0],
$compid__1459 = _genCompid18[1];
var provinceArr = Object.entries(_pcaa2.default["86"]);
var getAreaData = function getAreaData(province, city) {
var tempProvice = province;
if (!province) {
tempProvice = {
key: provinceArr[0][0],
value: provinceArr[0][1]
};
}var cityArr = Object.entries(_pcaa2.default[tempProvice.key]);
var districtArr = Object.entries(_pcaa2.default[city ? city.key : cityArr[0][0]]);
return {
province: provinceArr,
city: cityArr,
district: districtArr
};
};
var _useState = (0, _taroWeapp.useState)(provinceArr.map(function (item) {
return {
title: item[1] + "(" + item[0] + ")",
desc: getAreaData({
key: item[0],
value: item[1]
}).district.join("|")
};
})),
_useState2 = _slicedToArray(_useState, 2),
result = _useState2[0],
setResult = _useState2[1];
var _useState3 = (0, _taroWeapp.useState)([]),
_useState4 = _slicedToArray(_useState3, 2),
filterResult = _useState4[0],
setFilterResult = _useState4[1];
var _useState5 = (0, _taroWeapp.useState)(false),
_useState6 = _slicedToArray(_useState5, 2),
showLoading = _useState6[0],
setShowLoading = _useState6[1];
var onSearch = function onSearch(value) {
_taroWeapp2.default.showToast({
title: "\u60A8\u8981\u641C\u7D22" + value,
icon: "none"
});
};
this.anonymousFunc0 = function (index) {
_taroWeapp2.default.showToast({
title: "\u60A8\u70B9\u51FB\u4E86" + filterResult[index].title + "\u7701",
icon: "none"
});
};
this.anonymousFunc1 = function (value) {
setShowLoading(true);
if (timer) {
clearTimeout(timer);
}if (value === "") {
clearTimeout(timer);
setTimeout(function () {
setShowLoading(false);
setFilterResult([]);
});
return;
}
timer = setTimeout(function () {
setShowLoading(false);
setFilterResult(result.filter(function (item) {
return item.title.includes(value) || item.desc.includes(value);
}));
}, 1000);
};
this.anonymousFunc2 = function (value) {
onSearch(value);
};
this.anonymousFunc3 = function (value) {
onSearch(value);
};
this.anonymousFunc4 = function (value) {
onSearch(value);
};
var anonymousState__temp = ["emoji"];
this.anonymousFunc5 = function (index) {
_taroWeapp2.default.showToast({
title: "\u60A8\u70B9\u51FB\u4E86\u7B2C" + (index + 1) + "\u4E2A\u56FE\u6807",
icon: "none"
});
};
this.anonymousFunc6 = function (value) {
onSearch(value);
};
_taroWeapp.propsManager.set({
"title": "\u641C\u7D22\u7ED3\u679C&\u5F02\u6B65 loading",
"textColor": "black",
"type": "icon"
}, $compid__1451, $prevCompid__1451);
_taroWeapp.propsManager.set({
"shape": "radius",
"bgColor": "gradualBlue",
"showLoading": showLoading,
"placeholder": "\u8BF7\u8F93\u5165\u7701\u4EFD\u6216\u7F16\u7801",
"searchType": "none",
"onTouchResult": this.anonymousFunc0,
"onInput": this.anonymousFunc1,
"showResult": true,
"result": filterResult
}, $compid__1452, $prevCompid__1452);
_taroWeapp.propsManager.set({
"title": "\u5F62\u72B6&\u80CC\u666F\u8272",
"textColor": "black",
"type": "icon",
"subTitle": "shape&bgColor",
"subTitleColor": "shadow"
}, $compid__1453, $prevCompid__1453);
_taroWeapp.propsManager.set({
"shape": "radius",
"bgColor": "grey",
"onSearch": this.anonymousFunc2
}, $compid__1454, $prevCompid__1454);
_taroWeapp.propsManager.set({
"shape": "round",
"bgColor": "light-blue",
"onSearch": this.anonymousFunc3
}, $compid__1455, $prevCompid__1455);
_taroWeapp.propsManager.set({
"title": "\u5360\u4F4D\u7B26",
"textColor": "black",
"type": "icon",
"subTitle": "placeholder",
"subTitleColor": "shadow"
}, $compid__1456, $prevCompid__1456);
_taroWeapp.propsManager.set({
"shape": "round",
"placeholder": "\u8BF7\u8F93\u5165\u4F60\u60F3\u8F93\u5165\u7684\u5185\u5BB9",
"onSearch": this.anonymousFunc4
}, $compid__1457, $prevCompid__1457);
_taroWeapp.propsManager.set({
"title": "\u529F\u80FD\u7EC4&\u6309\u94AE\u989C\u8272",
"textColor": "black",
"type": "icon",
"subTitle": "leftIcons&rightButtonColor",
"subTitleColor": "shadow"
}, $compid__1458, $prevCompid__1458);
_taroWeapp.propsManager.set({
"shape": "round",
"rightButtonColor": "black",
"rightTextColor": "white",
"placeholder": "\u8BF7\u8F93\u5165\u4F60\u60F3\u8F93\u5165\u7684\u5185\u5BB9",
"leftIcons": anonymousState__temp,
"onIconClick": this.anonymousFunc5,
"onSearch": this.anonymousFunc6
}, $compid__1459, $prevCompid__1459);
Object.assign(this.__state, {
anonymousState__temp: anonymousState__temp,
$compid__1451: $compid__1451,
$compid__1452: $compid__1452,
$compid__1453: $compid__1453,
$compid__1454: $compid__1454,
$compid__1455: $compid__1455,
$compid__1456: $compid__1456,
$compid__1457: $compid__1457,
$compid__1458: $compid__1458,
$compid__1459: $compid__1459
});
return this.__state;
}
}, {
key: "anonymousFunc0",
value: function anonymousFunc0(e) {
;
}
}, {
key: "anonymousFunc1",
value: function anonymousFunc1(e) {
;
}
}, {
key: "anonymousFunc2",
value: function anonymousFunc2(e) {
;
}
}, {
key: "anonymousFunc3",
value: function anonymousFunc3(e) {
;
}
}, {
key: "anonymousFunc4",
value: function anonymousFunc4(e) {
;
}
}, {
key: "anonymousFunc5",
value: function anonymousFunc5(e) {
;
}
}, {
key: "anonymousFunc6",
value: function anonymousFunc6(e) {
;
}
}]);
return SearchBar;
}(_taroWeapp2.default.Component);
SearchBar.$$events = [];
SearchBar.$$componentPath = "package/viewPackage/searchBar/index";
SearchBar.config = { navigationBarTitleText: "SearchBar 搜索栏" };
exports.default = SearchBar;
Component(__webpack_require__(/*! @tarojs/taro-weapp */ "./node_modules/@tarojs/taro-weapp/index.js").default.createComponent(SearchBar, true));
/***/ }),
/***/ "./node_modules/file-loader/dist/cjs.js?name=[path][name].wxml&context=/Users/jinbai/Documents/develop/github/mp-colorui-old/mp-colorui/src!./node_modules/@tarojs/mini-runner/dist/loaders/miniTemplateLoader.js!./node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js?!./src/package/viewPackage/searchBar/index.js?taro&type=template&parse=PAGE&":
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/file-loader/dist/cjs.js?name=[path][name].wxml&context=/Users/jinbai/Documents/develop/github/mp-colorui-old/mp-colorui/src!./node_modules/@tarojs/mini-runner/dist/loaders/miniTemplateLoader.js!./node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js??ref--4-0!./src/package/viewPackage/searchBar?taro&type=template&parse=PAGE& ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__.p + "package/viewPackage/searchBar/index.wxml";
/***/ }),
/***/ "./src/package/viewPackage/searchBar/index.js":
/*!****************************************************!*\
!*** ./src/package/viewPackage/searchBar/index.js ***!
\****************************************************/
/*! no static exports found */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _index_js_taro_type_template_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! .?taro&type=template&parse=PAGE& */ "./src/package/viewPackage/searchBar/index.js?taro&type=template&parse=PAGE&");
/* harmony import */ var _index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! .?taro&type=script&parse=PAGE& */ "./src/package/viewPackage/searchBar/index.js?taro&type=script&parse=PAGE&");
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));
/***/ }),
/***/ "./src/package/viewPackage/searchBar/index.js?taro&type=script&parse=PAGE&":
/*!************************************************************************!*\
!*** ./src/package/viewPackage/searchBar?taro&type=script&parse=PAGE& ***!
\************************************************************************/
/*! no static exports found */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js??ref--4-0!.?taro&type=script&parse=PAGE& */ "./node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js?!./src/package/viewPackage/searchBar/index.js?taro&type=script&parse=PAGE&");
/* harmony import */ var _node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
/* harmony default export */ __webpack_exports__["default"] = (_node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_0___default.a);
/***/ }),
/***/ "./src/package/viewPackage/searchBar/index.js?taro&type=template&parse=PAGE&":
/*!**************************************************************************!*\
!*** ./src/package/viewPackage/searchBar?taro&type=template&parse=PAGE& ***!
\**************************************************************************/
/*! no static exports found */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_file_loader_dist_cjs_js_name_path_name_wxml_context_Users_jinbai_Documents_develop_github_mp_colorui_old_mp_colorui_src_node_modules_tarojs_mini_runner_dist_loaders_miniTemplateLoader_js_node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_template_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/file-loader/dist/cjs.js?name=[path][name].wxml&context=/Users/jinbai/Documents/develop/github/mp-colorui-old/mp-colorui/src!../../../../node_modules/@tarojs/mini-runner/dist/loaders/miniTemplateLoader.js!../../../../node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js??ref--4-0!.?taro&type=template&parse=PAGE& */ "./node_modules/file-loader/dist/cjs.js?name=[path][name].wxml&context=/Users/jinbai/Documents/develop/github/mp-colorui-old/mp-colorui/src!./node_modules/@tarojs/mini-runner/dist/loaders/miniTemplateLoader.js!./node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js?!./src/package/viewPackage/searchBar/index.js?taro&type=template&parse=PAGE&");
/* harmony import */ var _node_modules_file_loader_dist_cjs_js_name_path_name_wxml_context_Users_jinbai_Documents_develop_github_mp_colorui_old_mp_colorui_src_node_modules_tarojs_mini_runner_dist_loaders_miniTemplateLoader_js_node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_template_parse_PAGE___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_file_loader_dist_cjs_js_name_path_name_wxml_context_Users_jinbai_Documents_develop_github_mp_colorui_old_mp_colorui_src_node_modules_tarojs_mini_runner_dist_loaders_miniTemplateLoader_js_node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_template_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_file_loader_dist_cjs_js_name_path_name_wxml_context_Users_jinbai_Documents_develop_github_mp_colorui_old_mp_colorui_src_node_modules_tarojs_mini_runner_dist_loaders_miniTemplateLoader_js_node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_template_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_file_loader_dist_cjs_js_name_path_name_wxml_context_Users_jinbai_Documents_develop_github_mp_colorui_old_mp_colorui_src_node_modules_tarojs_mini_runner_dist_loaders_miniTemplateLoader_js_node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_template_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
/***/ })
},[["./src/package/viewPackage/searchBar/index.js","runtime","taro","vendors"]]]);