309 lines
17 KiB
JavaScript
309 lines
17 KiB
JavaScript
"use strict";
|
|
(wx["webpackJsonp"] = wx["webpackJsonp"] || []).push([["pages/settings/index"],{
|
|
|
|
/***/ "./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/settings/index!./src/pages/settings/index.tsx":
|
|
/*!**********************************************************************************************************************!*\
|
|
!*** ./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/settings/index!./src/pages/settings/index.tsx ***!
|
|
\**********************************************************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": function() { return /* binding */ SettingsPage; }
|
|
/* harmony export */ });
|
|
/* harmony import */ var F_weixin_wordc_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
|
|
/* harmony import */ var F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var _tarojs_components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @tarojs/components */ "./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js");
|
|
/* harmony import */ var _tarojs_taro__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tarojs/taro */ "./node_modules/@tarojs/taro/index.js");
|
|
/* harmony import */ var _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tarojs_taro__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/cjs/react.production.min.js");
|
|
/* harmony import */ var _components_ThemeToggle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/ThemeToggle */ "./src/components/ThemeToggle/index.tsx");
|
|
/* harmony import */ var _context_ThemeContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../context/ThemeContext */ "./src/context/ThemeContext.tsx");
|
|
/* harmony import */ var _utils_store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/store */ "./src/utils/store.ts");
|
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/cjs/react-jsx-runtime.production.min.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var MENU = [{
|
|
label: '个人信息',
|
|
icon: '/icon/个人.png',
|
|
action: function action(s) {
|
|
return s.setShowEdit(true);
|
|
}
|
|
}, {
|
|
label: '账号管理',
|
|
icon: '/icon/账号管理.png',
|
|
action: function action() {
|
|
return _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().navigateTo({
|
|
url: '/pages/userDatabase/index'
|
|
});
|
|
}
|
|
}, {
|
|
label: '定制协议',
|
|
icon: '/icon/定制协议.png',
|
|
action: function action() {
|
|
return _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().navigateTo({
|
|
url: '/pages/agreement/index'
|
|
});
|
|
}
|
|
}, {
|
|
label: '关于我们',
|
|
icon: '/icon/关于我们.png',
|
|
action: function action() {
|
|
return _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showToast({
|
|
title: '智绘微刻 v1.0',
|
|
icon: 'none'
|
|
});
|
|
}
|
|
}];
|
|
function SettingsPage() {
|
|
var _useThemeContext = (0,_context_ThemeContext__WEBPACK_IMPORTED_MODULE_3__.useThemeContext)(),
|
|
theme = _useThemeContext.theme;
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)({}),
|
|
_useState2 = (0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__["default"])(_useState, 2),
|
|
user = _useState2[0],
|
|
setUser = _useState2[1];
|
|
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''),
|
|
_useState4 = (0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__["default"])(_useState3, 2),
|
|
editName = _useState4[0],
|
|
setEditName = _useState4[1];
|
|
var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''),
|
|
_useState6 = (0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__["default"])(_useState5, 2),
|
|
editAvatar = _useState6[0],
|
|
setEditAvatar = _useState6[1];
|
|
var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
|
|
_useState8 = (0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__["default"])(_useState7, 2),
|
|
showEdit = _useState8[0],
|
|
setShowEdit = _useState8[1];
|
|
var loadUser = function loadUser() {
|
|
var u = (0,_utils_store__WEBPACK_IMPORTED_MODULE_4__.getUserInfo)() || {};
|
|
setUser(u);
|
|
setEditName(u.nickName || '');
|
|
setEditAvatar(u.avatarUrl || '');
|
|
};
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
loadUser();
|
|
}, []);
|
|
var handleSaveInfo = function handleSaveInfo() {
|
|
(0,_utils_store__WEBPACK_IMPORTED_MODULE_4__.setUserInfo)((0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__["default"])((0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__["default"])({}, user), {}, {
|
|
nickName: editName,
|
|
avatarUrl: editAvatar
|
|
}));
|
|
_tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showToast({
|
|
title: '修改成功',
|
|
icon: 'success'
|
|
});
|
|
setShowEdit(false);
|
|
loadUser();
|
|
};
|
|
var handleLogout = function handleLogout() {
|
|
_tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showModal({
|
|
title: '确认退出',
|
|
content: '退出后将清空当前登录状态,确定吗?',
|
|
success: function success(res) {
|
|
if (res.confirm) {
|
|
(0,_utils_store__WEBPACK_IMPORTED_MODULE_4__.clearUserInfo)();
|
|
_tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().switchTab({
|
|
url: '/pages/index/index'
|
|
});
|
|
}
|
|
}
|
|
});
|
|
};
|
|
var onChooseAvatar = function onChooseAvatar(e) {
|
|
setEditAvatar(e.detail.avatarUrl || '');
|
|
};
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "theme-".concat(theme),
|
|
style: {
|
|
minHeight: '100vh'
|
|
},
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "settings-page",
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_ThemeToggle__WEBPACK_IMPORTED_MODULE_2__["default"], {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "page-header dashed-card mt-20",
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "star-badge"
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "flex-between",
|
|
style: {
|
|
width: '100%'
|
|
},
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
|
|
className: "back-btn",
|
|
onTap: function onTap() {
|
|
return _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().navigateBack();
|
|
},
|
|
children: "\u2190"
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
|
|
className: "page-title",
|
|
children: "\u8BBE\u7F6E"
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
style: {
|
|
width: '60px'
|
|
}
|
|
})]
|
|
})]
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "settings-user dashed-card mt-20",
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "flex-between",
|
|
onTap: function onTap() {
|
|
return setShowEdit(true);
|
|
},
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "flex-center",
|
|
children: [user.avatarUrl ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Image, {
|
|
className: "settings-avatar",
|
|
src: user.avatarUrl,
|
|
mode: "aspectFill"
|
|
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "settings-avatar-placeholder",
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Image, {
|
|
className: "settings-avatar-icon",
|
|
src: "/icon/\u4E2A\u4EBA.png",
|
|
mode: "aspectFit"
|
|
})
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
style: {
|
|
marginLeft: '20px'
|
|
},
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
|
|
className: "settings-name",
|
|
children: user.nickName || '未登录'
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
|
|
className: "settings-id",
|
|
children: ["ID: ", user.openid ? user.openid.slice(-8) : '---']
|
|
})]
|
|
})]
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
|
|
className: "arrow",
|
|
children: "\u203A"
|
|
})]
|
|
})
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "settings-list dashed-card mt-20",
|
|
children: MENU.map(function (item, idx) {
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "settings-item ".concat(idx < MENU.length - 1 ? 'bordered' : ''),
|
|
onTap: function onTap() {
|
|
return item.action({
|
|
setShowEdit: setShowEdit
|
|
});
|
|
},
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Image, {
|
|
className: "settings-item-icon-img",
|
|
src: item.icon,
|
|
mode: "aspectFit"
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
|
|
className: "settings-item-label",
|
|
children: item.label
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
|
|
className: "arrow",
|
|
children: "\u203A"
|
|
})]
|
|
}, idx);
|
|
})
|
|
}), (user === null || user === void 0 ? void 0 : user.openid) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "mt-20",
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "btn-outline logout-btn",
|
|
onTap: handleLogout,
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
|
|
children: "\u9000\u51FA\u767B\u5F55"
|
|
})
|
|
})
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
style: {
|
|
height: '40px'
|
|
}
|
|
}), showEdit && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "modal-overlay",
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "modal-card dashed-card",
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "star-badge"
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
|
|
className: "modal-title",
|
|
children: "\u4FEE\u6539\u4FE1\u606F"
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Button, {
|
|
className: "avatar-btn",
|
|
openType: "chooseAvatar",
|
|
onChooseAvatar: onChooseAvatar,
|
|
children: editAvatar ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Image, {
|
|
className: "avatar-img",
|
|
src: editAvatar,
|
|
mode: "aspectFill"
|
|
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Image, {
|
|
className: "avatar-placeholder-img",
|
|
src: "/icon/\u4E2A\u4EBA.png",
|
|
mode: "aspectFit"
|
|
})
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Input, {
|
|
className: "nickname-input",
|
|
placeholder: "\u8BF7\u8F93\u5165\u6635\u79F0",
|
|
value: editName,
|
|
onInput: function onInput(e) {
|
|
return setEditName(e.detail.value);
|
|
}
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "form-actions",
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "btn-outline",
|
|
onTap: function onTap() {
|
|
return setShowEdit(false);
|
|
},
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
|
|
children: "\u53D6\u6D88"
|
|
})
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
|
|
className: "btn-gradient",
|
|
onTap: handleSaveInfo,
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
|
|
children: "\u4FDD\u5B58"
|
|
})
|
|
})]
|
|
})]
|
|
})
|
|
})]
|
|
})
|
|
});
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "./src/pages/settings/index.tsx":
|
|
/*!**************************************!*\
|
|
!*** ./src/pages/settings/index.tsx ***!
|
|
\**************************************/
|
|
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony import */ var _tarojs_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tarojs/runtime */ "./node_modules/@tarojs/runtime/dist/runtime.esm.js");
|
|
/* harmony import */ var _node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_settings_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !!../../../node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/settings/index!./index.tsx */ "./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/settings/index!./src/pages/settings/index.tsx");
|
|
|
|
|
|
var config = {"navigationBarTitleText":"设置"};
|
|
|
|
|
|
var inst = Page((0,_tarojs_runtime__WEBPACK_IMPORTED_MODULE_1__.createPageConfig)(_node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_settings_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__["default"], 'pages/settings/index', {root:{cn:[]}}, config || {}))
|
|
|
|
|
|
/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_settings_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
|
|
|
|
|
/***/ })
|
|
|
|
},
|
|
/******/ 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/settings/index.tsx"); });
|
|
/******/ var __webpack_exports__ = __webpack_require__.O();
|
|
/******/ }
|
|
]);
|
|
//# sourceMappingURL=index.js.map
|