Merge branch 'dev' of codeup.aliyun.com:61c14a7efa282c88e103c23f/oak-general-business into dev
This commit is contained in:
commit
618a2a7c79
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -1,52 +1,3 @@
|
|||
@import "../../config/styles/_base.less";
|
||||
@import "../../config/styles/_mixins.less";
|
||||
|
||||
.o-message {
|
||||
width: 750rpx;
|
||||
height: 0;
|
||||
border-radius: 0rpx 0rpx 16rpx 16rpx;
|
||||
.container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
opacity: 0;
|
||||
box-shadow: 0rpx 6rpx 16rpx 0rpx rgb(217 212 191 / 50%);
|
||||
transform: translateX(-50%) translateZ(0) translateY(-100%);
|
||||
transition: all 0.4s ease-in-out;
|
||||
|
||||
&-success {
|
||||
background-color: @success-color;
|
||||
}
|
||||
|
||||
&-error {
|
||||
background-color: @error-color;
|
||||
}
|
||||
|
||||
&-warning {
|
||||
background-color: @warning-color;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
&-info {
|
||||
background-color: @primary-color;
|
||||
}
|
||||
|
||||
&-loading {
|
||||
background-color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
.o-message-show {
|
||||
transform: translateX(-50%) translateZ(0) translateY(0);
|
||||
height: 72rpx;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.o-message-image {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -4,12 +4,12 @@ var tslib_1 = require("tslib");
|
|||
var jsx_runtime_1 = require("react/jsx-runtime");
|
||||
var tdesign_icons_react_1 = require("tdesign-icons-react");
|
||||
var tdesign_mobile_react_1 = require("tdesign-mobile-react");
|
||||
var index_module_less_1 = tslib_1.__importDefault(require("./index.module.less"));
|
||||
var web_module_less_1 = tslib_1.__importDefault(require("./web.module.less"));
|
||||
function render() {
|
||||
var _this = this;
|
||||
var _a = this.state, avatar = _a.avatar, nickname = _a.nickname, isLoggedIn = _a.isLoggedIn, refreshing = _a.refreshing, mobile = _a.mobile, mobileCount = _a.mobileCount, showDrawer = _a.showDrawer, oakDirty = _a.oakDirty;
|
||||
var mobileText = mobileCount > 1 ? "".concat(mobileCount, "\u6761\u624B\u673A\u53F7") : (mobile || '未设置');
|
||||
return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: index_module_less_1.default['page-body'] }, { children: [(0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: index_module_less_1.default.userInfo }, { children: [avatar ? ((0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Avatar, { image: avatar, size: "48px" })) : ((0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Avatar, { icon: (0, jsx_runtime_1.jsx)(tdesign_icons_react_1.UserCircleIcon, {}), size: "48px" })), (0, jsx_runtime_1.jsx)("span", tslib_1.__assign({ className: "nickname" }, { children: nickname || '未设置' })), isLoggedIn ? ((0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Button, tslib_1.__assign({ theme: "primary", size: "small", disabled: refreshing, loading: refreshing, onClick: function () {
|
||||
return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: web_module_less_1.default.container }, { children: [(0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: web_module_less_1.default.userInfo }, { children: [avatar ? ((0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Avatar, { image: avatar, size: "48px" })) : ((0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Avatar, { icon: (0, jsx_runtime_1.jsx)(tdesign_icons_react_1.UserCircleIcon, {}), size: "48px" })), (0, jsx_runtime_1.jsx)("span", tslib_1.__assign({ className: "nickname" }, { children: nickname || '未设置' })), isLoggedIn ? ((0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Button, tslib_1.__assign({ theme: "primary", size: "small", disabled: refreshing, loading: refreshing, onClick: function () {
|
||||
return _this.setState({
|
||||
showDrawer: true,
|
||||
});
|
||||
|
|
|
|||
|
|
@ -0,0 +1,7 @@
|
|||
|
||||
|
||||
.userInfo {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|||
var tslib_1 = require("tslib");
|
||||
var jsx_runtime_1 = require("react/jsx-runtime");
|
||||
var tdesign_mobile_react_1 = require("tdesign-mobile-react");
|
||||
var CustomTag = tdesign_mobile_react_1.Tag;
|
||||
function render() {
|
||||
var t = this.t;
|
||||
var _a = this.state, nickname = _a.nickname, avatar = _a.avatar, name = _a.name, mobile = _a.mobile, userState = _a.userState, idState = _a.idState, stateColor = _a.stateColor, idStateColor = _a.idStateColor, mobileCount = _a.mobileCount;
|
||||
|
|
@ -17,6 +18,6 @@ function render() {
|
|||
return '未设置';
|
||||
}
|
||||
};
|
||||
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { title: "\u5934\u50CF", note: avatar ? (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Avatar, { image: avatar }) : '未设置' }), (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { title: "\u6635\u79F0", note: nickname || '未设置' }), (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { title: "\u59D3\u540D", note: name || '未设置' }), (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { title: "\u624B\u673A\u53F7", note: getMobile() }), (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { title: "\u7528\u6237\u72B6\u6001", note: (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Tag, tslib_1.__assign({ theme: stateColor[userState] }, { children: t("user:v.userState.".concat(userState)) })) }), (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { title: "\u5B9E\u540D\u9A8C\u8BC1", note: (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Tag, tslib_1.__assign({ theme: idStateColor[idState] }, { children: t("user:v.idState.".concat(idState)) })) })] }));
|
||||
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { title: "\u5934\u50CF", note: avatar ? (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Avatar, { image: avatar }) : '未设置' }), (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { title: "\u6635\u79F0", note: nickname || '未设置' }), (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { title: "\u59D3\u540D", note: name || '未设置' }), (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { title: "\u624B\u673A\u53F7", note: getMobile() }), (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { title: "\u7528\u6237\u72B6\u6001", note: (0, jsx_runtime_1.jsx)(CustomTag, tslib_1.__assign({ theme: stateColor[userState], className: "", style: {} }, { children: t("user:v.userState.".concat(userState)) })) }), (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { title: "\u5B9E\u540D\u9A8C\u8BC1", note: (0, jsx_runtime_1.jsx)(CustomTag, tslib_1.__assign({ theme: idStateColor[idState], className: "", style: {} }, { children: t("user:v.idState.".concat(idState)) })) })] }));
|
||||
}
|
||||
exports.default = render;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|||
var tslib_1 = require("tslib");
|
||||
var jsx_runtime_1 = require("react/jsx-runtime");
|
||||
var tdesign_react_1 = require("tdesign-react");
|
||||
var luxon_1 = require("luxon");
|
||||
var dayjs_1 = tslib_1.__importDefault(require("dayjs"));
|
||||
var FormItem = tdesign_react_1.Form.FormItem;
|
||||
function render() {
|
||||
var _this = this;
|
||||
|
|
@ -18,9 +18,9 @@ function render() {
|
|||
}, value: this.state.nickname }) }) })), (0, jsx_runtime_1.jsx)(FormItem, tslib_1.__assign({ label: "\u59D3\u540D", requiredMark: true }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(tdesign_react_1.Input, { onChange: function (value) {
|
||||
_this.setUpdateData('name', value);
|
||||
}, value: this.state.name }) }) })), (0, jsx_runtime_1.jsx)(FormItem, tslib_1.__assign({ label: "\u51FA\u751F\u65E5\u671F", requiredMark: true }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(tdesign_react_1.DatePicker, { allowInput: false, clearable: false, enableTimePicker: false, mode: "date", presetsPlacement: "bottom", value: this.state.birth
|
||||
? luxon_1.DateTime.fromMillis(this.state.birth).toFormat('yyyy-LL-dd')
|
||||
? (0, dayjs_1.default)(this.state.birth).format('YYYY-MM-DD')
|
||||
: '', onChange: function (value) {
|
||||
var val = luxon_1.DateTime.fromISO(value).toMillis();
|
||||
var val = (0, dayjs_1.default)(value).valueOf();
|
||||
_this.setUpdateData('birth', val);
|
||||
}, valueType: "YYYY-MM-DD" }) }) })), (0, jsx_runtime_1.jsx)(FormItem, tslib_1.__assign({ label: "\u6027\u522B", requiredMark: true }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(tdesign_react_1.Radio.Group, { options: GenderOptions, onChange: function (value) {
|
||||
_this.setUpdateData('gender', value);
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -4,13 +4,14 @@ var tslib_1 = require("tslib");
|
|||
var jsx_runtime_1 = require("react/jsx-runtime");
|
||||
var tdesign_mobile_react_1 = require("tdesign-mobile-react");
|
||||
var tdesign_icons_react_1 = require("tdesign-icons-react");
|
||||
var CustomTag = tdesign_mobile_react_1.Tag;
|
||||
function render() {
|
||||
var _this = this;
|
||||
var t = this.t;
|
||||
var event = this.props.event;
|
||||
var _a = this.state, stateColor = _a.stateColor, userArr = _a.userArr;
|
||||
return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ style: { height: '100vh' } }, { children: [userArr === null || userArr === void 0 ? void 0 : userArr.map(function (ele, index) {
|
||||
return ((0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { onClick: function () { return _this.onCellClicked(ele.id, event); }, image: (0, jsx_runtime_1.jsx)("img", { className: "avatar", src: ele.avatar }), title: ele.name || '未设置', description: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: "mobile" }, { children: ["\u624B\u673A\u53F7\uFF1A", ele.mobile || '未设置'] })), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ style: { display: 'flex' } }, { children: (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Tag, tslib_1.__assign({ theme: stateColor[ele.userState] }, { children: t("user:v.userState.".concat(ele.userState)) })) }))] }) }, index));
|
||||
return ((0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { onClick: function () { return _this.onCellClicked(ele.id, event); }, image: (0, jsx_runtime_1.jsx)("img", { className: "avatar", src: ele.avatar }), title: ele.name || '未设置', description: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: "mobile" }, { children: ["\u624B\u673A\u53F7\uFF1A", ele.mobile || '未设置'] })), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ style: { display: 'flex' } }, { children: (0, jsx_runtime_1.jsx)(CustomTag, tslib_1.__assign({ theme: stateColor[ele.userState], className: "", style: {} }, { children: t("user:v.userState.".concat(ele.userState)) })) }))] }) }, index));
|
||||
}), (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Fab, { style: {
|
||||
bottom: 50,
|
||||
right: 16,
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ var tslib_1 = require("tslib");
|
|||
var jsx_runtime_1 = require("react/jsx-runtime");
|
||||
var tdesign_mobile_react_1 = require("tdesign-mobile-react");
|
||||
var tdesign_icons_react_1 = require("tdesign-icons-react");
|
||||
var CustomTag = tdesign_mobile_react_1.Tag;
|
||||
function render() {
|
||||
var _this = this;
|
||||
var t = this.t;
|
||||
|
|
@ -13,7 +14,7 @@ function render() {
|
|||
height: '100vh',
|
||||
} }, { children: [users === null || users === void 0 ? void 0 : users.map(function (ele, index) {
|
||||
var _a;
|
||||
return ((0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { onClick: function (e) { return _this.goDetail(ele.id); }, title: ele.nickname || '未设置', image: (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Image, { src: ele.avatar, alt: "\u5934\u50CF", style: { width: 80, height: 80 } }), description: (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: "description" }, { children: [(0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: "name" }, { children: ["\u59D3\u540D: ", ele.name || '未设置'] })), (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: "mobile" }, { children: ["\u624B\u673A: ", ele.mobile || '未设置'] })), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: "relation" }, { children: (_a = ele.relations) === null || _a === void 0 ? void 0 : _a.map(function (relation, index) { return ((0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Tag, tslib_1.__assign({ variant: "outline", theme: "primary" }, { children: t("".concat(entity, ":r.").concat(relation)) }), index)); }) }))] })) }, index));
|
||||
return ((0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Cell, { onClick: function (e) { return _this.goDetail(ele.id); }, title: ele.nickname || '未设置', image: (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Image, { src: ele.avatar, alt: "\u5934\u50CF", style: { width: 80, height: 80 } }), description: (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: "description" }, { children: [(0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: "name" }, { children: ["\u59D3\u540D: ", ele.name || '未设置'] })), (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: "mobile" }, { children: ["\u624B\u673A: ", ele.mobile || '未设置'] })), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: "relation" }, { children: (_a = ele.relations) === null || _a === void 0 ? void 0 : _a.map(function (relation, index) { return ((0, jsx_runtime_1.jsx)(CustomTag, tslib_1.__assign({ variant: "outline", theme: "primary", className: "", style: {} }, { children: t("".concat(entity, ":r.").concat(relation)) }), index)); }) }))] })) }, index));
|
||||
}), (0, jsx_runtime_1.jsx)(tdesign_mobile_react_1.Fab, { buttonProps: {
|
||||
theme: 'primary',
|
||||
shape: 'circle',
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
declare const _default: string;
|
||||
declare const _default: string | JSX.Element;
|
||||
export default _default;
|
||||
|
|
|
|||
|
|
@ -4,15 +4,10 @@ var tslib_1 = require("tslib");
|
|||
var jsx_runtime_1 = require("react/jsx-runtime");
|
||||
var tdesign_react_1 = require("tdesign-react");
|
||||
var utils_1 = require("oak-frontend-base/lib/utils/utils");
|
||||
var web_module_less_1 = tslib_1.__importDefault(require("./web.module.less"));
|
||||
function render() {
|
||||
var error = this.state.error;
|
||||
return ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ style: {
|
||||
height: '100vh',
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
} }, { children: (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ style: {
|
||||
return ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: web_module_less_1.default.container }, { children: (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ style: {
|
||||
padding: 16,
|
||||
} }, { children: [(0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ style: {
|
||||
fontSize: 18,
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
"dependencies": {
|
||||
"@fingerprintjs/fingerprintjs": "^3.3.3",
|
||||
"classnames": "^2.3.1",
|
||||
"moment": "^2.29.4",
|
||||
"dayjs": "^1.11.5",
|
||||
"oak-common-aspect": "file:../oak-common-aspect",
|
||||
"oak-domain": "file:../oak-domain",
|
||||
"oak-external-sdk": "file:../oak-external-sdk",
|
||||
|
|
@ -71,4 +71,3 @@
|
|||
},
|
||||
"main": "lib/index"
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,52 +1,3 @@
|
|||
@import "../../config/styles/_base.less";
|
||||
@import "../../config/styles/_mixins.less";
|
||||
|
||||
.o-message {
|
||||
width: 750rpx;
|
||||
height: 0;
|
||||
border-radius: 0rpx 0rpx 16rpx 16rpx;
|
||||
.container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
opacity: 0;
|
||||
box-shadow: 0rpx 6rpx 16rpx 0rpx rgb(217 212 191 / 50%);
|
||||
transform: translateX(-50%) translateZ(0) translateY(-100%);
|
||||
transition: all 0.4s ease-in-out;
|
||||
|
||||
&-success {
|
||||
background-color: @success-color;
|
||||
}
|
||||
|
||||
&-error {
|
||||
background-color: @error-color;
|
||||
}
|
||||
|
||||
&-warning {
|
||||
background-color: @warning-color;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
&-info {
|
||||
background-color: @primary-color;
|
||||
}
|
||||
|
||||
&-loading {
|
||||
background-color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
.o-message-show {
|
||||
transform: translateX(-50%) translateZ(0) translateY(0);
|
||||
height: 72rpx;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.o-message-image {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,4 +1,5 @@
|
|||
import React, { Component } from 'react';
|
||||
import styles from './web.module.less';
|
||||
|
||||
export default function render() {
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
/** index.wxss **/
|
||||
@import "../../../config/styles/_base.less";
|
||||
@import "../../../config/styles/_mixins.less";
|
||||
|
||||
.page-body {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
background-color: @bg-color-fade;
|
||||
}
|
||||
|
||||
.userInfo {
|
||||
padding: @spacer-1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nickname {
|
||||
font-size: @font-size-base;
|
||||
color: @text-level-3-color;
|
||||
padding-top: @spacer-1;
|
||||
padding-bottom: @spacer-1;
|
||||
}
|
||||
|
||||
|
||||
.cell {
|
||||
background-color: #fff;
|
||||
flex: 1;
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
|
||||
|
||||
.userInfo {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
|
@ -1,13 +1,13 @@
|
|||
import React from 'react';
|
||||
import { UserCircleIcon } from 'tdesign-icons-react';
|
||||
import { Avatar, Button, Cell, CellGroup, Input, Popup } from 'tdesign-mobile-react';
|
||||
import styles from './index.module.less';
|
||||
import styles from './web.module.less';
|
||||
|
||||
export default function render(this: any) {
|
||||
const { avatar, nickname, isLoggedIn, refreshing, mobile, mobileCount, showDrawer, oakDirty } = this.state;
|
||||
const mobileText = mobileCount > 1 ? `${mobileCount}条手机号` : ( mobile || '未设置');
|
||||
return (
|
||||
<div className={styles['page-body']}>
|
||||
<div className={styles.container}>
|
||||
<div className={styles.userInfo}>
|
||||
{avatar ? (
|
||||
<Avatar image={avatar} size="48px" />
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,5 +1,15 @@
|
|||
import React, { Component } from 'react';
|
||||
import { Cell, Tag, Avatar } from 'tdesign-mobile-react';
|
||||
import { Cell, Tag, Avatar, TagProps } from 'tdesign-mobile-react';
|
||||
|
||||
type CustomTagProps = {
|
||||
children?: any;
|
||||
};
|
||||
|
||||
const CustomTag: React.MemoExoticComponent<
|
||||
React.ForwardRefExoticComponent<
|
||||
CustomTagProps & TagProps & React.RefAttributes<HTMLDivElement>
|
||||
>
|
||||
> = Tag;
|
||||
|
||||
export default function render(this: any) {
|
||||
const { t } = this;
|
||||
|
|
@ -36,24 +46,29 @@ export default function render(this: any) {
|
|||
/>
|
||||
<Cell title="昵称" note={nickname || '未设置'} />
|
||||
<Cell title="姓名" note={name || '未设置'} />
|
||||
<Cell
|
||||
title="手机号"
|
||||
note={getMobile()}
|
||||
/>
|
||||
<Cell title="手机号" note={getMobile()} />
|
||||
<Cell
|
||||
title="用户状态"
|
||||
note={
|
||||
<Tag theme={stateColor[userState]}>
|
||||
<CustomTag
|
||||
theme={stateColor[userState]}
|
||||
className=""
|
||||
style={{}}
|
||||
>
|
||||
{t(`user:v.userState.${userState}`)}
|
||||
</Tag>
|
||||
</CustomTag>
|
||||
}
|
||||
/>
|
||||
<Cell
|
||||
title="实名验证"
|
||||
note={
|
||||
<Tag theme={idStateColor[idState]}>
|
||||
<CustomTag
|
||||
theme={idStateColor[idState]}
|
||||
className=""
|
||||
style={{}}
|
||||
>
|
||||
{t(`user:v.idState.${idState}`)}
|
||||
</Tag>
|
||||
</CustomTag>
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
import React, { Component } from 'react';
|
||||
import { Button, Checkbox, Input, Form, Radio, DatePicker, Row, Col } from 'tdesign-react';
|
||||
import { DateTime } from 'luxon';
|
||||
import dayjs from 'dayjs';
|
||||
const { FormItem } = Form;
|
||||
|
||||
export default function render(this: any) {
|
||||
|
|
@ -47,14 +47,13 @@ export default function render(this: any) {
|
|||
presetsPlacement="bottom"
|
||||
value={
|
||||
this.state.birth
|
||||
? DateTime.fromMillis(
|
||||
this.state.birth
|
||||
).toFormat('yyyy-LL-dd')
|
||||
? dayjs(this.state.birth).format(
|
||||
'YYYY-MM-DD'
|
||||
)
|
||||
: ''
|
||||
}
|
||||
onChange={(value) => {
|
||||
const val =
|
||||
DateTime.fromISO(value).toMillis();
|
||||
const val = dayjs(value).valueOf();
|
||||
this.setUpdateData('birth', val);
|
||||
}}
|
||||
valueType="YYYY-MM-DD"
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,7 +1,17 @@
|
|||
import * as React from 'react';
|
||||
import { Fab, Cell, Tag } from 'tdesign-mobile-react';
|
||||
import { Fab, Cell, Tag, TagProps } from 'tdesign-mobile-react';
|
||||
import { Icon } from 'tdesign-icons-react';
|
||||
|
||||
type CustomTagProps = {
|
||||
children?: any;
|
||||
};
|
||||
|
||||
const CustomTag: React.MemoExoticComponent<
|
||||
React.ForwardRefExoticComponent<
|
||||
CustomTagProps & TagProps & React.RefAttributes<HTMLDivElement>
|
||||
>
|
||||
> = Tag;
|
||||
|
||||
export default function render(this: any) {
|
||||
const { t } = this;
|
||||
const {
|
||||
|
|
@ -24,9 +34,13 @@ export default function render(this: any) {
|
|||
{ele.mobile || '未设置'}
|
||||
</div>
|
||||
<div style={{ display: 'flex' }}>
|
||||
<Tag theme={stateColor[ele.userState]}>
|
||||
<CustomTag
|
||||
theme={stateColor[ele.userState]}
|
||||
className=""
|
||||
style={{}}
|
||||
>
|
||||
{t(`user:v.userState.${ele.userState}`)}
|
||||
</Tag>
|
||||
</CustomTag>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,7 +1,17 @@
|
|||
import * as React from 'react';
|
||||
import { Cell, Image, Tag, Fab } from 'tdesign-mobile-react';
|
||||
import { Cell, Image, Tag, Fab, TagProps } from 'tdesign-mobile-react';
|
||||
import { Icon } from 'tdesign-icons-react';
|
||||
|
||||
type CustomTagProps = {
|
||||
children?: any;
|
||||
};
|
||||
|
||||
const CustomTag: React.MemoExoticComponent<
|
||||
React.ForwardRefExoticComponent<
|
||||
CustomTagProps & TagProps & React.RefAttributes<HTMLDivElement>
|
||||
>
|
||||
> = Tag;
|
||||
|
||||
export default function render(this: any) {
|
||||
const { t } = this;
|
||||
const { entity } = this.props;
|
||||
|
|
@ -34,15 +44,19 @@ export default function render(this: any) {
|
|||
手机: {ele.mobile || '未设置'}
|
||||
</div>
|
||||
<div className="relation">
|
||||
{ele.relations?.map((relation: string, index: number) => (
|
||||
<Tag
|
||||
key={index}
|
||||
variant="outline"
|
||||
theme="primary"
|
||||
>
|
||||
{t(`${entity}:r.${relation}`)}
|
||||
</Tag>
|
||||
))}
|
||||
{ele.relations?.map(
|
||||
(relation: string, index: number) => (
|
||||
<CustomTag
|
||||
key={index}
|
||||
variant="outline"
|
||||
theme="primary"
|
||||
className=""
|
||||
style={{}}
|
||||
>
|
||||
{t(`${entity}:r.${relation}`)}
|
||||
</CustomTag>
|
||||
)
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,5 +1,6 @@
|
|||
import React, { Component } from 'react';
|
||||
import { Icon } from 'tdesign-icons-react';
|
||||
import styles from './web.module.less';
|
||||
|
||||
export default function render(this: any) {
|
||||
const { oakLoading, isExist, expired } = this.state;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: 'center';
|
||||
align-items: 'center';
|
||||
}
|
||||
|
|
@ -1,20 +1,13 @@
|
|||
import React from 'react';
|
||||
import { Button } from 'tdesign-react';
|
||||
import { isWeiXin } from 'oak-frontend-base/lib/utils/utils';
|
||||
import styles from './web.module.less';
|
||||
|
||||
export default function render(this: any) {
|
||||
const { error } = this.state;
|
||||
|
||||
return (
|
||||
<div
|
||||
style={{
|
||||
height: '100vh',
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
}}
|
||||
>
|
||||
<div className={styles.container}>
|
||||
<div
|
||||
style={{
|
||||
padding: 16,
|
||||
|
|
|
|||
|
|
@ -1,4 +1,8 @@
|
|||
import { MakeOakComponent, MakeOakPage } from 'oak-frontend-base/lib/page.mp';
|
||||
import {
|
||||
MakeOakComponent as MakeOakWebComponent,
|
||||
MakeOakPage as MakeOakWebPage,
|
||||
} from 'oak-frontend-base/lib/page.web';
|
||||
import { EntityDict } from '../general-app-domain';
|
||||
import { GeneralRuntimeContext } from '../src/RuntimeContext';
|
||||
import { aspectDict } from '../src/aspects';
|
||||
|
|
@ -8,17 +12,31 @@ import { initialize } from '../src/features';
|
|||
declare global {
|
||||
const generateNewId: (options?: { timestamp?: boolean }) => Promise<string>;
|
||||
|
||||
const OakPage: MakeOakPage<
|
||||
EntityDict,
|
||||
GeneralRuntimeContext<EntityDict>,
|
||||
typeof aspectDict,
|
||||
ReturnType<typeof initialize>
|
||||
>;
|
||||
const OakComponent: MakeOakComponent<
|
||||
EntityDict,
|
||||
GeneralRuntimeContext<EntityDict>,
|
||||
typeof aspectDict,
|
||||
ReturnType<typeof initialize>
|
||||
>;
|
||||
const OakPage:
|
||||
| MakeOakPage<
|
||||
EntityDict,
|
||||
RuntimeContext,
|
||||
typeof aspectDict,
|
||||
ReturnType<typeof initialize>['features']
|
||||
>
|
||||
| MakeOakWebPage<
|
||||
EntityDict,
|
||||
RuntimeContext,
|
||||
typeof aspectDict,
|
||||
ReturnType<typeof initialize>['features']
|
||||
>;
|
||||
const OakComponent:
|
||||
| MakeOakComponent<
|
||||
EntityDict,
|
||||
RuntimeContext,
|
||||
typeof aspectDict,
|
||||
ReturnType<typeof initialize>['features']
|
||||
>
|
||||
| MakeOakWebComponent<
|
||||
EntityDict,
|
||||
RuntimeContext,
|
||||
typeof aspectDict,
|
||||
ReturnType<typeof initialize>['features']
|
||||
>;
|
||||
}
|
||||
export {}
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
|
||||
|
||||
declare module '*.module.less' {
|
||||
const classes: {
|
||||
readonly [key: string]: string;
|
||||
};
|
||||
export default classes;
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue