s-material-react 0.1.0 → 0.1.1

package/css/common/addressItem.scss

@@ -0,0 +1,47 @@
+.addressItem {
+    width: 100%;
+    background-color: #fff;
+    margin-bottom: 10px;
+    border-radius: 5px;
+
+    .upInfo {
+        padding: 15px;
+        box-sizing: border-box;
+        border-bottom: 1px solid #e2e2e2;
+
+        .userInfo {
+            color: #000;
+            font-size: 14px;
+            margin-bottom: 8px;
+        }
+
+        .addressInfo {
+            display: grid;
+            grid-template-columns: 1fr 14px;
+            gap: 10px;
+
+            .address {
+                font-size: 12px;
+                color: #a7a7a7;
+            }
+
+            .icon {
+                width: 14px;
+                height: 14px;
+                background-color: yellowgreen;
+            }
+        }
+    }
+
+    .downInfo {
+        display: flex;
+        box-sizing: border-box;
+        justify-content: space-between;
+        padding: 12px 14px;
+
+        .del {
+            font-size: 12px;
+            color: #a7a7a7;
+        }
+    }
+}

package/css/common/evaluateItem.scss

@@ -0,0 +1,58 @@
+.evaluateItem {
+    color: #333333;
+    background-color: #ffffff;
+    padding: 15px 13px 20px;
+    border-bottom: 1px solid #e2e2e2;
+
+    &:last-child {
+        border-bottom: 0 none;
+    }
+
+    .userInfo {
+        display: grid;
+        grid-template-columns: 48px auto;
+        margin-bottom: 12px;
+
+        .avatar {
+            width: 38px;
+            height: 38px;
+            display: inline-block;
+            margin-right: 10px;
+            border-radius: 100%;
+        }
+
+        .userNameWrap {
+            text-align: left;
+            display: flex;
+            justify-content: center;
+            //align-items: center;
+            flex-direction: column;
+
+            .userName {
+                //line-height: 38px;
+            }
+        }
+    }
+
+    .size {
+        font-size: 12px;
+        margin-bottom: 4px;
+    }
+
+    .content {
+        font-size: 14px;
+        margin-bottom: 12px;
+    }
+
+    .img-group {
+        display: grid;
+        grid-template-columns: repeat(4, 1fr);
+        gap: 7px;
+
+        .img {
+            display: block;
+            border-radius: 4px;
+            width: 100%;
+        }
+    }
+}

package/css/common/index.scss

@@ -1,2 +1,4 @@
 @import './card.scss';
 @import './icon.scss';
+@import './evaluateItem.scss';
+@import './addressItem.scss';

package/css/pages/addressList.scss

@@ -0,0 +1,29 @@
+.addressList {
+    position: relative;
+    overflow: scroll;
+    padding: 15px 12px 20px;
+    box-sizing: border-box;
+    background-color: #f6f6f6;
+
+    .addBtnWrap {
+        width: 100%;
+        padding: 10px;
+        box-sizing: border-box;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        background-color: #fff;
+
+        .addBtn {
+            width: 100%;
+            background-color: #000;
+            height: 34px;
+            line-height: 34px;
+            color: #fff;
+            font-size: 14px;
+            border-radius: 20px;
+            text-align: center;
+            cursor: pointer;
+        }
+    }
+}

package/css/pages/evaluateEntry.scss

@@ -0,0 +1,57 @@
+.evaluateEntry {
+    .topInfo {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 20px;
+
+        .title {
+            font-size: 14px;
+        }
+
+        .txt {
+            font-size: 12px;
+            color: #999;
+        }
+    }
+
+    .evaluateList-item {
+        color: #333333;
+        padding-bottom: 20px;
+
+        .userInfo {
+            display: grid;
+            grid-template-columns: 48px auto;
+            margin-bottom: 12px;
+
+            .avatar {
+                width: 38px;
+                height: 38px;
+                display: inline-block;
+                margin-right: 10px;
+                border-radius: 100%;
+            }
+
+            .userName {
+                line-height: 38px;
+            }
+        }
+
+        .size {
+            font-size: 12px;
+            margin-bottom: 4px;
+        }
+
+        .content {
+            font-size: 14px;
+        }
+
+        .img-group {
+            display: grid;
+            grid-template-columns: repeat(4, auto);
+            .img {
+                display: block;
+                border-radius: 4px;
+            }
+        }
+    }
+}

