s-material-react 0.1.0 → 0.1.2

package/css/pages/placeOrderResult.scss

@@ -0,0 +1,100 @@
+.placeOrderResult {
+    background-color: #f6f6f6;
+    padding: 20px 12px 0;
+    box-sizing: border-box;
+
+    .placeOrderResultContent {
+        background-color: #ffffff;
+        border-radius: 8px;
+        padding: 35px 17px 30px;
+
+        .icon {
+            width: 34px;
+            height: 34px;
+            display: block;
+            background-color: yellowgreen;
+            margin: 0 auto 15px;
+        }
+
+        .tips {
+            border-bottom: 1px solid #dcdcdc;
+            padding-bottom: 27px;
+
+            .title {
+                font-size: 20px;
+                font-weight: 600;
+                display: block;
+                margin: 0 auto;
+                text-align: center;
+            }
+
+            .tip {
+                font-size: 14px;
+                display: block;
+                width: 220px;
+                margin: 0 auto;
+                text-align: center;
+                padding-top: 8px;
+            }
+        }
+
+        //.title {
+        //  font-size: 20px;
+        //  font-weight: 600;
+        //  margin: 0 auto 23px;
+        //  padding-bottom: 27px;
+        //  display: block;
+        //  text-align: center;
+        //  border-bottom: 1px solid #DCDCDC;
+        //}
+
+        .placeOrderResultWrap {
+            padding-top: 20px;
+            margin-bottom: 44px;
+
+            .placeOrderResultItem {
+                display: grid;
+                grid-template-columns: 70px 1fr;
+                gap: 6px;
+                margin-bottom: 10px;
+
+                .label {
+                    font-size: 14px;
+                    color: #999;
+                }
+
+                .value {
+                    font-size: 14px;
+                    color: #000;
+                }
+            }
+        }
+
+        .btnGroup {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: 10px;
+
+            .btn {
+                width: 100%;
+                height: 40px;
+                line-height: 40px;
+                border-radius: 20px;
+                text-align: center;
+                box-sizing: border-box;
+                border: 1px solid #000;
+
+                &.black {
+                    background-color: #000;
+                    color: #fff;
+                    margin-left: 0;
+                }
+
+                &.white {
+                    background-color: #fff;
+                    color: #000;
+                }
+            }
+        }
+    }
+}

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/coupon/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Coupon: import("react").MemoExoticComponent<({ index, item }: any) => JSX.Element>;

