s-material-react 0.1.0 → 0.1.2

package/dist/components/AddressDetail/index.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useRef, useState } from 'react';
+import { useComponent, antdMobile } from '@brushes/qj-simulate-component';
+// @ts-ignore
+// import {options} from './option'
+import options from './option';
+const { Form, Input, Radio, Button, Cascader } = antdMobile;
+const AddressDetailJsx = () => {
+    const [form] = Form.useForm();
+    const { View } = useComponent();
+    const [visible, setVisible] = useState(false);
+    const [value, setValue] = useState([]);
+    const checkMobile = (_, value) => {
+        return new Promise((resolve, reject) => {
+            if (!/^1[3456789]\d{9}$/.test(value) && value) {
+                reject('请输入正确手机号');
+            }
+            else {
+                resolve('');
+            }
+        });
+    };
+    const config = useRef([
+        {
+            type: 'input',
+            props: {
+                onlyShowClearWhenFocus: true,
+                placeholder: '请填写收货人姓名'
+            },
+            label: '收货人',
+            name: 'name',
+            rules: [{ required: true, message: '收货人姓名不能为空' }]
+        },
+        {
+            type: 'input',
+            props: {
+                type: 'number',
+                onlyShowClearWhenFocus: true,
+                placeholder: '请填写收货人手机号码'
+            },
+            label: '手机号码',
+            name: 'phone',
+            rules: [{ required: true, message: '收货人手机号码不能为空' }, { validator: checkMobile }]
+        },
+        {
+            type: 'cascader',
+            props: {
+                options
+            },
+            label: '所在地区',
+            name: 'area'
+            // rules: [{required: true, message: '收货人所在地区不能为空'}]
+        },
+        {
+            type: 'input',
+            props: {
+                onlyShowClearWhenFocus: true,
+                placeholder: '街道/楼牌号等'
+            },
+            label: '详细地址',
+            name: 'address',
+            rules: [{ required: true, message: '收货人详细地址不能为空' }]
+        },
+        {
+            type: 'input',
+            props: {
+                type: 'number',
+                onlyShowClearWhenFocus: true,
+                placeholder: '请填写邮政编码'
+            },
+            label: '邮政编码',
+            name: 'zipCode'
+        },
+        {
+            type: 'radio',
+            props: {
+                value: 1
+            },
+            label: '设置默认地址',
+            name: 'default'
+        }
+    ]);
+    const handle = (a) => {
+        console.log(88, a);
+    };
+    const onValuesChange = (a) => {
+        console.log(91, a);
+    };
+    return (_jsx(View, Object.assign({ className: 'addressDetail' }, { children: _jsx(Form, Object.assign({ form: form, layout: "horizontal", mode: "card", onValuesChange: onValuesChange, onFinish: handle, footer: _jsx(Button, Object.assign({ block: true, type: "submit", color: "primary", size: "large" }, { children: "\u63D0\u4EA4" })) }, { children: config.current.map((item, index) => {
+                return (_jsx(Form.Item, Object.assign({ label: item.label, name: item.name, rules: item.rules, trigger: item.type === 'cascader' ? 'onConfirm' : 'onChange', onClick: (a, b) => {
+                        if (item.type === 'cascader') {
+                            setVisible(true);
+                        }
+                    } }, { children: (() => {
+                        if (item.type === 'input') {
+                            return _jsx(Input, Object.assign({}, item.props));
+                        }
+                        else if (item.type === 'radio') {
+                            return _jsx(Radio, Object.assign({}, item.props));
+                        }
+                        else if (item.type === 'cascader') {
+                            return (_jsx(_Fragment, { children: _jsx(Cascader, Object.assign({ options: item.props.options, visible: visible, value: value, onConfirm: (value) => {
+                                        form.setFields([{ name: 'area', value }]);
+                                        setValue(value);
+                                    }, onClose: () => {
+                                        setVisible(false);
+                                    } }, { children: (items) => {
+                                        if (items.every((item) => item === null)) {
+                                            return '';
+                                        }
+                                        else {
+                                            return items.map((item) => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.label) !== null && _a !== void 0 ? _a : ''; }).join('-');
+                                        }
+                                    } })) }));
+                        }
+                    })() }), index));
+            }) })) })));
+};
+export const AddressDetail = memo(AddressDetailJsx);

package/dist/components/AddressDetail/option.d.ts

@@ -0,0 +1,2 @@
+declare const options: any;
+export default options;

package/dist/components/AddressDetail/option.js