package/css/pages/evaluateList.scss

@@ -1,57 +1,88 @@
-.evaluateList {
-    .topInfo {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 20px;
+//.evaluateList {
+//    .topInfo {
+//        display: flex;
+//        justify-content: space-between;
+//        margin-bottom: 20px;
+//
+//        .title {
+//            font-size: 14px;
+//        }
+//
+//        .txt {
+//            font-size: 12px;
+//            color: #999;
+//        }
+//    }
+//
+//    .evaluateList-item {
+//        color: #333333;
+//        padding-bottom: 20px;
+//
+//        .userInfo {
+//            display: grid;
+//            grid-template-columns: 48px auto;
+//            margin-bottom: 12px;
+//
+//            .avatar {
+//                width: 38px;
+//                height: 38px;
+//                display: inline-block;
+//                margin-right: 10px;
+//                border-radius: 100%;
+//            }
+//
+//            .userName {
+//                line-height: 38px;
+//            }
+//        }
+//
+//        .size {
+//            font-size: 12px;
+//            margin-bottom: 4px;
+//        }
+//
+//        .content {
+//            font-size: 14px;
+//        }
+//
+//        .img-group {
+//            display: grid;
+//            grid-template-columns: repeat(4, auto);
+//            .img {
+//                display: block;
+//                border-radius: 4px;
+//            }
+//        }
+//    }
+//}
 
-        .title {
-            font-size: 14px;
-        }
-
-        .txt {
-            font-size: 12px;
-            color: #999;
-        }
-    }
-
-    .evaluateList-item {
-        color: #333333;
-        padding-bottom: 20px;
-
-        .userInfo {
-            display: grid;
-            grid-template-columns: 48px auto;
-            margin-bottom: 12px;
-
-            .avatar {
-                width: 38px;
-                height: 38px;
-                display: inline-block;
-                margin-right: 10px;
-                border-radius: 100%;
-            }
+.evaluateListTab {
+    background-color: #fff;
+    padding: 20px 10px;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 9px;
 
-            .userName {
-                line-height: 38px;
-            }
-        }
-
-        .size {
-            font-size: 12px;
-            margin-bottom: 4px;
-        }
+    .evaluateListTabItem {
+        background-color: rgba(0, 0, 0, 0.1);
+        border-radius: 15px;
+        color: #0b0b0b;
+        height: 24px;
+        line-height: 24px;
+        text-align: center;
+        box-sizing: border-box;
+        border: 1px solid #fff;
 
-        .content {
-            font-size: 14px;
-        }
-
-        .img-group {
-            display: grid;
-            grid-template-columns: repeat(4, auto);
-            .img {
-                display: block;
-                border-radius: 4px;
-            }
+        &.active {
+            border: 1px solid #000;
         }
     }
 }
+
+.evaluateListContent {
+    border-top: 10px solid #f6f6f6;
+    border-left: 10px solid #f6f6f6;
+    border-right: 10px solid #f6f6f6;
+    box-sizing: border-box;
+    background-color: #f6f6f6;
+}

package/css/pages/index.scss

@@ -14,8 +14,10 @@
 @import './searchPage';
 @import './goodsDetailTopInfo';
 @import './goodsDetail';
+@import './evaluateEntry';
 @import './evaluateList';
+@import './addressList';
 
-.design-container .monitor .actived:after {
-    display: none;
-}
+//.design-container .monitor .actived:after {
+//    display: none;
+//}

package/dist/common/addressItem/index.d.ts

@@ -0,0 +1 @@
+export declare const AddressItem: ({ itemData, fontSize, iconSize }: any) => JSX.Element;

package/dist/common/addressItem/index.js

@@ -0,0 +1,10 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useComponent } from '@brushes/qj-simulate-component';
+import { Radio } from 'antd-mobile';
+export const AddressItem = ({ itemData, fontSize = '12px', iconSize = '12px' }) => {
+    const { View, Text } = useComponent();
+    return (_jsxs(View, Object.assign({ className: 'addressItem' }, { children: [_jsxs(View, Object.assign({ className: 'upInfo' }, { children: [_jsxs(View, Object.assign({ className: 'userInfo' }, { children: [itemData.name, " ", itemData.phone] })), _jsxs(View, Object.assign({ className: 'addressInfo' }, { children: [_jsx(Text, Object.assign({ className: 'address' }, { children: itemData.address })), _jsx(View, { className: 'icon' })] }))] })), _jsxs(View, Object.assign({ className: 'downInfo' }, { children: [_jsx(Radio, Object.assign({ value: itemData.default, style: {
+                            '--font-size': fontSize,
+                            '--icon-size': iconSize
+                        } }, { children: "\u8BBE\u4E3A\u9ED8\u8BA4\u5730\u5740" })), _jsx(Text, Object.assign({ className: 'del' }, { children: "\u5220\u9664" }))] }))] })));
+};

package/dist/common/evaluateItem/index.d.ts

@@ -0,0 +1,2 @@
+declare const EvaluateItem: ({ starColor, starSize, itemData }: any) => JSX.Element;
+export default EvaluateItem;

package/dist/common/evaluateItem/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useComponent } from '@brushes/qj-simulate-component';
+import { Rate } from 'antd-mobile';
+const EvaluateItem = ({ starColor = '#FF0934', starSize = '12px', itemData }) => {
+    const { View, Text } = useComponent();
+    return (_jsxs(View, Object.assign({ className: 'evaluateItem' }, { children: [_jsxs(View, Object.assign({ className: 'userInfo' }, { children: [_jsx("img", { src: itemData.avatar, className: 'avatar' }), _jsxs(View, Object.assign({ className: 'userNameWrap' }, { children: [_jsx(Text, Object.assign({ className: 'userName' }, { children: itemData.userName })), _jsx(Rate, { readOnly: true, value: itemData.rate, style: {
+                                    '--star-size': starSize,
+                                    '--active-color': starColor
+                                } })] }))] })), _jsxs(View, Object.assign({ className: 'size' }, { children: ["\u89C4\u683C\uFF1A ", itemData.size] })), _jsx(View, Object.assign({ className: 'content' }, { children: itemData.evaluate })), _jsx(View, Object.assign({ className: 'img-group' }, { children: itemData.imgUrls.map((item, index) => {
+                    return _jsx("img", { src: item.imgUrl, className: 'img' }, index);
+                }) }))] })));
+};
+export default EvaluateItem;

package/dist/common/mock/index.d.ts

@@ -0,0 +1,17 @@
+export declare const evaluateListFake: {
+    avatar: string;
+    userName: string;
+    rate: number;
+    size: string;
+    evaluate: string;
+    imgUrls: {
+        imgUrl: string;
+    }[];
+}[];
+export declare const addressListFake: {
+    id: number;
+    name: string;
+    phone: string;
+    address: string;
+    default: number;
+}[];

package/dist/common/mock/index.js

@@ -0,0 +1,53 @@
+// 评价列表
+export const evaluateListFake = [
+    {
+        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'
+            }
+        ]
+    }
+];
+// 评价列表
+export const addressListFake = [
+    {
+        id: 1,
+        name: '张三',
+        phone: '13679126756',
+        address: '上海 上海市 闵行区中庚环球创意中心',
+        default: 1
+    },
+    {
+        id: 2,
+        name: '张三',
+        phone: '13679126756',
+        address: '上海 上海市 闵行区中庚环球创意中心',
+        default: 0
+    }
+];

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