package/dist/common/coupon/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useComponent, antdMobile } from '@brushes/qj-simulate-component';
+const { Radio } = antdMobile;
+const CouponJsx = ({ index, item }) => {
+    const { View, Text } = useComponent();
+    return (_jsx(View, Object.assign({ className: "couponItem" }, { 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: item.price }))] })), _jsxs(View, Object.assign({ className: 'info' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: item.title })), _jsxs(Text, Object.assign({ className: 'date' }, { children: ["\u6709\u6548\u671F\u81F3\uFF1A", item.date] }))] })), _jsx(Radio, { value: index, className: 'choose' })] })) })));
+};
+export const Coupon = memo(CouponJsx);

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,300 @@
+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;
+}[];
+export declare const couponListFake: {
+    title: string;
+    date: string;
+    price: number;
+}[];
+export declare const goodsDetailFake: {
+    goodsId: number;
+    goodsBillbatch: null;
+    spuCode: string;
+    freightTemCode: null;
+    memberCode: string;
+    memberMcode: string;
+    memberMname: string;
+    goodsSdate: null;
+    goodsEdate: null;
+    goodsDay: null;
+    goodsDayinfo: null;
+    memberName: string;
+    memberCcode: string;
+    memberCname: string;
+    goodsClass: string;
+    goodsSenum: null;
+    goodsSeweight: null;
+    memberBcode: null;
+    memberBname: null;
+    saleChannel: null;
+    goodsCode: string;
+    goodsOldcode: string;
+    dataOpbillstate: number;
+    dataOpnextbillstate: number;
+    goodsName: string;
+    goodsThdate: null;
+    goodsOdate: null;
+    goodsHdate: number;
+    goodsOrigin: string;
+    goodsSp: null;
+    goodsPro: string;
+    goodsType: string;
+    pntreeCode: string;
+    pntreeName: string;
+    classtreeCode: string;
+    classtreeName: string;
+    classtreeShopcode: null;
+    classtreeShopname: null;
+    partsnameName: null;
+    productareaName: null;
+    goodsMaterial: string;
+    goodsShowname: string;
+    channelName: string;
+    goodsShowno: string;
+    goodsSpec: string;
+    goodsSpec1: string;
+    goodsSpec2: string;
+    goodsSpec3: string;
+    goodsSpec4: string;
+    goodsSpec5: string;
+    goodsProperty: null;
+    goodsProperty1: string;
+    goodsProperty2: string;
+    goodsProperty3: string;
+    goodsProperty4: string;
+    goodsProperty5: string;
+    goodsMinnum: number;
+    goodsOneweight: number;
+    goodsWeight: number;
+    goodsNum: number;
+    goodsSupplynum: number;
+    goodsSupplyweight: number;
+    goodsAhnum: number;
+    goodsAhweight: number;
+    brandCode: string;
+    brandName: string;
+    goodsHangnum: number;
+    goodsHangweight: number;
+    goodsTopnum: null;
+    goodsTopweight: null;
+    goodsOrdnum: number;
+    goodsOrdweight: number;
+    partsnameNumunit: null;
+    partsnameWeightunit: null;
+    pricesetNprice: number;
+    pricesetMakeprice: number;
+    pricesetBaseprice: number;
+    pricesetMakeshow: null;
+    pricesetAsprice: number;
+    pricesetType: null;
+    pricesetRefrice: number;
+    pricesetPrefprice: number;
+    pricesetInsideprice: number;
+    areaCode: null;
+    areaName: null;
+    mschannelName: string;
+    mschannelCode: string;
+    warehouseCode: null;
+    warehouseName: null;
+    goodsContract: null;
+    dataPic: string;
+    dataPicpath: null;
+    memberContact: null;
+    memberContactPhone: null;
+    memberContactQq: null;
+    tenantCode: string;
+    appmanageIcode: null;
+    channelCode: string;
+    goodsSort: number;
+    goodsNo: string;
+    ginfoCode: null;
+    goodsEocode: null;
+    goodsCodeOld: string;
+    channelVer: number;
+    channelTver: number;
+    pricesetCurrency: null;
+    pricesetCurrency1: null;
+    goodsRemark: string;
+    goodsWebremark: null;
+    rsGoodsFileDomainList: {
+        goodsFileId: number;
+        goodsFileCode: string;
+        skuCode: null;
+        goodsCode: string;
+        goodsFileSort: null;
+        goodsFilesortName: null;
+        goodsFileType: null;
+        defaultState: number;
+        goodsFileName: null;
+        goodsFileUrl: string;
+        memberCode: string;
+        memberName: string;
+        appmanageIcode: null;
+        tenantCode: string;
+        userCode: null;
+        userName: null;
+        companyCode: null;
+        companyShortname: null;
+        departCode: null;
+        departShortname: null;
+        employeeCode: null;
+        employeeName: null;
+    }[];
+    rsGoodsRelDomainList: null;
+    goodsList: null;
+    rsSkuDomainList: {
+        skuId: number;
+        ginfoCode: null;
+        skuCode: string;
+        skuName: string;
+        spuCode: string;
+        skuOldcode: string;
+        goodsOldcode: string;
+        skuRemark: null;
+        goodsCode: string;
+        brandCode: string;
+        brandName: string;
+        skuShowno: string;
+        goodsShowno: string;
+        channelName: string;
+        pricesetNprice: number;
+        pricesetMakeprice: number;
+        pricesetBaseprice: number;
+        pricesetAsprice: number;
+        pricesetRefrice: number;
+        goodsTopnum: null;
+        goodsTopweight: null;
+        pricesetPrefprice: number;
+        goodsClass: string;
+        pricesetInsideprice: number;
+        appmanageIcode: null;
+        tenantCode: string;
+        goodsMinnum: number;
+        goodsOneweight: number;
+        partsnameNumunit: null;
+        partsnameWeightunit: null;
+        channelVer: number;
+        channelTver: number;
+        goodsWeight: number;
+        goodsNum: number;
+        goodsSupplynum: number;
+        goodsSupplyweight: number;
+        goodsAhnum: number;
+        goodsAhweight: number;
+        goodsHangnum: number;
+        goodsHangweight: number;
+        goodsOrdnum: number;
+        goodsOrdweight: number;
+        classtreeCode: string;
+        classtreeShopcode: null;
+        skuOdate: null;
+        skuHdate: number;
+        dataOpbillstate: number;
+        goodsSalesvolume: null;
+        skuBarcode: null;
+        saleChannel: null;
+        skuNo: string;
+        goodsNo: string;
+        mschannelName: string;
+        mschannelCode: string;
+        skuSort: number;
+        channelCode: string;
+        skuCodeOld: string;
+        goodsPro: string;
+        goodsType: string;
+        dataPic: string;
+        freightTemCode: null;
+        goodsName: string;
+        propertiesList: null;
+        specList: null;
+        rsGoodsFileDomainList: {
+            goodsFileId: number;
+            goodsFileCode: string;
+            skuCode: string;
+            goodsCode: null;
+            goodsFileSort: null;
+            goodsFilesortName: null;
+            goodsFileType: null;
+            defaultState: number;
+            goodsFileName: null;
+            goodsFileUrl: string;
+            memberCode: string;
+            memberName: string;
+            appmanageIcode: null;
+            tenantCode: string;
+            userCode: null;
+            userName: null;
+            companyCode: null;
+            companyShortname: null;
+            departCode: null;
+            departShortname: null;
+            employeeCode: null;
+            employeeName: null;
+        }[];
+        memberCname: string;
+        memberName: string;
+        memberCode: string;
+        memberCcode: string;
+        rsGoodsRelDomainList: null;
+        showWeight: number;
+        showNum: number;
+        goodsOrigin: string;
+        skuEocode: null;
+        memberMcode: string;
+        memberMname: string;
+        goodsEocode: null;
+        goodsShowname: string;
+        classtreeName: string;
+        classtreeShopname: null;
+        goodsSp: null;
+        dataOpnextbillstate: number;
+        goodsSenum: null;
+        goodsSeweight: null;
+        memberBcode: null;
+        memberBname: null;
+        mpriceType: null;
+    }[];
+    rsSpecValueDomainList: {
+        specValueId: number;
+        specValueCode: string;
+        spuCode: string;
+        specGroupCode: string;
+        specCode: string;
+        specName: string;
+        specValueValue: string;
+        specValueType: string;
+        specValueFlag: string;
+        specValueBillno: string;
+        appmanageIcode: null;
+        tenantCode: string;
+        specOptionNum: null;
+        specOptionNum1: null;
+    }[];
+    rsPropertiesValueDomainList: null;
+    delSkuId: null;
+    freightTemName: null;
+    skuNo: string;
+    rsGoodsShopDomainList: null;
+    rsGoodsWhDomainList: null;
+    gmtCreate: number;
+    gmtModified: number;
+    memo: null;
+    dataState: number;
+    isShow: null;
+    classtreeFullName: null;
+    skuList: null;
+};