feat: 山峰导航

This commit is contained in:
eric
2022-11-13 11:00:14 +08:00
parent e61be149b8
commit c27e8ce790
15 changed files with 944 additions and 50 deletions

269
dist/pages/mountainPeak/index.js vendored Normal file
View File

@@ -0,0 +1,269 @@
"use strict";
(wx["webpackJsonp"] = wx["webpackJsonp"] || []).push([["pages/mountainPeak/index"],{
/***/ "./node_modules/@antmjs/vantui/es/sidebar-item/index.js":
/*!**************************************************************!*\
!*** ./node_modules/@antmjs/vantui/es/sidebar-item/index.js ***!
\**************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
/* unused harmony export SidebarItem */
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
/* harmony import */ var _tarojs_components__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @tarojs/components */ "./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "webpack/container/remote/react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wxs_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../wxs/utils */ "./node_modules/@antmjs/vantui/es/wxs/utils.js");
/* harmony import */ var _info_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../info/index */ "./node_modules/@antmjs/vantui/es/info/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ "webpack/container/remote/react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__);
var _excluded = ["dot", "badge", "index", "renderTitle", "setChildren", "setAction", "onClick", "onChange", "info", "title", "disabled", "className", "style"];
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function SidebarItem(props) {
var dot = props.dot,
badge = props.badge,
index = props.index,
renderTitle = props.renderTitle,
setChildren = props.setChildren,
setAction = props.setAction,
onClick = props.onClick,
onChange = props.onChange,
info = props.info,
title = props.title,
disabled = props.disabled,
className = props.className,
style = props.style,
others = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_5__["default"])(props, _excluded);
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(),
_useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__["default"])(_useState, 2),
selected = _useState2[0],
setselected = _useState2[1];
var setActive = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (selected) {
return setselected(selected);
}, []);
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
setChildren === null || setChildren === void 0 ? void 0 : setChildren(index, {
setActive: setActive,
selected: selected
});
}, [setActive, index, setChildren, selected]);
var onClick_ = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
if (disabled) return;
setAction(index).then(function () {
onChange === null || onChange === void 0 ? void 0 : onChange({
detail: index
});
onClick === null || onClick === void 0 ? void 0 : onClick(index);
});
}, [disabled, index, onChange, onClick, setAction]);
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, _objectSpread(_objectSpread({
className: _wxs_utils__WEBPACK_IMPORTED_MODULE_2__.bem('sidebar-item', {
selected: selected,
disabled: disabled
}) + ' ' + (selected ? 'active-class' : '') + ' ' + (disabled ? 'disabled-class' : '') + ' custom-class' + ' ' + className,
hoverClass: "van-sidebar-item--hover",
hoverStayTime: 70,
onClick: onClick_,
style: _wxs_utils__WEBPACK_IMPORTED_MODULE_2__.style([style])
}, others), {}, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "van-sidebar-item__text",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
children: [(badge != null || info !== null || dot) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_info_index__WEBPACK_IMPORTED_MODULE_3__["default"], {
dot: dot,
info: badge != null ? badge : info
}), title ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
children: title
}) : renderTitle]
})
})
}));
}
/* harmony default export */ __webpack_exports__["default"] = (SidebarItem);
/***/ }),
/***/ "./node_modules/@antmjs/vantui/es/sidebar/index.js":
/*!*********************************************************!*\
!*** ./node_modules/@antmjs/vantui/es/sidebar/index.js ***!
\*********************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
/* unused harmony export Sidebar */
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
/* harmony import */ var _tarojs_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @tarojs/components */ "./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "webpack/container/remote/react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wxs_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../wxs/utils */ "./node_modules/@antmjs/vantui/es/wxs/utils.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "webpack/container/remote/react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
var _excluded = ["activeKey", "onChange", "className", "children", "style"];
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function Sidebar(props) {
var activeKey = props.activeKey,
onChange = props.onChange,
className = props.className,
children = props.children,
style = props.style,
others = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4__["default"])(props, _excluded);
var childrenInstance = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)([]);
var setAction = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (activeKey) {
var childrenInstance_ = childrenInstance.current;
if (!childrenInstance_ || !childrenInstance_.length) {
return Promise.resolve();
} // setcurrentActive(activeKey)
childrenInstance_.forEach(function (item) {
item.setActive(false);
});
if (childrenInstance_[activeKey]) {
childrenInstance_[activeKey].setActive(true);
}
return Promise.resolve();
}, []);
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
setAction(activeKey);
}, [setAction, activeKey]);
var setChildren = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (index, instance) {
childrenInstance.current[index] = instance;
}, []);
var ResetChildren = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
var res = [];
if (children && Array.isArray(children)) {
children.forEach(function (child, index) {
res.push( /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.cloneElement)(child, {
key: index,
setChildren: setChildren,
index: index,
setAction: setAction,
onChange: onChange
}));
});
}
return res;
}, [children, onChange, setAction, setChildren]);
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_5__.View, _objectSpread(_objectSpread({
style: _wxs_utils__WEBPACK_IMPORTED_MODULE_2__.style([style]),
className: "van-sidebar ".concat(className)
}, others), {}, {
children: ResetChildren
}));
}
/* harmony default export */ __webpack_exports__["default"] = (Sidebar);
/***/ }),
/***/ "./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[5].use[0]!./src/pages/mountainPeak/index.tsx":
/*!***************************************************************************************************************!*\
!*** ./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[5].use[0]!./src/pages/mountainPeak/index.tsx ***!
\***************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
/* harmony import */ var _antmjs_vantui_es_sidebar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @antmjs/vantui/es/sidebar */ "./node_modules/@antmjs/vantui/es/sidebar/index.js");
/* harmony import */ var _antmjs_vantui_es_sidebar_item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antmjs/vantui/es/sidebar-item */ "./node_modules/@antmjs/vantui/es/sidebar-item/index.js");
/* harmony import */ var _tarojs_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @tarojs/components */ "./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "webpack/container/remote/react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
var mountainPeak = function mountainPeak() {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_3__.View, {
children: [" ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_antmjs_vantui_es_sidebar__WEBPACK_IMPORTED_MODULE_0__["default"], {
activeKey: 0,
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_antmjs_vantui_es_sidebar_item__WEBPACK_IMPORTED_MODULE_1__["default"], {
title: "\u68A7\u6850\u5C71"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_antmjs_vantui_es_sidebar_item__WEBPACK_IMPORTED_MODULE_1__["default"], {
title: "\u68A7\u6850\u5C71"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_antmjs_vantui_es_sidebar_item__WEBPACK_IMPORTED_MODULE_1__["default"], {
title: "\u68A7\u6850\u5C71"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_antmjs_vantui_es_sidebar_item__WEBPACK_IMPORTED_MODULE_1__["default"], {
title: "\u68A7\u6850\u5C71"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_antmjs_vantui_es_sidebar_item__WEBPACK_IMPORTED_MODULE_1__["default"], {
title: "\u68A7\u6850\u5C71"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_antmjs_vantui_es_sidebar_item__WEBPACK_IMPORTED_MODULE_1__["default"], {
title: "\u68A7\u6850\u5C71"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_antmjs_vantui_es_sidebar_item__WEBPACK_IMPORTED_MODULE_1__["default"], {
title: "\u68A7\u6850\u5C71"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_antmjs_vantui_es_sidebar_item__WEBPACK_IMPORTED_MODULE_1__["default"], {
title: "\u68A7\u6850\u5C71"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_antmjs_vantui_es_sidebar_item__WEBPACK_IMPORTED_MODULE_1__["default"], {
title: "\u6807\u7B7E\u540D"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_antmjs_vantui_es_sidebar_item__WEBPACK_IMPORTED_MODULE_1__["default"], {
title: "\u6807\u7B7E\u540D"
})]
})]
});
};
/* harmony default export */ __webpack_exports__["default"] = (mountainPeak);
/***/ }),
/***/ "./src/pages/mountainPeak/index.tsx":
/*!******************************************!*\
!*** ./src/pages/mountainPeak/index.tsx ***!
\******************************************/
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
/* harmony import */ var _tarojs_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tarojs/runtime */ "webpack/container/remote/@tarojs/runtime");
/* harmony import */ var _tarojs_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tarojs_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_babel_loader_lib_index_js_ruleSet_1_rules_5_use_0_index_tsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/babel-loader/lib/index.js??ruleSet[1].rules[5].use[0]!./index.tsx */ "./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[5].use[0]!./src/pages/mountainPeak/index.tsx");
var config = {};
var inst = Page((0,_tarojs_runtime__WEBPACK_IMPORTED_MODULE_0__.createPageConfig)(_node_modules_babel_loader_lib_index_js_ruleSet_1_rules_5_use_0_index_tsx__WEBPACK_IMPORTED_MODULE_1__["default"], 'pages/mountainPeak/index', {root:{cn:[]}}, config || {}))
/***/ })
},
/******/ function(__webpack_require__) { // webpackRuntimeModules
/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
/******/ __webpack_require__.O(0, ["taro","vendors","common"], function() { return __webpack_exec__("./src/pages/mountainPeak/index.tsx"); });
/******/ var __webpack_exports__ = __webpack_require__.O();
/******/ }
]);
//# sourceMappingURL=index.js.map