@@ -0,0 +1,2 @@
+declare const _default: never[];
+export default _default;

package/dist/components/AddressDetail/a.js

@@ -0,0 +1,40 @@
+// @ts-ignore
+import provinces from 'china-division/dist/provinces.json';
+// @ts-ignore
+import cities from 'china-division/dist/cities.json';
+// @ts-ignore
+import areas from 'china-division/dist/areas.json';
+console.log(5, areas, cities, provinces);
+// areas.forEach((area:any) => {
+//   const matchCity = cities.filter((city:any) => city.code === area.cityCode)[0];
+//   if (matchCity) {
+//     matchCity.children = matchCity.children || [];
+//     matchCity.children.push({
+//       label: area.name,
+//       value: area.code,
+//     });
+//   }
+// });
+//
+// cities.forEach((city: any) => {
+//   const matchProvince = provinces.filter((province: any) => 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: any) => {
+//
+//   console.log(32, province)
+//   return {
+//     label: province.name,
+//     value: province.code,
+//     children: province.children,
+//   }
+// });
+export default [];

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

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

package/dist/components/AddressDetail/index.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef, useState } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+import { Form, Input, Radio, Button, Cascader } from 'antd-mobile';
+// @ts-ignore
+// import {options} from './option'
+import options from './a';
+const AddressDetailJsx = () => {
+    const { View } = useComponent();
+    const [visible, setVisible] = useState(false);
+    const checkMobile = (_, value) => {
+        console.log(_, 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: options
+            },
+            label: '所在地区',
+            name: 'area'
+        },
+        {
+            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(a);
+    };
+    return (_jsx(View, Object.assign({ className: 'addressDetail' }, { children: _jsx(Form, Object.assign({ layout: "horizontal", mode: "card", 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 }, { 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 (
+                            // <Cascader {...item.props}/>
+                            _jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ onClick: () => {
+                                            setVisible(true);
+                                        } }, { children: "\u9009\u62E9" })), _jsx(Cascader, { options: options, visible: visible, onClose: () => {
+                                            setVisible(false);
+                                        } })] }));
+                        }
+                    })() }), index));
+            }) })) })));
+};
+export const AddressDetail = memo(AddressDetailJsx);

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