@@ -0,0 +1,32 @@
+import provinces from 'china-division/dist/provinces.json';
+import cities from 'china-division/dist/cities.json';
+import areas from 'china-division/dist/areas.json';
+areas.forEach((area) => {
+    const matchCity = cities.filter((city) => city.code === area.cityCode)[0];
+    if (matchCity) {
+        matchCity.children = matchCity.children || [];
+        matchCity.children.push({
+            label: area.name,
+            value: area.code
+        });
+    }
+});
+cities.forEach((city) => {
+    const matchProvince = provinces.filter((province) => province.code === city.provinceCode)[0];
+    if (matchProvince) {
+        matchProvince.children = matchProvince.children || [];
+        matchProvince.children.push({
+            label: city.name,
+            value: city.code,
+            children: city.children
+        });
+    }
+});
+const options = provinces.map((province) => {
+    return {
+        label: province.name,
+        value: province.code,
+        children: province.children
+    };
+});
+export default options;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AddressList: import("react").MemoExoticComponent<() => JSX.Element>;

package/dist/components/AddressList/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useComponent, antdMobile } from '@brushes/qj-simulate-component';
+import { getEnv } from '@brushes/api';
+import { addressListFake } from '../../common/mock';
+import { AddressItem } from '../../common/addressItem';
+const { Radio } = antdMobile;
+const AddressListJsx = () => {
+    const { View } = useComponent();
+    const flag = getEnv();
+    return (_jsxs(View, Object.assign({ className: 'addressList', style: {
+            height: flag ? '100vh' : '600px'
+        } }, { children: [_jsx(Radio.Group, Object.assign({ defaultValue: 1 }, { children: addressListFake.map((item) => (_jsx(AddressItem, { itemData: item }, item.id))) })), _jsx(View, Object.assign({ className: 'addBtnWrap' }, { children: _jsx(View, Object.assign({ className: 'addBtn' }, { children: "+ \u65B0\u589E\u5730\u5740" })) }))] })));
+};
+export const AddressList = memo(AddressListJsx);

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Cart: import("react").MemoExoticComponent<() => JSX.Element>;

package/dist/components/Cart/index.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+import { Button, Checkbox, Radio } from 'antd-mobile';
+import { StepNum } from '../../common/stepNum';
+import { getEnv } from '@brushes/api';
+const imgUrl = 'https://img14.360buyimg.com/n1/s450x450_jfs/t1/177530/39/29764/47605/6370a433E997313e3/08d21e654aa6b02a.jpg';
+const flag = getEnv();
+const CartJsx = () => {
+    const [editState, setEditState] = useState(true);
+    const { View, Text } = useComponent();
+    const [num, setNum] = useState(1);
+    return (_jsxs(View, Object.assign({ className: 'cart', style: {
+            height: flag ? '100vh' : '600px'
+        } }, { children: [_jsx(View, Object.assign({ className: 'edit' }, { children: _jsx(Button, Object.assign({ className: 'btn', fill: "none", style: {
+                        '--text-color': '#333333'
+                    }, onClick: () => setEditState(!editState) }, { children: editState ? '编辑' : '完成' })) })), _jsx(View, Object.assign({ className: 'itemGroup' }, { children: _jsx(Checkbox.Group, { children: _jsxs(View, Object.assign({ className: 'cartItem' }, { children: [_jsx(Checkbox, { style: {
+                                    '--icon-size': '16px',
+                                    '--font-size': '14px',
+                                    '--gap': '6px'
+                                } }), _jsx("img", { className: 'img', src: imgUrl }), _jsxs(View, Object.assign({ className: 'info' }, { children: [_jsx(Text, Object.assign({ className: 'goodsName' }, { children: "VERSO HYDRATION SERUMVERSO HYDRATION SERUM" })), _jsx(View, Object.assign({ className: 'size' }, { children: "\u89C4\u683C\uFF1A30ml" })), _jsxs(View, Object.assign({ className: 'handleWrap' }, { children: [_jsx(Text, Object.assign({ className: 'price' }, { children: "\uFFE5809" })), _jsx(StepNum, { num: num, onChange: (val) => {
+                                                    setNum(val);
+                                                } })] }))] }))] })) }) })), _jsxs(View, Object.assign({ className: 'dashboard' }, { children: [_jsx(View, Object.assign({ className: 'choose' }, { children: _jsx(Radio, Object.assign({ style: {
+                                '--icon-size': '18px',
+                                '--font-size': '14px',
+                                '--gap': '6px'
+                            } }, { children: "\u5168\u9009" })) })), editState ? (_jsxs(View, Object.assign({ className: 'check' }, { children: [_jsxs(View, Object.assign({ className: 'priceGroup' }, { children: [_jsxs(View, Object.assign({ className: 'discount' }, { children: ["\u4F18\u60E0: ", _jsx(Text, Object.assign({ className: 'data' }, { children: "\uFFE5 0.00" }))] })), _jsxs(View, Object.assign({ className: 'all' }, { children: ["\u5408\u8BA1: ", _jsx(Text, Object.assign({ className: 'data' }, { children: "\uFFE5 9999.99" }))] }))] })), _jsx(View, Object.assign({ className: 'btn' }, { children: "\u7ED3\u7B97(10)" }))] }))) : (_jsx(View, Object.assign({ className: 'del' }, { children: _jsx(View, Object.assign({ className: 'btn' }, { children: "\u5220\u9664" })) })))] }))] })));
+};
+export const Cart = memo(CartJsx);

