s-material-react 0.0.4

package/dist/components/Notice/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const Notice: ({ text, backgroundColor, color, fontSize, marginBottom, borderColor }: {
+    fontSize: string;
+    borderColor: string;
+    marginBottom: string;
+    color: string;
+    text: React.ReactNode;
+    backgroundColor: string;
+}) => JSX.Element | null;

package/dist/components/Notice/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useComponent } from '@brushes/qj-simulate-component';
+import { getEnv } from '@brushes/api';
+export const Notice = ({ text, backgroundColor, color, fontSize, marginBottom, borderColor }) => {
+    const flag = getEnv();
+    const { View, NoticeBar } = useComponent();
+    console.log(22, flag);
+    if (!View)
+        return null;
+    return (_jsx(_Fragment, { children: flag ? (_jsx("div", { children: "12312312" })) : (
+        // <AtNoticebar marquee icon='volume-plus'>
+        //   { text }
+        // </AtNoticebar>
+        _jsx(View, Object.assign({ style: { marginBottom } }, { children: _jsx(NoticeBar, { speed: 50, style: {
+                    '--border-color': borderColor,
+                    '--font-size': fontSize + 'px',
+                    '--background-color': backgroundColor,
+                    '--text-color': color
+                }, content: text, color: "alert" }) }))) }));
+};

package/dist/components/OrderDetail/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const OrderDetail: React.NamedExoticComponent<{}>;

package/dist/components/OrderDetail/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+import { ORDERTOPAY } from '../../static';
+import { CardJsx } from '../../common/card';
+import { Button } from 'antd-mobile';
+import { result } from '../OrderList/components/mock';
+const OrderDetailJsx = () => {
+    const { View, Text } = useComponent();
+    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", 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" }))] }))] })) }))] })));
+};
+export const OrderDetail = memo(OrderDetailJsx);

package/dist/components/OrderEntry/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const OrderEntry: React.NamedExoticComponent<{}>;

package/dist/components/OrderEntry/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+import { OBLIGATION, ORDERTOPAY, ORDERTORECEIVE, FINISH, AFTERSALE } from '../../static';
+const OrderEntryJsx = () => {
+    const { View, Text, Badge } = useComponent();
+    return (_jsxs(View, Object.assign({ className: 'orderEntry' }, { children: [_jsxs(View, Object.assign({ className: 'title' }, { children: [_jsx(View, Object.assign({ className: 'name' }, { children: "\u6211\u7684\u8BA2\u5355" })), _jsx(View, Object.assign({ className: 'more' }, { children: "\u67E5\u770B\u5168\u90E8" }))] })), _jsxs(View, Object.assign({ className: 'content' }, { children: [_jsxs(View, Object.assign({ className: 'contentItem obligation' }, { children: [_jsx(Badge, Object.assign({ content: 5, color: 'red', style: { color: '#fff', fontSize: 12 } }, { children: _jsx("img", { src: OBLIGATION, mode: 'widthFix', className: 'icon' }) })), _jsx(Text, Object.assign({ className: 'subTitle' }, { children: "\u5F85\u4ED8\u6B3E" }))] })), _jsxs(View, Object.assign({ className: 'contentItem orderToPay' }, { children: [_jsx("img", { src: ORDERTOPAY, mode: 'widthFix', className: 'icon' }), _jsx(Text, Object.assign({ className: 'subTitle' }, { children: "\u5F85\u53D1\u8D27" }))] })), _jsxs(View, Object.assign({ className: 'contentItem orderToReceive' }, { children: [_jsx("img", { src: ORDERTORECEIVE, mode: 'widthFix', className: 'icon' }), _jsx(Text, Object.assign({ className: 'subTitle' }, { children: "\u5F85\u6536\u8D27" }))] })), _jsxs(View, Object.assign({ className: 'contentItem finish' }, { children: [_jsx("img", { src: FINISH, mode: 'widthFix', className: 'icon' }), _jsx(Text, Object.assign({ className: 'subTitle' }, { children: "\u5DF2\u5B8C\u6210" }))] })), _jsxs(View, Object.assign({ className: 'contentItem afterSale' }, { children: [_jsx("img", { src: AFTERSALE, mode: 'widthFix', className: 'icon' }), _jsx(Text, Object.assign({ className: 'subTitle' }, { children: "\u9000\u6362/\u552E\u540E" }))] }))] }))] })));
+};
+export const OrderEntry = memo(OrderEntryJsx);

package/dist/components/OrderList/components/OrderListItem.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TabItemType } from '@brushes/qj-simulate-component';
+declare function OrderListItemJsx({ item }: {
+    item: TabItemType;
+}): JSX.Element;
+export declare const OrderListItem: import("react").MemoExoticComponent<typeof OrderListItemJsx>;
+export {};

package/dist/components/OrderList/components/OrderListItem.js

@@ -0,0 +1,35 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { memo, useEffect, useState } from 'react';
+import { getEnv, queryContractPageC } from '@brushes/api';
+import { useComponent, ScrollView, Loading } from '@brushes/qj-simulate-component';
+import { Item } from './orderItem';
+import { result } from './mock';
+function OrderListItemJsx({ item }) {
+    const { View } = useComponent();
+    const [loading, setLoading] = useState(false);
+    const [data, setData] = useState([]);
+    const isTaro = getEnv();
+    useEffect(() => {
+        onScroll();
+    }, []);
+    const onScroll = (e = {}) => __awaiter(this, void 0, void 0, function* () {
+        setLoading(true);
+        // console.log(17, e.detail);
+        const data = yield queryContractPageC({ page: 1, rows: 10 });
+        console.log(19, data);
+        setData((val) => [...val, ...result.rows]);
+        setLoading(false);
+    });
+    return (_jsx(View, Object.assign({ className: 'orderListItemWrap', style: { height: isTaro ? '100vh' : '667px' } }, { children: _jsx(ScrollView, Object.assign({ onScroll: onScroll, style: { height: '100vh' } }, { children: _jsxs(View, { children: [data.map((item, index) => (_createElement(Item, Object.assign({}, item, { key: index })))), loading ? _jsx(Loading, {}) : null] }) })) })));
+}
+export const OrderListItem = memo(OrderListItemJsx);