@@ -0,0 +1,17 @@
+export declare const options: {
+    label: string;
+    value: string;
+    children: {
+        label: string;
+        value: string;
+        children: ({
+            label: string;
+            value: string;
+            disabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            disabled: boolean;
+        })[];
+    }[];
+}[];

package/dist/components/AddressDetail/option.js

@@ -0,0 +1,148 @@
+export const options = [
+    {
+        label: '浙江',
+        value: '浙江',
+        children: [
+            {
+                label: '杭州',
+                value: '杭州',
+                children: [
+                    {
+                        label: '西湖区',
+                        value: '西湖区'
+                    },
+                    {
+                        label: '上城区',
+                        value: '上城区'
+                    },
+                    {
+                        label: '余杭区',
+                        value: '余杭区',
+                        disabled: true
+                    }
+                ]
+            },
+            {
+                label: '温州',
+                value: '温州',
+                children: [
+                    {
+                        label: '鹿城区',
+                        value: '鹿城区'
+                    },
+                    {
+                        label: '龙湾区',
+                        value: '龙湾区',
+                        disabled: true
+                    },
+                    {
+                        label: '瓯海区',
+                        value: '瓯海区'
+                    }
+                ]
+            },
+            {
+                label: '宁波',
+                value: '宁波',
+                children: [
+                    {
+                        label: '海曙区',
+                        value: '海曙区'
+                    },
+                    {
+                        label: '江北区',
+                        value: '江北区'
+                    },
+                    {
+                        label: '镇海区',
+                        value: '镇海区'
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        label: '安徽',
+        value: '安徽',
+        children: [
+            {
+                label: '合肥',
+                value: '合肥',
+                children: [
+                    {
+                        label: '包河区',
+                        value: '包河区'
+                    },
+                    {
+                        label: '蜀山区',
+                        value: '蜀山区'
+                    },
+                    {
+                        label: '瑶海区',
+                        value: '瑶海区'
+                    }
+                ]
+            },
+            {
+                label: '芜湖',
+                value: '芜湖',
+                children: [
+                    {
+                        label: '镜湖区',
+                        value: '镜湖区'
+                    },
+                    {
+                        label: '弋江区',
+                        value: '弋江区'
+                    },
+                    {
+                        label: '湾沚区',
+                        value: '湾沚区'
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        label: '江苏',
+        value: '江苏',
+        children: [
+            {
+                label: '南京',
+                value: '南京',
+                children: [
+                    {
+                        label: '玄武区',
+                        value: '玄武区'
+                    },
+                    {
+                        label: '秦淮区',
+                        value: '秦淮区'
+                    },
+                    {
+                        label: '建邺区',
+                        value: '建邺区'
+                    }
+                ]
+            },
+            {
+                label: '苏州',
+                value: '苏州',
+                children: [
+                    {
+                        label: '虎丘区',
+                        value: '虎丘区'
+                    },
+                    {
+                        label: '吴中区',
+                        value: '吴中区'
+                    },
+                    {
+                        label: '相城区',
+                        value: '相城区'
+                    }
+                ]
+            }
+        ]
+    }
+];

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 } from '@brushes/qj-simulate-component';
+import { getEnv } from '@brushes/api';
+import { addressListFake } from '../../common/mock';
+import { AddressItem } from '../../common/addressItem';
+import { Radio } from 'antd-mobile';
+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/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,11 @@
-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';
 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({ onClick: () => navigatorImpl('/subpackage/goods/index'), className: 'classifyFloorGoodsItem' }, { children: [_jsx("img", { src: goodsItem.goodsClassLogo, className: 'logo' }), _jsx(Text, Object.assign({ className: 'title' }, { children: goodsItem.goodsClassName }))] }), goodsItem.goodsClassCode));
                         }) }))] }), classifyItem.goodsClassCode));
         }) }), item.goodsClassCode)));
 };

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/index.js