package/dist/components/Cart/useNumStep.d.ts

@@ -0,0 +1 @@
+export declare function useNumStep(): void;

package/dist/components/Cart/useNumStep.js

@@ -0,0 +1,7 @@
+import { useState } from 'react';
+export function useNumStep() {
+    const [num, setNum] = useState(1);
+    const onChagne = (value) => {
+        setNum(value);
+    };
+}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const CouponList: import("react").MemoExoticComponent<() => JSX.Element>;

package/dist/components/CouponList/index.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef, useState } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+import { getEnv } from '@brushes/api';
+const CouponListJsx = () => {
+    const { View, Text } = useComponent();
+    const [coe, setCoe] = useState(1);
+    const flag = getEnv();
+    const config = useRef([
+        {
+            id: 1,
+            label: '未使用'
+        },
+        {
+            id: 2,
+            label: '已使用'
+        },
+        {
+            id: 3,
+            label: '已失效'
+        }
+    ]);
+    return (_jsxs(View, Object.assign({ className: 'couponList', style: {
+            height: flag ? '100vh' : '600px'
+        } }, { children: [_jsx(View, Object.assign({ className: 'couponTab' }, { children: config.current.map((item) => {
+                    return (_jsxs(View, Object.assign({ className: `couponTabItem ${coe === item.id ? 'active' : ''}`, onClick: () => setCoe(item.id) }, { children: [item.label, _jsx(Text, { className: 'icon' })] }), item.id));
+                }) })), _jsxs(View, Object.assign({ className: 'couponListContent' }, { children: [_jsx(View, Object.assign({ className: 'couponListItem unused' }, { children: _jsxs(View, Object.assign({ className: 'coupon-content' }, { children: [_jsxs(View, Object.assign({ className: 'price' }, { children: [_jsx(Text, Object.assign({ className: 'symbol' }, { children: "\uFFE5" })), _jsx(Text, Object.assign({ className: 'num' }, { children: "123" }))] })), _jsxs(View, Object.assign({ className: 'info' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: "\u6574\u5355\u7ACB\u51CF10\u5143 \u6EE1199\u53EF\u7528" })), _jsx(Text, Object.assign({ className: 'date' }, { children: "\u6709\u6548\u671F\u81F3\uFF1A2022-10-01" })), _jsx(View, Object.assign({ className: 'btn' }, { children: "\u5DF2\u4F7F\u7528" }))] }))] })) })), _jsx(View, Object.assign({ className: 'couponListItem used' }, { children: _jsxs(View, Object.assign({ className: 'coupon-content' }, { children: [_jsxs(View, Object.assign({ className: 'price' }, { children: [_jsx(Text, Object.assign({ className: 'symbol' }, { children: "\uFFE5" })), _jsx(Text, Object.assign({ className: 'num' }, { children: "123" }))] })), _jsxs(View, Object.assign({ className: 'info' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: "\u6574\u5355\u7ACB\u51CF10\u5143 \u6EE1199\u53EF\u7528" })), _jsx(Text, Object.assign({ className: 'date' }, { children: "\u6709\u6548\u671F\u81F3\uFF1A2022-10-01" })), _jsx(View, Object.assign({ className: 'btn' }, { children: "\u5DF2\u4F7F\u7528" }))] }))] })) })), _jsx(View, Object.assign({ className: 'couponListItem overdue' }, { children: _jsxs(View, Object.assign({ className: 'coupon-content' }, { children: [_jsxs(View, Object.assign({ className: 'price' }, { children: [_jsx(Text, Object.assign({ className: 'symbol' }, { children: "\uFFE5" })), _jsx(Text, Object.assign({ className: 'num' }, { children: "123" }))] })), _jsxs(View, Object.assign({ className: 'info' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: "\u6574\u5355\u7ACB\u51CF10\u5143 \u6EE1199\u53EF\u7528" })), _jsx(Text, Object.assign({ className: 'date' }, { children: "\u6709\u6548\u671F\u81F3\uFF1A2022-10-01" })), _jsx(View, Object.assign({ className: 'btn' }, { children: "\u5DF2\u4F7F\u7528" })), _jsx(View, Object.assign({ className: 'round' }, { children: "\u5DF2\u5931\u6548" }))] }))] })) }))] }))] })));
+};
+export const CouponList = memo(CouponListJsx);

