s-material-react 0.1.4 → 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { memo } from 'react';
|
|
3
|
-
import { useComponent, antdMobile } from '@brushes/qj-simulate-component';
|
|
3
|
+
import { useComponent, antdMobile, navigatorImpl } from '@brushes/qj-simulate-component';
|
|
4
4
|
import { ORDERTOPAY } from '../../static';
|
|
5
5
|
import { CardJsx } from '../../common/card';
|
|
6
6
|
import { result } from '../OrderList/components/mock';
|
|
7
|
+
import { routerMap } from '../../routerMap';
|
|
7
8
|
const { Button } = antdMobile;
|
|
8
9
|
const OrderDetailJsx = () => {
|
|
9
10
|
const { View, Text } = useComponent();
|
|
10
|
-
return (_jsxs(View, Object.assign({ className: 'orderDetail' }, { children: [_jsx(View, Object.assign({ className: 'orderDetailTopTitle' }, { children: _jsxs(View, Object.assign({ className: 'orderDetailTopTitleContent' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: "\u8BA2\u5355\u8BE6\u60C5" })), _jsxs(View, Object.assign({ className: 'subTitleWrap' }, { children: [_jsx("img", { src: ORDERTOPAY, alt: "", className: 'subTitleIcon' }), _jsx(Text, Object.assign({ className: 'subTitle' }, { children: "\u5DF2\u5B8C\u6210" }))] }))] })) })), _jsx(View, Object.assign({ className: 'orderDetailContent' }, { children: _jsxs(View, Object.assign({ style: { position: 'relative', top: -26 } }, { children: [_jsxs(View, Object.assign({ className: 'addressInfo' }, { children: [_jsx(View, Object.assign({ className: 'lPart' }, { children: _jsx("img", { src: ORDERTOPAY, alt: "", className: 'icon' }) })), _jsxs(View, Object.assign({ className: 'mPart' }, { children: [_jsxs(View, Object.assign({ className: 'personInfo' }, { children: [_jsx(Text, Object.assign({ className: 'personName' }, { children: "\u674E\u660E\u771F" })), _jsx(Text, Object.assign({ className: 'personPhone' }, { children: "13679126756" }))] })), _jsx(View, Object.assign({ className: 'address' }, { children: "\u4E0A\u6D77\u5E02\u95F5\u884C\u533A\u53E4\u7F8E\u8DEF\u534E\u4E00\u65B0\u57CE18-201" }))] })), _jsx(View, Object.assign({ className: 'rPart' }, { children: _jsx("img", { src: ORDERTOPAY, alt: "", className: 'icon' }) }))] })), _jsxs(View, Object.assign({ className: 'orderDetailGoodsWrap' }, { children: [result.rows[0].goodsList.map((item) => (_jsx(CardJsx, Object.assign({}, item), item.contractGoodsId))), _jsxs(View, Object.assign({ className: 'btnGroup' }, { children: [_jsx(Button, Object.assign({ shape: "rounded", className: 'btn white' }, { children: "\u67E5\u770B\u7269\u6D41" })), _jsx(Button, Object.assign({ shape: "rounded",
|
|
11
|
+
return (_jsxs(View, Object.assign({ className: 'orderDetail' }, { children: [_jsx(View, Object.assign({ className: 'orderDetailTopTitle' }, { children: _jsxs(View, Object.assign({ className: 'orderDetailTopTitleContent' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: "\u8BA2\u5355\u8BE6\u60C5" })), _jsxs(View, Object.assign({ className: 'subTitleWrap' }, { children: [_jsx("img", { src: ORDERTOPAY, alt: "", className: 'subTitleIcon' }), _jsx(Text, Object.assign({ className: 'subTitle' }, { children: "\u5DF2\u5B8C\u6210" }))] }))] })) })), _jsx(View, Object.assign({ className: 'orderDetailContent' }, { children: _jsxs(View, Object.assign({ style: { position: 'relative', top: -26 } }, { children: [_jsxs(View, Object.assign({ className: 'addressInfo' }, { children: [_jsx(View, Object.assign({ className: 'lPart' }, { children: _jsx("img", { src: ORDERTOPAY, alt: "", className: 'icon' }) })), _jsxs(View, Object.assign({ className: 'mPart' }, { children: [_jsxs(View, Object.assign({ className: 'personInfo' }, { children: [_jsx(Text, Object.assign({ className: 'personName' }, { children: "\u674E\u660E\u771F" })), _jsx(Text, Object.assign({ className: 'personPhone' }, { children: "13679126756" }))] })), _jsx(View, Object.assign({ className: 'address' }, { children: "\u4E0A\u6D77\u5E02\u95F5\u884C\u533A\u53E4\u7F8E\u8DEF\u534E\u4E00\u65B0\u57CE18-201" }))] })), _jsx(View, Object.assign({ className: 'rPart' }, { children: _jsx("img", { src: ORDERTOPAY, alt: "", className: 'icon' }) }))] })), _jsxs(View, Object.assign({ className: 'orderDetailGoodsWrap' }, { children: [result.rows[0].goodsList.map((item) => (_jsx(CardJsx, Object.assign({}, item), item.contractGoodsId))), _jsxs(View, Object.assign({ className: 'btnGroup' }, { children: [_jsx(Button, Object.assign({ shape: "rounded", className: 'btn white' }, { children: "\u67E5\u770B\u7269\u6D41" })), _jsx(Button, Object.assign({ shape: "rounded", onClick: () => {
|
|
12
|
+
navigatorImpl(routerMap.rate);
|
|
13
|
+
}, className: 'btn black' }, { children: "\u786E\u8BA4\u6536\u8D27" }))] })), _jsxs(View, Object.assign({ className: 'priceInfo' }, { children: [_jsxs(View, Object.assign({ className: 'priceInfoFloor top' }, { children: [_jsx(View, Object.assign({ className: 'totalNum' }, { children: "\u51712\u4EF6\u5546\u54C1" })), _jsx(View, Object.assign({ className: 'totalPrice' }, { children: "\u5408\u8BA1 \uFFE51960.00" }))] })), _jsxs(View, Object.assign({ className: 'priceInfoFloor' }, { children: [_jsx(View, Object.assign({ className: 'totalNum' }, { children: "\u5546\u54C1\u603B\u989D" })), _jsx(View, Object.assign({ className: 'totalPrice' }, { children: "\u5408\u8BA1 \uFFE51960.00" }))] })), _jsxs(View, Object.assign({ className: 'priceInfoFloor' }, { children: [_jsx(View, Object.assign({ className: 'totalNum' }, { children: "\u4F18\u60E0" })), _jsx(View, Object.assign({ className: 'totalPrice' }, { children: "\u5408\u8BA1 \uFFE51960.00" }))] }))] }))] })), _jsxs(View, Object.assign({ className: 'express' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u914D\u9001\u65B9\u5F0F" })), _jsx(View, Object.assign({ className: 'name' }, { children: "\u5FEB\u9012" }))] })), _jsxs(View, Object.assign({ className: 'orderInfo' }, { children: [_jsx(View, Object.assign({ className: 'orderInfoItem' }, { children: _jsx(View, Object.assign({ className: 'label' }, { children: "\u8BA2\u5355\u4FE1\u606F" })) })), _jsxs(View, Object.assign({ className: 'orderInfoItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u4E70\u5BB6\u7559\u8A00" })), _jsx(View, Object.assign({ className: 'name' }, { children: "\u5FEB\u70B9\u53D1\u8D27\u54DF" }))] })), _jsxs(View, Object.assign({ className: 'orderInfoItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u8BA2\u5355\u7F16\u53F7" })), _jsx(View, Object.assign({ className: 'name' }, { children: "243728743824782" }))] })), _jsxs(View, Object.assign({ className: 'orderInfoItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u7CFB\u7EDF\u7F16\u53F7" })), _jsx(View, Object.assign({ className: 'name' }, { children: "243728743824782" }))] })), _jsxs(View, Object.assign({ className: 'orderInfoItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u4E0B\u5355\u65F6\u95F4" })), _jsx(View, Object.assign({ className: 'name' }, { children: "2022-10-01 10:00:00" }))] }))] })), _jsxs(View, Object.assign({ className: 'btnGroupFooter' }, { children: [_jsx(Button, Object.assign({ shape: "rounded" }, { children: "\u7533\u8BF7\u9000\u6B3E" })), _jsx(Button, Object.assign({ shape: "rounded" }, { children: "\u7533\u8BF7\u552E\u540E" }))] }))] })) }))] })));
|
|
11
14
|
};
|
|
12
15
|
export const OrderDetail = memo(OrderDetailJsx);
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { memo } from 'react';
|
|
3
|
-
import { useComponent } from '@brushes/qj-simulate-component';
|
|
3
|
+
import { navigatorImpl, useComponent } from '@brushes/qj-simulate-component';
|
|
4
4
|
import { getEnv } from '@brushes/api';
|
|
5
|
+
import { routerMap } from '../../routerMap';
|
|
5
6
|
const flag = getEnv();
|
|
6
7
|
const PlaceOrderJsx = () => {
|
|
7
8
|
const { View, Text } = useComponent();
|
|
8
9
|
return (_jsxs(View, Object.assign({ className: 'placeOrder', style: {
|
|
9
10
|
height: flag ? '100vh' : '600px'
|
|
10
|
-
} }, { children: [_jsxs(View, Object.assign({ className: 'chooseAddress' }, { children: [_jsxs(View, Object.assign({ className: 'group' }, { children: [_jsx(Text, { className: 'local' }), _jsx(Text, Object.assign({ className: 'address' }, { children: "\u9009\u62E9\u6536\u8D27\u5730\u5740" }))] })), _jsx(Text, { className: 'arrow' })] })), _jsxs(View, Object.assign({ className: 'info blcWrap' }, { children: [_jsxs(View, Object.assign({ className: 'express blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u914D\u9001\u65B9\u5F0F" })), _jsx(View, Object.assign({ className: 'value' }, { children: "\u5FEB\u9012" }))] })), _jsxs(View, Object.assign({ className: 'coupon blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u4F7F\u7528\u4F18\u60E0" })), _jsxs(View, Object.assign({ className: 'value' }, { children: ["\u53EF\u9009\u62E9\u4F7F\u7528\u4F18\u60E0\u7801/\u4F18\u60E0\u7801", _jsx(Text, { className: 'icon' })] }))] }))] })), _jsxs(View, Object.assign({ className: 'price blcWrap' }, { children: [_jsx(View, Object.assign({ className: 'title' }, { children: "\u4EF7\u683C\u660E\u7EC6" })), _jsxs(View, Object.assign({ className: 'express blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u5546\u54C1\u603B\u91D1\u989D" })), _jsx(View, Object.assign({ className: 'value' }, { children: "\uFFE5 890" }))] })), _jsxs(View, Object.assign({ className: 'coupon blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u4F18\u60E0\u91D1\u989D" })), _jsx(View, Object.assign({ className: 'value' }, { children: "\u4E0D\u4F7F\u7528\u4F18\u60E0" }))] })), _jsxs(View, Object.assign({ className: 'express blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u8FD0\u8D39" })), _jsx(View, Object.assign({ className: 'value' }, { children: "\uFFE5 9000" }))] })), _jsxs(View, Object.assign({ className: 'all blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u603B\u8BA1" })), _jsx(View, Object.assign({ className: 'value', style: { color: '#000' } }, { children: "\uFFE5 9000" }))] }))] })), _jsxs(View, Object.assign({ className: 'placeOrderFooter' }, { children: [_jsx(Text, Object.assign({ className: 'price' }, { children: "\u5408\u8BA1: \uFFE517782.00" })), _jsx(View, Object.assign({ className: 'btn' }, { children: "\
|
|
11
|
+
} }, { children: [_jsxs(View, Object.assign({ className: 'chooseAddress' }, { children: [_jsxs(View, Object.assign({ className: 'group' }, { children: [_jsx(Text, { className: 'local' }), _jsx(Text, Object.assign({ className: 'address' }, { children: "\u9009\u62E9\u6536\u8D27\u5730\u5740" }))] })), _jsx(Text, { className: 'arrow' })] })), _jsxs(View, Object.assign({ className: 'info blcWrap' }, { children: [_jsxs(View, Object.assign({ className: 'express blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u914D\u9001\u65B9\u5F0F" })), _jsx(View, Object.assign({ className: 'value' }, { children: "\u5FEB\u9012" }))] })), _jsxs(View, Object.assign({ className: 'coupon blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u4F7F\u7528\u4F18\u60E0" })), _jsxs(View, Object.assign({ className: 'value' }, { children: ["\u53EF\u9009\u62E9\u4F7F\u7528\u4F18\u60E0\u7801/\u4F18\u60E0\u7801", _jsx(Text, { className: 'icon' })] }))] }))] })), _jsxs(View, Object.assign({ className: 'price blcWrap' }, { children: [_jsx(View, Object.assign({ className: 'title' }, { children: "\u4EF7\u683C\u660E\u7EC6" })), _jsxs(View, Object.assign({ className: 'express blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u5546\u54C1\u603B\u91D1\u989D" })), _jsx(View, Object.assign({ className: 'value' }, { children: "\uFFE5 890" }))] })), _jsxs(View, Object.assign({ className: 'coupon blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u4F18\u60E0\u91D1\u989D" })), _jsx(View, Object.assign({ className: 'value' }, { children: "\u4E0D\u4F7F\u7528\u4F18\u60E0" }))] })), _jsxs(View, Object.assign({ className: 'express blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u8FD0\u8D39" })), _jsx(View, Object.assign({ className: 'value' }, { children: "\uFFE5 9000" }))] })), _jsxs(View, Object.assign({ className: 'all blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u603B\u8BA1" })), _jsx(View, Object.assign({ className: 'value', style: { color: '#000' } }, { children: "\uFFE5 9000" }))] }))] })), _jsxs(View, Object.assign({ className: 'placeOrderFooter' }, { children: [_jsx(Text, Object.assign({ className: 'price' }, { children: "\u5408\u8BA1: \uFFE517782.00" })), _jsx(View, Object.assign({ className: 'btn', onClick: () => navigatorImpl(routerMap.result) }, { children: "\u786E\u8BA4\u652F\u4ED8" }))] }))] })));
|
|
11
12
|
};
|
|
12
13
|
export const PlaceOrder = memo(PlaceOrderJsx);
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { memo } from 'react';
|
|
3
|
-
import { useComponent } from '@brushes/qj-simulate-component';
|
|
3
|
+
import { navigatorImpl, useComponent } from '@brushes/qj-simulate-component';
|
|
4
4
|
import { getEnv } from '@brushes/api';
|
|
5
|
+
import { routerMap } from '../../routerMap';
|
|
5
6
|
const flag = getEnv();
|
|
6
7
|
const PlaceOrderResultJsx = () => {
|
|
7
8
|
const { View, Text } = useComponent();
|
|
8
9
|
return (_jsx(View, Object.assign({ className: 'placeOrderResult', style: {
|
|
9
10
|
height: flag ? '100vh' : '600px'
|
|
10
|
-
} }, { children: _jsxs(View, Object.assign({ className: 'placeOrderResultContent' }, { children: [_jsx(Text, { className: 'icon' }), _jsxs(View, Object.assign({ className: 'tips' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: "\u8BA2\u5355\u652F\u4ED8\u6210\u529F" })), _jsx(Text, Object.assign({ className: 'tip' }, { children: "\u60A8\u7684\u8BA2\u5355\u5C06\u4FDD\u755915\u5206\u949F\uFF0C\u53EF\u70B9\u51FB\u4E0B\u65B9\u201C\u53BB\u652F\u4ED8\u201D\u5B8C\u6210\u8BA2\u5355" }))] })), _jsxs(View, Object.assign({ className: 'placeOrderResultWrap' }, { children: [_jsxs(View, Object.assign({ className: 'placeOrderResultItem' }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u8BA2\u5355\u53F7\uFF1A" })), _jsx(Text, Object.assign({ className: 'value' }, { children: "324324823748237" }))] })), _jsxs(View, Object.assign({ className: 'placeOrderResultItem' }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u5546\u54C1\u6570\u91CF\uFF1A" })), _jsx(Text, Object.assign({ className: 'value' }, { children: "1" }))] })), _jsxs(View, Object.assign({ className: 'placeOrderResultItem' }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u652F\u4ED8\u65B9\u5F0F\uFF1A" })), _jsx(Text, Object.assign({ className: 'value' }, { children: "\u5FAE\u4FE1\u652F\u4ED8" }))] })), _jsxs(View, Object.assign({ className: 'placeOrderResultItem' }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u652F\u4ED8\u91D1\u989D\uFF1A" })), _jsx(Text, Object.assign({ className: 'value' }, { children: "\uFFE5 9999.00" }))] }))] })), _jsxs(View, Object.assign({ className: 'btnGroup' }, { children: [_jsx(View, Object.assign({ className: 'btn black' }, { children: "\u67E5\u770B\u8BA2\u5355" })), _jsx(View, Object.assign({ className: 'btn white' }, { children: "\u7EE7\u7EED\u8D2D\u7269" }))] }))] })) })));
|
|
11
|
+
} }, { children: _jsxs(View, Object.assign({ className: 'placeOrderResultContent' }, { children: [_jsx(Text, { className: 'icon' }), _jsxs(View, Object.assign({ className: 'tips' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: "\u8BA2\u5355\u652F\u4ED8\u6210\u529F" })), _jsx(Text, Object.assign({ className: 'tip' }, { children: "\u60A8\u7684\u8BA2\u5355\u5C06\u4FDD\u755915\u5206\u949F\uFF0C\u53EF\u70B9\u51FB\u4E0B\u65B9\u201C\u53BB\u652F\u4ED8\u201D\u5B8C\u6210\u8BA2\u5355" }))] })), _jsxs(View, Object.assign({ className: 'placeOrderResultWrap' }, { children: [_jsxs(View, Object.assign({ className: 'placeOrderResultItem' }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u8BA2\u5355\u53F7\uFF1A" })), _jsx(Text, Object.assign({ className: 'value' }, { children: "324324823748237" }))] })), _jsxs(View, Object.assign({ className: 'placeOrderResultItem' }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u5546\u54C1\u6570\u91CF\uFF1A" })), _jsx(Text, Object.assign({ className: 'value' }, { children: "1" }))] })), _jsxs(View, Object.assign({ className: 'placeOrderResultItem' }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u652F\u4ED8\u65B9\u5F0F\uFF1A" })), _jsx(Text, Object.assign({ className: 'value' }, { children: "\u5FAE\u4FE1\u652F\u4ED8" }))] })), _jsxs(View, Object.assign({ className: 'placeOrderResultItem' }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u652F\u4ED8\u91D1\u989D\uFF1A" })), _jsx(Text, Object.assign({ className: 'value' }, { children: "\uFFE5 9999.00" }))] }))] })), _jsxs(View, Object.assign({ className: 'btnGroup' }, { children: [_jsx(View, Object.assign({ className: 'btn black', onClick: () => navigatorImpl(routerMap.orderDetail) }, { children: "\u67E5\u770B\u8BA2\u5355" })), _jsx(View, Object.assign({ className: 'btn white' }, { children: "\u7EE7\u7EED\u8D2D\u7269" }))] }))] })) })));
|
|
11
12
|
};
|
|
12
13
|
export const PlaceOrderResult = memo(PlaceOrderResultJsx);
|
package/dist/routerMap/index.js
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
export const routerMap = {
|
|
2
2
|
order: '/subpackage/orderlist/index',
|
|
3
|
+
orderDetail: '/subpackage/orderdetail/index',
|
|
3
4
|
goodList: '/subpackage/goodlist/index',
|
|
4
|
-
goodDetail: '/subpackage/gooddetail/index'
|
|
5
|
+
goodDetail: '/subpackage/gooddetail/index',
|
|
6
|
+
result: '/subpackage/result/index',
|
|
7
|
+
rate: '/subpackage/rate/index'
|
|
5
8
|
};
|