@@ -11,13 +11,11 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { memo, useEffect, useState } from 'react';
 import { useComponent } from '@brushes/qj-simulate-component';
 import { SEARCH } from '../../static';
-import { Tabs, Skeleton } from 'antd-mobile';
+import { Skeleton } from 'antd-mobile';
 import { getResourceGoodsInfoBySkuCode } from '@brushes/api';
 import { _ } from '@brushes/tools';
 import GoodsDetailPromotion from './components/goodsDetailPromotion';
 import GoodsDetailCoupon from './components/goodsDetailCoupon';
-import GoodsDetailInfo from './components/goodsDetailInfo';
-import EvaluateList from '../../common/evaluateList';
 const { isEmpty } = _;
 const GoodsDetailJsx = () => {
     const { View, Text } = useComponent();
@@ -27,7 +25,7 @@ const GoodsDetailJsx = () => {
     }, []);
     const getData = () => __awaiter(void 0, void 0, void 0, function* () {
         const result = yield getResourceGoodsInfoBySkuCode({
-            skuCode: '640606075082915874'
+            skuCode: '574562232464371754'
         });
         console.log(22, result);
         setGoods(result);
@@ -35,6 +33,6 @@ const GoodsDetailJsx = () => {
     return (_jsx(View, Object.assign({ className: 'GoodsDetailWrap' }, { children: isEmpty(goods) ? (_jsxs(_Fragment, { children: [_jsx(Skeleton, { animated: true, style: {
                         '--width': '100%',
                         '--height': '300px'
-                    } }), _jsx(Skeleton.Title, { animated: true }), _jsx(Skeleton.Paragraph, { lineCount: 10, animated: true })] })) : (_jsxs(_Fragment, { children: [_jsxs(View, Object.assign({ className: 'goodsDetail-topInfo' }, { children: [_jsxs(View, { children: [_jsx(Text, Object.assign({ className: 'name' }, { children: goods === null || goods === void 0 ? void 0 : goods.goodsName })), _jsxs(Text, Object.assign({ className: 'price' }, { children: ["\uFFE5", goods === null || goods === void 0 ? void 0 : goods.pricesetNprice.toFixed(2)] }))] }), _jsxs(View, Object.assign({ className: 'rPart' }, { children: [_jsx("img", { src: SEARCH, alt: "", className: 'icon' }), _jsx(Text, Object.assign({ className: 'txt' }, { children: "\u5DF2\u6536\u85CF" }))] }))] })), _jsx(GoodsDetailPromotion, {}), _jsx(GoodsDetailCoupon, {}), _jsxs(Tabs, { children: [_jsx(Tabs.Tab, Object.assign({ title: "\u5546\u54C1\u8BE6\u60C5" }, { children: _jsx(GoodsDetailInfo, { goodsData: goods }) }), "detail"), _jsx(Tabs.Tab, Object.assign({ title: "\u5546\u54C1\u8BC4\u4EF7" }, { children: _jsx(EvaluateList, {}) }), "evaluate")] })] })) })));
+                    } }), _jsx(Skeleton.Title, { animated: true }), _jsx(Skeleton.Paragraph, { lineCount: 10, animated: true })] })) : (_jsxs(_Fragment, { children: [_jsxs(View, Object.assign({ className: 'goodsDetail-topInfo' }, { children: [_jsxs(View, { children: [_jsx(Text, Object.assign({ className: 'name' }, { children: goods === null || goods === void 0 ? void 0 : goods.goodsName })), _jsxs(Text, Object.assign({ className: 'price' }, { children: ["\uFFE5", goods === null || goods === void 0 ? void 0 : goods.pricesetNprice.toFixed(2)] }))] }), _jsxs(View, Object.assign({ className: 'rPart' }, { children: [_jsx("img", { src: SEARCH, alt: "", className: 'icon' }), _jsx(Text, Object.assign({ className: 'txt' }, { children: "\u5DF2\u6536\u85CF" }))] }))] })), _jsx(GoodsDetailPromotion, {}), _jsx(GoodsDetailCoupon, {})] })) })));
 };
 export const GoodsDetail = memo(GoodsDetailJsx);

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