package/dist/components/Cube/index.js

@@ -5,7 +5,7 @@ import { _ } from '@brushes/tools';
 const { isUndefined, isEmpty } = _;
 const CubeJsx = ({ defaultValue, type, borderRadius, marginBottom, marginTop, selectImg }) => {
     const [list, setList] = useState(defaultValue);
-    const { View } = useComponent();
+    const { View, Image } = useComponent();
     useEffect(() => {
         const computedArr = selectImg
             .filter((item) => !isUndefined(item))
@@ -17,7 +17,7 @@ const CubeJsx = ({ defaultValue, type, borderRadius, marginBottom, marginTop, se
         setList(arr);
     }, [selectImg]);
     return (_jsx(View, Object.assign({ className: `cube-type${type}` }, { children: list.map((item, index) => {
-            return type === 1 ? (_jsx("img", { src: item.imgUrl, style: {
+            return type === 1 ? (_jsx(Image, { mode: 'widthFix', src: item.imgUrl, style: {
                     width: '100%',
                     borderRadius: borderRadius + 'px'
                 } }, index)) : (_jsx(View, { className: 'block', style: {

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const EvaluateList: import("react").MemoExoticComponent<() => JSX.Element>;

package/dist/components/EvaluateList/index.js

@@ -0,0 +1,40 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useRef, useState } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+import EvaluateItem from '../../common/evaluateItem';
+import { evaluateListFake } from '../../common/mock';
+const EvaluateListJsx = () => {
+    const [active, setActive] = useState('1');
+    const { View } = useComponent();
+    const tabs = useRef([
+        {
+            label: '全部',
+            num: '900+',
+            index: '1'
+        },
+        {
+            label: '好评',
+            num: '800+',
+            index: '2'
+        },
+        {
+            label: '中评',
+            num: '99+',
+            index: '3'
+        },
+        {
+            label: '差评',
+            num: '12',
+            index: '4'
+        }
+    ]);
+    const handleTab = (coe) => {
+        setActive(coe);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(View, Object.assign({ className: 'evaluateListTab' }, { children: tabs.current.map((item) => {
+                    return (_jsxs(View, Object.assign({ className: `evaluateListTabItem ${item.index === active ? 'active' : ''}`, "data-index": item.index, onClick: handleTab.bind(null, item.index) }, { children: [item.label, " ", item.num] }), item.index));
+                }) })), _jsx(View, Object.assign({ className: 'evaluateListContent' }, { children: evaluateListFake.map((item, index) => {
+                    return _jsx(EvaluateItem, { itemData: item }, index);
+                }) }))] }));
+};
+export const EvaluateList = memo(EvaluateListJsx);

package/dist/components/GoodsClassify/components/classifyFloor.js

@@ -1,31 +1,12 @@
-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 { useComponent } from '@brushes/qj-simulate-component';
-import { getEnv, getTaro } from '@brushes/api';
+import { useComponent, navigatorImpl } from '@brushes/qj-simulate-component';
+import { checkImgUrl } from '../../../utils/checkImgUrl';
+import { routerMap } from '../../../routerMap';
 export const ClassifyFloor = ({ navList, activeKey }) => {
     const { View, Text } = useComponent();
-    console.log(4, navList);
-    const switchImpl = () => __awaiter(void 0, void 0, void 0, function* () {
-        const isTaro = getEnv();
-        console.log(45, isTaro);
-        if (isTaro) {
-            const Taro = yield getTaro();
-            Taro.navigateTo({
-                url: '/subpackage/goods/index'
-            });
-        }
-    });
     return navList.map((item) => (_jsx(View, Object.assign({ className: ['content', activeKey === `${item.goodsClassCode}` ? ' active' : ''].join('') }, { children: item === null || item === void 0 ? void 0 : item.childList.map((classifyItem) => {
-            return (_jsxs(View, Object.assign({ className: 'classifyFloor' }, { children: [_jsxs(View, Object.assign({ className: 'titleWrap' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: classifyItem.goodsClassName })), _jsx(Text, { className: 'line' })] })), _jsx(View, Object.assign({ className: 'container' }, { children: classifyItem.childList.map((goodsItem) => {
-                            return (_jsxs(View, Object.assign({ onClick: switchImpl, className: 'classifyFloorGoodsItem' }, { children: [_jsx("img", { src: goodsItem.goodsClassLogo, className: 'logo' }), _jsx(Text, Object.assign({ className: 'title' }, { children: goodsItem.goodsClassName }))] }), goodsItem.goodsClassCode));
+            return (_jsxs(View, Object.assign({ className: 'classifyFloor' }, { children: [_jsxs(View, Object.assign({ className: 'titleWrap' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: classifyItem.goodsClassName })), _jsx(Text, { className: 'line' })] })), _jsx(View, Object.assign({ className: 'container' }, { children: classifyItem.childList.map(({ classtreeCode, goodsClassCode, goodsClassLogo, goodsClassName }) => {
+                            return (_jsxs(View, Object.assign({ onClick: () => navigatorImpl(`${routerMap.goodList}?classtreeCode=${classtreeCode}`), className: 'classifyFloorGoodsItem' }, { children: [_jsx("img", { src: checkImgUrl(goodsClassLogo), className: 'logo' }), _jsx(Text, Object.assign({ className: 'title' }, { children: goodsClassName }))] }), goodsClassCode));
                         }) }))] }), classifyItem.goodsClassCode));
         }) }), item.goodsClassCode)));
 };

package/dist/components/GoodsClassify/index.js

@@ -9,13 +9,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { memo, useEffect, useState } from 'react';
-import { SideBar } from 'antd-mobile';
-import { useComponent } from '@brushes/qj-simulate-component';
+import { useComponent, antdMobile } from '@brushes/qj-simulate-component';
 import { ClassifyFloor } from './components/classifyFloor';
 // import {SEARCH} from "../../static";
 import { getEnv } from '@brushes/api';
 import { queryGoodsClassTree } from '@brushes/api';
 import { QjMobileIcon } from '../../common/icon';
+import { _ } from '@brushes/tools';
+const { get } = _;
+const { SideBar } = antdMobile;
 const GoodsClassifyJsx = () => {
     const { View, Text } = useComponent();
     const [activeKey, setActiveKey] = useState('');
@@ -25,9 +27,15 @@ const GoodsClassifyJsx = () => {
         getData();
     }, []);
     const getData = () => __awaiter(void 0, void 0, void 0, function* () {
-        let commits = yield queryGoodsClassTree();
-        setNavList(commits);
-        setActiveKey(commits[0].goodsClassCode);
+        try {
+            let commits = yield queryGoodsClassTree();
+            setNavList(commits || []);
+            const code = get(commits, 'commits[0].goodsClassCode');
+            setActiveKey(code);
+        }
+        catch (err) {
+            console.log(err);
+        }
     });
     return (_jsxs(_Fragment, { children: [_jsx(View, Object.assign({ className: 'goods-classify' }, { children: _jsxs(View, Object.assign({ className: 'goods-classify-search' }, { children: [_jsx(QjMobileIcon, { value: "fenxiang" }), _jsx(Text, { children: "\u641C\u7D22\u5546\u54C1" })] })) })), _jsxs(View, Object.assign({ className: 'goodsClassifyContainer', style: { height: flag ? 'calc(100vh - 51px)' : '600px' } }, { children: [_jsx(View, Object.assign({ className: 'side' }, { children: _jsx(SideBar, Object.assign({ activeKey: activeKey, onChange: setActiveKey, style: {
                                 '--width': '88px'

package/dist/components/GoodsDetail/components/evaluateEntry.d.ts

@@ -0,0 +1,2 @@
+declare const EvaluateEntry: () => JSX.Element;
+export default EvaluateEntry;

package/dist/components/GoodsDetail/components/evaluateEntry.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useComponent } from '@brushes/qj-simulate-component';
+import EvaluateItem from '../../../common/evaluateItem';
+const fake = [
+    {
+        avatar: 'http://www.qianjiangcloud.com/images/centerimga/pic%EF%BC%8Flogo+@2x.png',
+        userName: '张三李四王五',
+        rate: 4.5,
+        size: '一大通',
+        evaluate: '实物与描述的一样，质量相当好，卖家态度也好，有问必答，发货速度杠杠的，值得购买哦。外观设计漂亮，尺寸大小合适，包装仔细完整，宝贝手感不错，感觉很好，发货速度快，服务态度一流，给力！5星好评！',
+        imgUrls: [
+            {
+                imgUrl: 'https://img12.360buyimg.com/n1/jfs/t1/137059/18/27631/76566/635fc607E0b9e9c60/762dac6802e989d3.jpg'
+            },
+            {
+                imgUrl: 'https://img12.360buyimg.com/n1/jfs/t1/137059/18/27631/76566/635fc607E0b9e9c60/762dac6802e989d3.jpg'
+            },
+            {
+                imgUrl: 'https://img12.360buyimg.com/n1/jfs/t1/137059/18/27631/76566/635fc607E0b9e9c60/762dac6802e989d3.jpg'
+            },
+            {
+                imgUrl: 'https://img12.360buyimg.com/n1/jfs/t1/137059/18/27631/76566/635fc607E0b9e9c60/762dac6802e989d3.jpg'
+            }
+        ]
+    },
+    {
+        avatar: 'http://www.qianjiangcloud.com/images/centerimga/pic%EF%BC%8Flogo+@2x.png',
+        userName: '张三李四王五',
+        rate: 4.5,
+        size: '一大通',
+        evaluate: '实物与描述的一样，质量相当好，卖家态度也好，有问必答，发货速度杠杠的，值得购买哦。外观设计漂亮，尺寸大小合适，包装仔细完整，宝贝手感不错，感觉很好，发货速度快，服务态度一流，给力！5星好评！',
+        imgUrls: [
+            {
+                imgUrl: 'https://img12.360buyimg.com/n1/jfs/t1/137059/18/27631/76566/635fc607E0b9e9c60/762dac6802e989d3.jpg'
+            }
+        ]
+    }
+];
+const EvaluateEntry = () => {
+    const { View, Text } = useComponent();
+    return (_jsxs(View, Object.assign({ className: 'evaluateEntry' }, { children: [_jsxs(View, Object.assign({ className: 'topInfo' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: "\u8BC4\u4EF7\uFF08109\uFF09" })), _jsx(View, { children: _jsx(Text, Object.assign({ className: 'txt' }, { children: "\u597D\u8BC4\u5EA6 99%" })) })] })), fake.map((item, index) => (_jsx(EvaluateItem, { itemData: item }, index)))] })));
+};
+export default EvaluateEntry;

package/dist/components/GoodsDetail/components/goodsDetailCollection.d.ts

@@ -0,0 +1,2 @@
+declare const GoodsDetailCollection: ({ goods, checkCollectionObj, setCheckCollectionObj }: any) => JSX.Element;
+export default GoodsDetailCollection;

package/dist/components/GoodsDetail/components/goodsDetailCollection.js

@@ -0,0 +1,60 @@
+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 { SEARCH } from '../../../static';
+import { useComponent } from '@brushes/qj-simulate-component';
+import { checkCollectExit, saveCollect, deleteCollectByCode } from '@brushes/api';
+import { _ } from '@brushes/tools';
+import { useEffect } from 'react';
+const { isEmpty } = _;
+const GoodsDetailCollection = ({ goods, checkCollectionObj, setCheckCollectionObj }) => {
+    const { Text, View } = useComponent();
+    useEffect(() => {
+        checkCollection();
+    }, []);
+    const checkCollection = () => __awaiter(void 0, void 0, void 0, function* () {
+        const checkCollectionParams = {
+            collectType: 0,
+            collectOpcode: goods.rsSkuDomainList[0].skuCode || ''
+        };
+        const result = yield checkCollectExit(checkCollectionParams);
+        setCheckCollectionObj(result);
+    });
+    const handleSaveCollect = () => __awaiter(void 0, void 0, void 0, function* () {
+        const saveCollectParmas = {
+            collectType: 0,
+            collectOpcode: goods.rsSkuDomainList[0].skuCode || '',
+            collectOppic: goods.dataPic,
+            collectOpcont: goods.goodsName,
+            collectOpnum: goods.pricesetNprice,
+            goodsOrigin: 0
+        };
+        yield saveCollect(saveCollectParmas);
+    });
+    const handleDeleteCollectByCode = () => __awaiter(void 0, void 0, void 0, function* () {
+        const deleteCollectByCodeParams = {
+            collectType: 0,
+            collectOpcode: goods.rsSkuDomainList[0].skuCode || ''
+        };
+        yield deleteCollectByCode(deleteCollectByCodeParams);
+    });
+    const handleCollect = () => {
+        console.log(123);
+        if (isEmpty(checkCollectionObj.dataObj)) {
+            handleSaveCollect();
+        }
+        else {
+            handleDeleteCollectByCode();
+        }
+        checkCollection();
+    };
+    return (_jsxs(View, Object.assign({ onClick: handleCollect }, { children: [_jsx("img", { src: SEARCH, alt: "", className: 'icon' }), _jsx(Text, Object.assign({ className: 'txt' }, { children: isEmpty(checkCollectionObj.dataObj) ? '收藏' : '已收藏' }))] })));
+};
+export default GoodsDetailCollection;

package/dist/components/GoodsDetail/components/goodsDetailCoupon.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useComponent } from '@brushes/qj-simulate-component';
+import { useComponent, antdMobile } from '@brushes/qj-simulate-component';
 import { THREE_DOTS } from '../../../static';
-import { Popup, Radio } from 'antd-mobile';
 import { useState } from 'react';
-import { Stamp } from '../../Stamp';
+import { Coupon } from '../../../common/coupon';
+const { Popup, Radio } = antdMobile;
 const fake = [
     {
         title: '五一大促疯抢 满100立减10',
@@ -49,8 +49,8 @@ const fake = [
 const GoodsDetailCoupon = () => {
     const { View, Text } = useComponent();
     const [visible, setVisible] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsxs(View, Object.assign({ className: 'goodsDetail-coupon', onClick: () => setVisible(true) }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u4FC3\u9500" })), _jsxs(View, Object.assign({ className: 'info' }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u8BF7\u9009\u62E9\u4F18\u60E0\u5238" })), _jsx("img", { src: THREE_DOTS, alt: "", className: 'icon' })] }))] })), _jsx(Popup, Object.assign({ visible: visible, onMaskClick: () => setVisible(false) }, { children: _jsxs(View, Object.assign({ className: 'goodsDetail-coupon-popup' }, { children: [_jsx(View, Object.assign({ className: 'stampWrap' }, { children: _jsx(Radio.Group, Object.assign({ defaultValue: 0 }, { children: fake.map((item, index) => {
-                                    return _jsx(Stamp, { index: index, item: item }, index);
+    return (_jsxs(_Fragment, { children: [_jsxs(View, Object.assign({ className: 'goodsDetail-coupon', onClick: () => setVisible(true) }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u4F18\u60E0\u5238" })), _jsxs(View, Object.assign({ className: 'info' }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u8BF7\u9009\u62E9\u4F18\u60E0\u5238" })), _jsx("img", { src: THREE_DOTS, alt: "", className: 'icon' })] }))] })), _jsx(Popup, Object.assign({ visible: visible, onMaskClick: () => setVisible(false) }, { children: _jsxs(View, Object.assign({ className: 'goodsDetail-coupon-popup' }, { children: [_jsx(View, Object.assign({ className: 'stampWrap' }, { children: _jsx(Radio.Group, Object.assign({ defaultValue: 0 }, { children: fake.map((item, index) => {
+                                    return _jsx(Coupon, { index: index, item: item }, index);
                                 }) })) })), _jsx(View, Object.assign({ className: 'confirm' }, { children: "\u786E\u5B9A" }))] })) }))] }));
 };
 export default GoodsDetailCoupon;

package/dist/components/GoodsDetail/components/goodsDetailEvaluate.js

@@ -1,7 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useComponent } from '@brushes/qj-simulate-component';
+import EvaluateItem from '../../../common/evaluateItem';
 const GoodsDetailEvaluate = () => {
     const { View } = useComponent();
-    return _jsx(View, Object.assign({ className: 'goodsDetailEvaluate' }, { children: "\u8BC4\u4EF7" }));
+    return (_jsxs(View, Object.assign({ className: 'goodsDetailEvaluate' }, { children: ["\u8BC4\u4EF7", _jsx(EvaluateItem, {})] })));
 };
 export default GoodsDetailEvaluate;

package/dist/components/GoodsDetail/components/goodsDetailHandleBar.d.ts

@@ -0,0 +1,2 @@
+declare const GoodsDetailHandleBar: () => JSX.Element;
+export default GoodsDetailHandleBar;

package/dist/components/GoodsDetail/components/goodsDetailHandleBar.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { navigatorImpl, useComponent } from '@brushes/qj-simulate-component';
+const GoodsDetailHandleBar = () => {
+    const { Text, View } = useComponent();
+    return (_jsxs(View, Object.assign({ className: 'goodsDetailHandleBar' }, { children: [_jsxs(View, Object.assign({ className: 'linkGroup' }, { children: [_jsx(Text, { className: 'icon' }), _jsx(Text, Object.assign({ className: 'txt' }, { children: "\u5BA2\u670D" }))] })), _jsxs(View, Object.assign({ className: 'linkGroup' }, { children: [_jsx(Text, { className: 'icon' }), _jsx(Text, Object.assign({ className: 'txt' }, { children: "\u8D2D\u7269\u8F66" }))] })), _jsxs(View, Object.assign({ className: 'btnGroup' }, { children: [_jsx(View, Object.assign({ className: 'btn addCart', onClick: () => navigatorImpl('/subpackage/orderconfirm/index') }, { children: "\u52A0\u5165\u8D2D\u7269\u8F66" })), _jsx(View, Object.assign({ className: 'btn buy' }, { children: "\u7ACB\u5373\u8D2D\u4E70" }))] }))] })));
+};
+export default GoodsDetailHandleBar;

package/dist/components/GoodsDetail/components/goodsDetailInfo.d.ts

@@ -1,2 +1,2 @@
-declare const GoodsDetailInfo: ({ goodsData }: any) => JSX.Element;
+declare const GoodsDetailInfo: ({ goods }: any) => JSX.Element;
 export default GoodsDetailInfo;

package/dist/components/GoodsDetail/components/goodsDetailInfo.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useComponent } from '@brushes/qj-simulate-component';
-const GoodsDetailInfo = ({ goodsData }) => {
+const GoodsDetailInfo = ({ goods }) => {
     const { View } = useComponent();
-    return (_jsx(View, Object.assign({ className: 'goodsDetail-info' }, { children: _jsx("div", { dangerouslySetInnerHTML: { __html: goodsData.goodsRemark } }) })));
+    return (_jsx(View, Object.assign({ className: 'goodsDetail-info' }, { children: _jsx("div", { dangerouslySetInnerHTML: { __html: goods.goodsRemark || '' } }) })));
 };
 export default GoodsDetailInfo;

package/dist/components/GoodsDetail/components/goodsDetailPopup.d.ts

@@ -0,0 +1,2 @@
+declare const GoodsDetailPopup: ({ popupVisible, setPopupVisible, goods }: any) => JSX.Element;
+export default GoodsDetailPopup;

package/dist/components/GoodsDetail/components/goodsDetailPopup.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useComponent, antdMobile } from '@brushes/qj-simulate-component';
+import { useState } from 'react';
+const { Popup, Radio } = antdMobile;
+const GoodsDetailPopup = ({ popupVisible, setPopupVisible, goods }) => {
+    const { View, Text, Image } = useComponent();
+    const [selectSizeCoe, setSelectSizeCoe] = useState(0);
+    const [count, setCount] = useState(1);
+    const handleChooseSize = (index) => {
+        setSelectSizeCoe(index);
+        console.log(12, selectSizeCoe);
+    };
+    const handleStep = (type) => {
+        switch (type) {
+            case 'minus':
+                setCount((count) => count - 1);
+                break;
+            case 'plus':
+                setCount((count) => count + 1);
+                break;
+        }
+    };
+    return (_jsx(_Fragment, { children: _jsx(Popup, Object.assign({ visible: popupVisible, onMaskClick: () => setPopupVisible(false) }, { children: _jsxs(View, Object.assign({ className: 'goodsDetail-size-popup' }, { children: [_jsxs(View, Object.assign({ className: 'content' }, { children: [_jsx(View, Object.assign({ className: 'closeWrap' }, { children: _jsx(Text, { className: 'icon', onClick: () => setPopupVisible(false) }) })), _jsxs(View, Object.assign({ className: 'goodsInfo' }, { children: [_jsx(View, Object.assign({ className: 'lPart' }, { children: _jsx(Image, { mode: 'widthFix', src: "", alt: "", className: 'goodsImg' }) })), _jsxs(View, Object.assign({ className: 'rPart' }, { children: [_jsx(View, Object.assign({ className: 'name' }, { children: goods.goodsShowname || '' })), _jsxs(View, Object.assign({ className: 'price' }, { children: ["\uFFE5: ", goods.pricesetNprice.toFixed(2) || ''] })), _jsx(View, Object.assign({ className: 'chosen' }, { children: "\u5DF2\u9009\u62E9: 15ml" }))] }))] })), _jsxs(View, Object.assign({ className: 'sizeArr' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: "\u9009\u62E9\u989C\u8272" })), _jsx(View, Object.assign({ className: 'sizeArrItemWrap' }, { children: goods.rsSpecValueDomainList.map((item, index) => {
+                                            return (_jsx(View, Object.assign({ className: `sizeItem ${index === selectSizeCoe ? 'active' : ''}`, "data-index": index, onClick: handleChooseSize.bind(null, index) }, { children: item.specValueValue }), index));
+                                        }) }))] })), _jsxs(View, Object.assign({ className: 'countWrap' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u8D2D\u4E70\u6570\u91CF" })), _jsxs(View, Object.assign({ className: 'numStep' }, { children: [_jsx(Text, Object.assign({ className: 'btn minus', onClick: handleStep.bind(null, 'minus') }, { children: "-" })), _jsx(Text, Object.assign({ className: 'content' }, { children: count })), _jsx(Text, Object.assign({ className: 'btn plus', onClick: handleStep.bind(null, 'plus') }, { children: "+" }))] }))] }))] })), _jsx(View, Object.assign({ className: 'btnWrap' }, { children: _jsx(Text, Object.assign({ className: 'btn' }, { children: "\u786E\u8BA4" })) }))] })) })) }));
+};
+export default GoodsDetailPopup;

package/dist/components/GoodsDetail/components/goodsDetailPromotion.d.ts

@@ -1,2 +1,2 @@
-declare const GoodsDetailPromotion: () => JSX.Element;
+declare const GoodsDetailPromotion: ({ promotionList }: any) => JSX.Element;
 export default GoodsDetailPromotion;