@@ -25,10 +25,15 @@ function OrderListItemJsx({ item }) {
     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);
+        try {
+            const data = yield queryContractPageC({ page: 1, rows: 10 });
+            console.log(19, data);
+            setData((val) => [...val, ...result.rows]);
+            setLoading(false);
+        }
+        catch (err) {
+            console.log(err);
+        }
     });
     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] }) })) })));
 }

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export interface itemType {
     imgUrl: string;
     link: string;
@@ -18,5 +18,5 @@ interface SwiperType {
         width: number;
     };
 }
-export declare const Slider: React.NamedExoticComponent<SwiperType>;
+export declare const Slider: import("react").NamedExoticComponent<SwiperType>;
 export {};

package/dist/components/Slider/item.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import { itemType } from './index';
-export declare const Items: React.MemoExoticComponent<({ item, type }: {
+export declare const Items: import("react").MemoExoticComponent<({ item, type }: {
     item: itemType;
     type: number;
 }) => JSX.Element>;

package/dist/components/index.d.ts

@@ -19,3 +19,6 @@ export * from '../common/icon';
 export * from './SearchPage';
 export * from './GoodsDetailTopInfo';
 export * from './GoodsDetailPromotion';
+export * from './EvaluateList';
+export * from './AddressList';
+export * from './AddressDetail';

package/dist/components/index.js

@@ -19,3 +19,6 @@ export * from '../common/icon';
 export * from './SearchPage';
 export * from './GoodsDetailTopInfo';
 export * from './GoodsDetailPromotion';
+export * from './EvaluateList';
+export * from './AddressList';
+export * from './AddressDetail';

package/dist/options/index.d.ts

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

package/dist/options/index.js

@@ -0,0 +1,30 @@
+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) => ({
+    label: province.name,
+    value: province.code,
+    children: province.children
+}));
+export default options;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "s-material-react",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "'组件库'",
   "main": "dist/index.js",
   "sideEffects": [
@@ -35,6 +35,7 @@
     "@types/node": ">18.0.0",
     "@types/react": "^18.0.0",
     "antd-mobile": "^5.24.0",
+    "china-division": "^2.5.0",
     "classnames": "^2.3.2",
     "flyio": "^0.6.14",
     "nodemon": "^2.0.19",