s-material-react 0.1.1 → 0.1.3

package/dist/components/GoodsDetail/index.js

@@ -7,32 +7,72 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { memo, useEffect, useState } from 'react';
 import { useComponent } from '@brushes/qj-simulate-component';
-import { SEARCH } from '../../static';
-import { Skeleton } from 'antd-mobile';
-import { getResourceGoodsInfoBySkuCode } from '@brushes/api';
+import { queryPromotionListByGoodsCode } from '@brushes/api';
 import { _ } from '@brushes/tools';
+import { getEnv } from '@brushes/api';
 import GoodsDetailPromotion from './components/goodsDetailPromotion';
 import GoodsDetailCoupon from './components/goodsDetailCoupon';
-const { isEmpty } = _;
+import { goodsDetailFake } from '../../common/mock';
+import GoodsDetailCollection from './components/goodsDetailCollection';
+import GoodsDetailHandleBar from './components/goodsDetailHandleBar';
+import { Slider } from '../Slider';
+import GoodsDetailInfo from './components/goodsDetailInfo';
+import GoodsDetailEvaluate from './components/goodsDetailEvaluate';
+import GoodsDetailSize from './components/goodsDetailSize';
+const flag = getEnv();
+const { isEmpty, get } = _;
 const GoodsDetailJsx = () => {
-    const { View, Text } = useComponent();
+    var _a;
     const [goods, setGoods] = useState({});
+    const { View, Text, Skeleton } = useComponent();
+    const [promotionArr, setPromotionArr] = useState([]);
+    const [checkCollectionObj, setCheckCollectionObj] = useState({});
+    const [sliderArr, setSliderArr] = useState([]);
+    const [tabActive, setTabActive] = useState(1);
+    const [popupVisible, setPopupVisible] = useState(false);
     useEffect(() => {
-        getData();
+        getGoodsDetailData();
     }, []);
-    const getData = () => __awaiter(void 0, void 0, void 0, function* () {
-        const result = yield getResourceGoodsInfoBySkuCode({
-            skuCode: '574562232464371754'
+    const getGoodsDetailData = () => __awaiter(void 0, void 0, void 0, function* () {
+        // const result = await getResourceGoodsInfoBySkuCode({
+        //   skuCode: '639978727769698312'
+        // });
+        const goodsDetailResult = goodsDetailFake;
+        const promotionListParams = {
+            skuNo: goodsDetailResult.skuNo || '',
+            skuCode: goodsDetailResult.rsSkuDomainList[0].skuCode || '',
+            classtreeCode: goodsDetailResult.classtreeCode || '',
+            brandCode: goodsDetailResult.brandCode || '',
+            pntreeCode: goodsDetailResult.pntreeCode || '',
+            memberCode: goodsDetailResult.memberCode || ''
+        };
+        console.log(22, goodsDetailResult.rsGoodsFileDomainList);
+        const arr = get(goodsDetailResult, 'rsGoodsFileDomainList', []);
+        if (isEmpty(arr))
+            return;
+        const sliderData = arr.map((item) => {
+            return {
+                imgUrl: item.goodsFileUrl,
+                link: ''
+            };
         });
-        console.log(22, result);
-        setGoods(result);
+        setSliderArr(sliderData);
+        setGoods(goodsDetailResult);
+        getPromotionData(promotionListParams);
     });
-    return (_jsx(View, Object.assign({ className: 'GoodsDetailWrap' }, { children: isEmpty(goods) ? (_jsxs(_Fragment, { children: [_jsx(Skeleton, { animated: true, style: {
+    const getPromotionData = (params) => __awaiter(void 0, void 0, void 0, function* () {
+        const result = yield queryPromotionListByGoodsCode(params);
+        setPromotionArr(result);
+    });
+    return (_jsx(View, Object.assign({ className: 'GoodsDetailWrap', style: {
+            height: flag ? '100vh' : '600px',
+            paddingBottom: flag ? '100vh' : '60px'
+        } }, { children: isEmpty(goods) ? (_jsxs(View, Object.assign({ className: 'skeleton' }, { 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, {})] })) })));
+                    } }), _jsx(Skeleton.Title, { animated: true }), _jsx(Skeleton.Paragraph, { lineCount: 10, animated: true })] }))) : (_jsxs(_Fragment, { children: [_jsx(View, Object.assign({ className: 'topSlider' }, { children: _jsx(Slider, { selectImg: sliderArr }) })), _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", (_a = goods === null || goods === void 0 ? void 0 : goods.pricesetNprice) === null || _a === void 0 ? void 0 : _a.toFixed(2)] }))] }), _jsx(View, Object.assign({ className: 'rPart' }, { children: _jsx(GoodsDetailCollection, { goods: goods, checkCollectionObj: checkCollectionObj, setCheckCollectionObj: setCheckCollectionObj }) }))] })), _jsx(GoodsDetailSize, { goods: goods, popupVisible: popupVisible, setPopupVisible: setPopupVisible }), _jsx(GoodsDetailPromotion, { promotionList: promotionArr }), _jsx(GoodsDetailCoupon, {}), _jsxs(View, Object.assign({ className: 'goodsDetailTab' }, { children: [_jsxs(View, Object.assign({ className: 'tabs' }, { children: [_jsxs(Text, Object.assign({ className: `tabsItem ${tabActive === 1 ? 'active' : ''}`, onClick: () => setTabActive(1) }, { children: ["\u5546\u54C1\u8BE6\u60C5", _jsx(Text, { className: 'line' })] })), _jsxs(Text, Object.assign({ className: `tabsItem ${tabActive === 2 ? 'active' : ''}`, onClick: () => setTabActive(2) }, { children: ["\u8BC4\u4EF7", _jsx(Text, { className: 'line' })] }))] })), _jsx(View, Object.assign({ className: 'group' }, { children: tabActive === 1 ? _jsx(GoodsDetailInfo, { goods: goods }) : _jsx(GoodsDetailEvaluate, {}) }))] })), _jsx(GoodsDetailHandleBar, {})] })) })));
 };
 export const GoodsDetail = memo(GoodsDetailJsx);

package/dist/components/GoodsGroup/index.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useEffect, useState } from 'react';
-import { JumboTabs } from 'antd-mobile';
+import { antdMobile } from '@brushes/qj-simulate-component';
 import { _ } from '@brushes/tools';
 import { Goods } from '../Goods';
+const { JumboTabs } = antdMobile;
 const { isUndefined, isEmpty } = _;
 const GoodsGroupJsx = ({ defaultValue = [], type, selectGoodsGroup = [], marginTop, marginBottom, borderRadius }) => {
     const [list, setList] = useState(defaultValue);

package/dist/components/GoodsList/components/filter.d.ts

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

package/dist/components/GoodsList/components/filter.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+const dataConfig = [
+    {
+        name: '默认',
+        code: 'pricesetNprice'
+    },
+    {
+        name: '新品',
+        code: ''
+    },
+    {
+        name: '销量',
+        code: 'goodsSalesvolume'
+    },
+    {
+        name: '价格',
+        code: 'pricesetNprice'
+    }
+];
+export const Filter = () => {
+    const { View } = useComponent();
+    const [active, setActive] = useState(0);
+    const handleSort = (e) => {
+        const { index, type } = e.target.dataset;
+        setActive(index);
+        console.log(30, type);
+    };
+    return (_jsx(View, Object.assign({ className: 'sortWrap' }, { children: dataConfig.map((item, index) => (_jsx(View, Object.assign({ "data-index": index, "data-type": item.code, className: `sortItem ${active === index ? 'active' : ''}`, onClick: handleSort }, { children: item.name }), index))) })));
+};

package/dist/components/GoodsList/hooks/useGoodsList.d.ts

@@ -0,0 +1,5 @@
+export declare function useGoodsList(classtreeCode: string): {
+    loading: boolean;
+    getData: (sortField?: string, order?: string) => Promise<void>;
+    list: never[];
+};

package/dist/components/GoodsList/hooks/useGoodsList.js

@@ -0,0 +1,49 @@
+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 { useEffect, useRef, useState } from 'react';
+import { find } from '@brushes/api';
+import { _ } from '@brushes/tools';
+const { isEmpty } = _;
+export function useGoodsList(classtreeCode) {
+    const isCanScroll = useRef(true);
+    const num = useRef(0);
+    const [list, setList] = useState([]);
+    // const sortField = useRef('pricesetNprice');
+    // const order = useRef('asc');
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        getData();
+    }, []);
+    const getData = (sortField = 'pricesetNprice', order = 'asc') => __awaiter(this, void 0, void 0, function* () {
+        if (!isCanScroll.current)
+            return;
+        ++num.current;
+        setLoading(true);
+        const response = yield find({
+            distinctField: 'goodsNo',
+            sortField: sortField,
+            order: order,
+            goodsType: '00,50',
+            page: num.current,
+            rows: 10
+            // classtreeCode,
+        });
+        if (isEmpty(response.list)) {
+            isCanScroll.current = false;
+        }
+        setLoading(false);
+        setList((prevState) => prevState.concat(response.list));
+    });
+    return {
+        loading,
+        getData,
+        list
+    };
+}

package/dist/components/GoodsList/index.js

@@ -1,66 +1,15 @@
-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 { memo, useEffect, useRef, useState } from 'react';
-import { Loading, ScrollView, useComponent } from '@brushes/qj-simulate-component';
-import { find } from '@brushes/api';
+import { memo } from 'react';
+import { Loading, navigatorImpl, ScrollView, useComponent } from '@brushes/qj-simulate-component';
 import { QjMobileIcon } from '../../common/icon';
-const GoodsListJsx = () => {
+import { Filter } from './components/filter';
+import { useGoodsList } from './hooks/useGoodsList';
+import { routerMap } from '../../routerMap';
+const GoodsListJsx = ({ classtreeCode = '' }) => {
     const { View, Text } = useComponent();
-    const [list, setList] = useState([]);
-    const [active, setActive] = useState('1');
-    const sortField = useRef('pricesetNprice');
-    const order = useRef('asc');
-    const [loading, setLoading] = useState(false);
-    useEffect(() => {
-        getData();
-    }, []);
-    const getData = (sortField = 'pricesetNprice', order = 'asc') => __awaiter(void 0, void 0, void 0, function* () {
-        setLoading(true);
-        const response = yield find({
-            distinctField: 'goodsNo',
-            sortField: sortField,
-            order: order,
-            goodsType: '00,50',
-            page: 1,
-            rows: 10
-        });
-        setLoading(false);
-        setList((prevState) => prevState.concat(response.list));
-    });
-    const handleSort = (e) => {
-        const type = e.target.dataset.type;
-        setActive(type);
-        console.log(30, sortField, order, type);
-        // switch (type) {
-        //   case '1':
-        //     sortField.current = 'pricesetNprice';
-        //     order.current = 'asc';
-        //     break
-        //   case '2':
-        //     sortField.current = '';
-        //     order.current = 'desc';
-        //     break;
-        //   case '3':
-        //     sortField.current = 'pricesetNprice';
-        //     order.current = type === '3' && order.current === 'asc' ? 'desc' : 'asc'
-        //     break
-        //   case '4':
-        //     sortField.current = 'pricesetNprice';
-        //     order.current = type === '4' && order.current === 'asc' ? 'desc' : 'asc'
-        //     break
-        // }
-        getData(sortField.current, order.current);
-    };
-    return (_jsxs(View, Object.assign({ className: 'goodsList' }, { children: [_jsxs(View, Object.assign({ className: 'topInfo' }, { children: [_jsxs(View, Object.assign({ className: 'search' }, { children: [_jsx(QjMobileIcon, { value: "fenxiang" }), _jsx(Text, Object.assign({ className: 'title' }, { children: "\u641C\u7D22\u5546\u54C1" }))] })), _jsxs(View, Object.assign({ className: 'sortWrap' }, { children: [_jsx(View, Object.assign({ className: `sortItem ${active === '1' ? 'active' : ''}`, onClick: handleSort }, { children: "\u9ED8\u8BA4" })), _jsx(View, Object.assign({ "data-type": 'pricesetNprice', className: `sortItem ${active === '2' ? 'active' : ''}`, onClick: handleSort }, { children: "\u65B0\u54C1" })), _jsx(View, Object.assign({ "data-order": order.current === 'asc' ? 'desc' : 'asc', className: `sortItem ${active === '3' ? 'active' : ''}`, onClick: handleSort }, { children: "\u9500\u91CF" })), _jsx(View, Object.assign({ "data-order": order.current === 'asc' ? 'desc' : 'asc', className: `sortItem ${active === '4' ? 'active' : ''}`, onClick: handleSort }, { children: "\u4EF7\u683C" }))] }))] })), _jsx(View, Object.assign({ className: 'listWrap' }, { children: _jsxs(ScrollView, Object.assign({ onScroll: getData, style: { height: '100vh' } }, { children: [_jsx(View, Object.assign({ className: 'list' }, { children: list.map((item) => {
-                                return (_jsxs(View, Object.assign({ className: 'listItem' }, { children: [_jsx(View, { className: 'img', style: { backgroundImage: `url(${item.dataPic})` } }), _jsx(Text, Object.assign({ className: 'name' }, { children: item.goodsName })), _jsxs(Text, Object.assign({ className: 'price' }, { children: ["\uFFE5 ", item.pricesetNprice.toFixed(2)] }))] }), item.skuCode));
+    const { loading, getData, list } = useGoodsList(classtreeCode);
+    return (_jsxs(View, Object.assign({ className: 'goodsList' }, { children: [_jsxs(View, Object.assign({ className: 'topInfo' }, { children: [_jsxs(View, Object.assign({ className: 'search' }, { children: [_jsx(QjMobileIcon, { value: "fenxiang" }), _jsx(Text, Object.assign({ className: 'title' }, { children: "\u641C\u7D22\u5546\u54C1" }))] })), _jsx(Filter, {})] })), _jsx(View, Object.assign({ className: 'listWrap' }, { children: _jsxs(ScrollView, Object.assign({ onScroll: () => getData(), style: { height: '100vh' } }, { children: [_jsx(View, Object.assign({ className: 'list' }, { children: list.map((item) => {
+                                return (_jsxs(View, Object.assign({ onClick: () => navigatorImpl(routerMap.goodDetail), className: 'listItem' }, { children: [_jsx(View, { className: 'img', style: { backgroundImage: `url(${item.dataPic})` } }), _jsx(Text, Object.assign({ className: 'name' }, { children: item.goodsName })), _jsxs(Text, Object.assign({ className: 'price' }, { children: ["\uFFE5 ", item.pricesetNprice.toFixed(2)] }))] }), item.skuCode));
                             }) })), loading ? _jsx(Loading, {}) : null] })) }))] })));
 };
 export const GoodsList = memo(GoodsListJsx);

package/dist/components/Mine/components/menuList.d.ts

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

package/dist/components/Mine/components/menuList.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+export const MenuList = () => {
+    const { View, Text } = useComponent();
+    const config = useRef([
+        {
+            icon: '',
+            label: '优惠券',
+            link: ''
+        },
+        {
+            icon: '',
+            label: '地址管理',
+            link: ''
+        }
+    ]);
+    return (_jsx(View, Object.assign({ className: 'menuList' }, { children: config.current.map((item, idx) => {
+            return (_jsxs(View, Object.assign({ className: 'menuListItem' }, { children: [_jsxs(View, Object.assign({ className: 'lPart' }, { children: [_jsx(Text, { className: 'icon' }), _jsx(Text, Object.assign({ className: 'label' }, { children: item.label }))] })), _jsx(Text, { className: 'tag' })] }), idx));
+        }) })));
+};

package/dist/components/Mine/components/orderEntry.d.ts

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

package/dist/components/Mine/components/orderEntry.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { navigatorImpl, useComponent } from '@brushes/qj-simulate-component';
+import { AFTERSALE, FINISH, OBLIGATION, ORDERTOPAY, ORDERTORECEIVE } from '../../../static';
+import { useRef } from 'react';
+import { routerMap } from '../../../routerMap';
+export const OrderEntry = () => {
+    const { View, Text, Badge, Image } = useComponent();
+    const config = useRef([
+        {
+            badge: 5,
+            label: '待付款',
+            icon: OBLIGATION,
+            link: ''
+        },
+        {
+            badge: 0,
+            label: '待发货',
+            icon: ORDERTOPAY,
+            link: ''
+        },
+        {
+            badge: 0,
+            label: '待收货',
+            icon: ORDERTORECEIVE,
+            link: ''
+        },
+        {
+            badge: 0,
+            label: '已完成',
+            icon: FINISH,
+            link: ''
+        },
+        {
+            badge: 0,
+            label: '退换/售后',
+            icon: AFTERSALE,
+            link: ''
+        }
+    ]);
+    return (_jsxs(View, Object.assign({ className: 'orderEntry' }, { children: [_jsxs(View, Object.assign({ className: 'title' }, { children: [_jsx(View, Object.assign({ className: 'name' }, { children: "\u6211\u7684\u8BA2\u5355" })), _jsx(View, Object.assign({ className: 'more', onClick: () => navigatorImpl(routerMap.order) }, { children: "\u67E5\u770B\u5168\u90E8" }))] })), _jsx(View, Object.assign({ className: 'content' }, { children: config.current.map((item, index) => (_jsxs(View, Object.assign({ onClick: () => navigatorImpl(`${routerMap.order}?id=${index + 1}`), className: 'contentItem' }, { children: [item.badge ? (_jsx(Badge, Object.assign({ content: item.badge, color: '#000', style: { color: '#fff', fontSize: 12 } }, { children: _jsx(Image, { src: item.icon, mode: 'widthFix', className: 'icon' }) }))) : (_jsx(Image, { src: item.icon, mode: 'widthFix', className: 'icon' })), _jsx(Text, Object.assign({ className: 'subTitle' }, { children: item.label }))] }), index))) }))] })));
+};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface MineType {
+    avatarStyle: number;
+    banner: number;
+}
+export declare const Mine: import("react").NamedExoticComponent<MineType>;
+export {};

package/dist/components/Mine/index.js

@@ -0,0 +1,14 @@
+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 { OrderEntry } from './components/orderEntry';
+import { MenuList } from './components/menuList';
+const MineJsx = ({ avatarStyle, banner }) => {
+    const { View, Text } = useComponent();
+    const flag = getEnv();
+    return (_jsxs(View, Object.assign({ className: 'mine', style: {
+            height: flag ? '100vh' : '600px'
+        } }, { children: [_jsxs(View, Object.assign({ className: 'topBoard' }, { children: [_jsx(View, { className: 'icon' }), _jsx(View, { className: 'icon' })] })), _jsxs(View, Object.assign({ className: 'userSetting' }, { children: [_jsxs(View, Object.assign({ className: 'lPart' }, { children: [_jsx(Text, Object.assign({ className: 'name' }, { children: "\u5F20\u4E09" })), _jsx(View, Object.assign({ className: 'link' }, { children: '编辑个人资料 >' }))] })), _jsx("img", { src: "", alt: "", className: 'avatar', style: { borderRadius: avatarStyle ? '50%' : '2px' } })] })), _jsx(OrderEntry, {}), _jsx(MenuList, {}), banner ? _jsx("img", { className: 'banner', src: "", alt: "" }) : null] })));
+};
+export const Mine = memo(MineJsx);

package/dist/components/Notice/index.js

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

package/dist/components/OrderDetail/index.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
-import { useComponent } from '@brushes/qj-simulate-component';
+import { useComponent, antdMobile } from '@brushes/qj-simulate-component';
 import { ORDERTOPAY } from '../../static';
 import { CardJsx } from '../../common/card';
-import { Button } from 'antd-mobile';
 import { result } from '../OrderList/components/mock';
+const { Button } = antdMobile;
 const OrderDetailJsx = () => {
     const { View, Text } = useComponent();
     return (_jsxs(View, Object.assign({ className: 'orderDetail' }, { children: [_jsx(View, Object.assign({ className: 'orderDetailTopTitle' }, { children: _jsxs(View, Object.assign({ className: 'orderDetailTopTitleContent' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: "\u8BA2\u5355\u8BE6\u60C5" })), _jsxs(View, Object.assign({ className: 'subTitleWrap' }, { children: [_jsx("img", { src: ORDERTOPAY, alt: "", className: 'subTitleIcon' }), _jsx(Text, Object.assign({ className: 'subTitle' }, { children: "\u5DF2\u5B8C\u6210" }))] }))] })) })), _jsx(View, Object.assign({ className: 'orderDetailContent' }, { children: _jsxs(View, Object.assign({ style: { position: 'relative', top: -26 } }, { children: [_jsxs(View, Object.assign({ className: 'addressInfo' }, { children: [_jsx(View, Object.assign({ className: 'lPart' }, { children: _jsx("img", { src: ORDERTOPAY, alt: "", className: 'icon' }) })), _jsxs(View, Object.assign({ className: 'mPart' }, { children: [_jsxs(View, Object.assign({ className: 'personInfo' }, { children: [_jsx(Text, Object.assign({ className: 'personName' }, { children: "\u674E\u660E\u771F" })), _jsx(Text, Object.assign({ className: 'personPhone' }, { children: "13679126756" }))] })), _jsx(View, Object.assign({ className: 'address' }, { children: "\u4E0A\u6D77\u5E02\u95F5\u884C\u533A\u53E4\u7F8E\u8DEF\u534E\u4E00\u65B0\u57CE18-201" }))] })), _jsx(View, Object.assign({ className: 'rPart' }, { children: _jsx("img", { src: ORDERTOPAY, alt: "", className: 'icon' }) }))] })), _jsxs(View, Object.assign({ className: 'orderDetailGoodsWrap' }, { children: [result.rows[0].goodsList.map((item) => (_jsx(CardJsx, Object.assign({}, item), item.contractGoodsId))), _jsxs(View, Object.assign({ className: 'btnGroup' }, { children: [_jsx(Button, Object.assign({ shape: "rounded", className: 'btn white' }, { children: "\u67E5\u770B\u7269\u6D41" })), _jsx(Button, Object.assign({ shape: "rounded", className: 'btn black' }, { children: "\u786E\u8BA4\u6536\u8D27" }))] })), _jsxs(View, Object.assign({ className: 'priceInfo' }, { children: [_jsxs(View, Object.assign({ className: 'priceInfoFloor top' }, { children: [_jsx(View, Object.assign({ className: 'totalNum' }, { children: "\u51712\u4EF6\u5546\u54C1" })), _jsx(View, Object.assign({ className: 'totalPrice' }, { children: "\u5408\u8BA1 \uFFE51960.00" }))] })), _jsxs(View, Object.assign({ className: 'priceInfoFloor' }, { children: [_jsx(View, Object.assign({ className: 'totalNum' }, { children: "\u5546\u54C1\u603B\u989D" })), _jsx(View, Object.assign({ className: 'totalPrice' }, { children: "\u5408\u8BA1 \uFFE51960.00" }))] })), _jsxs(View, Object.assign({ className: 'priceInfoFloor' }, { children: [_jsx(View, Object.assign({ className: 'totalNum' }, { children: "\u4F18\u60E0" })), _jsx(View, Object.assign({ className: 'totalPrice' }, { children: "\u5408\u8BA1 \uFFE51960.00" }))] }))] }))] })), _jsxs(View, Object.assign({ className: 'express' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u914D\u9001\u65B9\u5F0F" })), _jsx(View, Object.assign({ className: 'name' }, { children: "\u5FEB\u9012" }))] })), _jsxs(View, Object.assign({ className: 'orderInfo' }, { children: [_jsx(View, Object.assign({ className: 'orderInfoItem' }, { children: _jsx(View, Object.assign({ className: 'label' }, { children: "\u8BA2\u5355\u4FE1\u606F" })) })), _jsxs(View, Object.assign({ className: 'orderInfoItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u4E70\u5BB6\u7559\u8A00" })), _jsx(View, Object.assign({ className: 'name' }, { children: "\u5FEB\u70B9\u53D1\u8D27\u54DF" }))] })), _jsxs(View, Object.assign({ className: 'orderInfoItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u8BA2\u5355\u7F16\u53F7" })), _jsx(View, Object.assign({ className: 'name' }, { children: "243728743824782" }))] })), _jsxs(View, Object.assign({ className: 'orderInfoItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u7CFB\u7EDF\u7F16\u53F7" })), _jsx(View, Object.assign({ className: 'name' }, { children: "243728743824782" }))] })), _jsxs(View, Object.assign({ className: 'orderInfoItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u4E0B\u5355\u65F6\u95F4" })), _jsx(View, Object.assign({ className: 'name' }, { children: "2022-10-01 10:00:00" }))] }))] })), _jsxs(View, Object.assign({ className: 'btnGroupFooter' }, { children: [_jsx(Button, Object.assign({ shape: "rounded" }, { children: "\u7533\u8BF7\u9000\u6B3E" })), _jsx(Button, Object.assign({ shape: "rounded" }, { children: "\u7533\u8BF7\u552E\u540E" }))] }))] })) }))] })));

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

@@ -27,7 +27,6 @@ function OrderListItemJsx({ item }) {
         // console.log(17, e.detail);
         try {
             const data = yield queryContractPageC({ page: 1, rows: 10 });
-            console.log(19, data);
             setData((val) => [...val, ...result.rows]);
             setLoading(false);
         }

package/dist/components/OrderList/components/orderItem.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useComponent } from '@brushes/qj-simulate-component';
+import { useComponent, antdMobile } from '@brushes/qj-simulate-component';
 import { CardJsx } from '../../../common/card';
-import { Button } from 'antd-mobile';
+const { Button } = antdMobile;
 export function Item({ contractBillcode, dataBmoney, dataBnum, goodsList }) {
     const { View } = useComponent();
     return (_jsxs(View, Object.assign({ className: 'orderListItem' }, { children: [_jsxs(View, Object.assign({ className: 'topInfo' }, { children: [_jsxs(View, Object.assign({ className: 'orderNo' }, { children: ["\u8BA2\u5355\u53F7: ", contractBillcode, _jsx(Button, Object.assign({ className: 'copy', size: "mini", fill: 'outline' }, { children: "\u590D\u5236" }))] })), _jsx(View, Object.assign({ className: 'status' }, { children: "\u5F85\u652F\u4ED8" }))] })), _jsxs(View, Object.assign({ className: 'goodsItemWrap' }, { children: [goodsList.map((item) => (_jsx(CardJsx, Object.assign({}, item), item.contractGoodsId))), _jsxs(View, Object.assign({ className: 'allInfo' }, { children: [_jsxs(View, Object.assign({ className: 'totalNum' }, { children: ["\u5171", dataBnum, "\u4EF6\u5546\u54C1"] })), _jsxs(View, Object.assign({ className: 'totalPrice' }, { children: ["\u5408\u8BA1 \uFFE5", dataBmoney] }))] }))] })), _jsxs(View, Object.assign({ className: 'btnGroup' }, { children: [_jsx(Button, Object.assign({ shape: "rounded", className: 'btn white' }, { children: "\u67E5\u770B\u7269\u6D41" })), _jsx(Button, Object.assign({ shape: "rounded", className: 'btn black' }, { children: "\u786E\u8BA4\u6536\u8D27" }))] }))] })));

package/dist/components/OrderList/index.js

@@ -2,7 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useRef } from 'react';
 import { useComponent, Tabs } from '@brushes/qj-simulate-component';
 import { OrderListItem } from './components/OrderListItem';
-const OrderListJsx = () => {
+const OrderListJsx = ({ defaultIndex = 0 }) => {
+    console.log('location', defaultIndex);
     const { View } = useComponent();
     const tabs = useRef([
         { name: '全部', code: 'all' },
@@ -11,6 +12,6 @@ const OrderListJsx = () => {
         { name: '待收货', code: 'receive' },
         { name: '已完成', code: 'done' }
     ]);
-    return (_jsx(View, Object.assign({ className: 'order-container' }, { children: _jsx(Tabs, { tabs: tabs.current, render: (item) => (_jsx(View, Object.assign({ className: 'orderList' }, { children: _jsx(OrderListItem, { item: item }) }))) }) })));
+    return (_jsx(View, Object.assign({ className: 'order-container' }, { children: _jsx(Tabs, { defaultIndex: defaultIndex, tabs: tabs.current, render: (item) => (_jsx(View, Object.assign({ className: 'orderList' }, { children: _jsx(OrderListItem, { item: item }) }))) }) })));
 };
 export const OrderList = memo(OrderListJsx);

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

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

package/dist/components/PlaceOrder/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+import { getEnv } from '@brushes/api';
+const flag = getEnv();
+const PlaceOrderJsx = () => {
+    const { View, Text } = useComponent();
+    return (_jsxs(View, Object.assign({ className: 'placeOrder', style: {
+            height: flag ? '100vh' : '600px'
+        } }, { children: [_jsxs(View, Object.assign({ className: 'chooseAddress' }, { children: [_jsxs(View, Object.assign({ className: 'group' }, { children: [_jsx(Text, { className: 'local' }), _jsx(Text, Object.assign({ className: 'address' }, { children: "\u9009\u62E9\u6536\u8D27\u5730\u5740" }))] })), _jsx(Text, { className: 'arrow' })] })), _jsxs(View, Object.assign({ className: 'info blcWrap' }, { children: [_jsxs(View, Object.assign({ className: 'express blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u914D\u9001\u65B9\u5F0F" })), _jsx(View, Object.assign({ className: 'value' }, { children: "\u5FEB\u9012" }))] })), _jsxs(View, Object.assign({ className: 'coupon blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u4F7F\u7528\u4F18\u60E0" })), _jsxs(View, Object.assign({ className: 'value' }, { children: ["\u53EF\u9009\u62E9\u4F7F\u7528\u4F18\u60E0\u7801/\u4F18\u60E0\u7801", _jsx(Text, { className: 'icon' })] }))] }))] })), _jsxs(View, Object.assign({ className: 'price blcWrap' }, { children: [_jsx(View, Object.assign({ className: 'title' }, { children: "\u4EF7\u683C\u660E\u7EC6" })), _jsxs(View, Object.assign({ className: 'express blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u5546\u54C1\u603B\u91D1\u989D" })), _jsx(View, Object.assign({ className: 'value' }, { children: "\uFFE5 890" }))] })), _jsxs(View, Object.assign({ className: 'coupon blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u4F18\u60E0\u91D1\u989D" })), _jsx(View, Object.assign({ className: 'value' }, { children: "\u4E0D\u4F7F\u7528\u4F18\u60E0" }))] })), _jsxs(View, Object.assign({ className: 'express blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u8FD0\u8D39" })), _jsx(View, Object.assign({ className: 'value' }, { children: "\uFFE5 9000" }))] })), _jsxs(View, Object.assign({ className: 'all blcItem' }, { children: [_jsx(View, Object.assign({ className: 'label' }, { children: "\u603B\u8BA1" })), _jsx(View, Object.assign({ className: 'value', style: { color: '#000' } }, { children: "\uFFE5 9000" }))] }))] })), _jsxs(View, Object.assign({ className: 'placeOrderFooter' }, { children: [_jsx(Text, Object.assign({ className: 'price' }, { children: "\u5408\u8BA1: \uFFE517782.00" })), _jsx(View, Object.assign({ className: 'btn' }, { children: "\u63D0\u4EA4\u8BA2\u5355" }))] }))] })));
+};
+export const PlaceOrder = memo(PlaceOrderJsx);

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

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

package/dist/components/PlaceOrderResult/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+import { getEnv } from '@brushes/api';
+const flag = getEnv();
+const PlaceOrderResultJsx = () => {
+    const { View, Text } = useComponent();
+    return (_jsx(View, Object.assign({ className: 'placeOrderResult', style: {
+            height: flag ? '100vh' : '600px'
+        } }, { children: _jsxs(View, Object.assign({ className: 'placeOrderResultContent' }, { children: [_jsx(Text, { className: 'icon' }), _jsxs(View, Object.assign({ className: 'tips' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: "\u8BA2\u5355\u652F\u4ED8\u6210\u529F" })), _jsx(Text, Object.assign({ className: 'tip' }, { children: "\u60A8\u7684\u8BA2\u5355\u5C06\u4FDD\u755915\u5206\u949F\uFF0C\u53EF\u70B9\u51FB\u4E0B\u65B9\u201C\u53BB\u652F\u4ED8\u201D\u5B8C\u6210\u8BA2\u5355" }))] })), _jsxs(View, Object.assign({ className: 'placeOrderResultWrap' }, { children: [_jsxs(View, Object.assign({ className: 'placeOrderResultItem' }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u8BA2\u5355\u53F7\uFF1A" })), _jsx(Text, Object.assign({ className: 'value' }, { children: "324324823748237" }))] })), _jsxs(View, Object.assign({ className: 'placeOrderResultItem' }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u5546\u54C1\u6570\u91CF\uFF1A" })), _jsx(Text, Object.assign({ className: 'value' }, { children: "1" }))] })), _jsxs(View, Object.assign({ className: 'placeOrderResultItem' }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u652F\u4ED8\u65B9\u5F0F\uFF1A" })), _jsx(Text, Object.assign({ className: 'value' }, { children: "\u5FAE\u4FE1\u652F\u4ED8" }))] })), _jsxs(View, Object.assign({ className: 'placeOrderResultItem' }, { children: [_jsx(Text, Object.assign({ className: 'label' }, { children: "\u652F\u4ED8\u91D1\u989D\uFF1A" })), _jsx(Text, Object.assign({ className: 'value' }, { children: "\uFFE5 9999.00" }))] }))] })), _jsxs(View, Object.assign({ className: 'btnGroup' }, { children: [_jsx(View, Object.assign({ className: 'btn black' }, { children: "\u67E5\u770B\u8BA2\u5355" })), _jsx(View, Object.assign({ className: 'btn white' }, { children: "\u7EE7\u7EED\u8D2D\u7269" }))] }))] })) })));
+};
+export const PlaceOrderResult = memo(PlaceOrderResultJsx);

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

@@ -1,2 +1,8 @@
 /// <reference types="react" />
-export declare const SearchPage: import("react").MemoExoticComponent<() => JSX.Element>;
+interface SearchPageType {
+    placeholder: number;
+    placeholderText: string;
+    history: 1;
+}
+export declare const SearchPage: import("react").NamedExoticComponent<SearchPageType>;
+export {};

package/dist/components/SearchPage/index.js

@@ -2,14 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
 import { useComponent } from '@brushes/qj-simulate-component';
 import { SEARCH } from '../../static';
+import { getEnv } from '@brushes/api';
+const flag = getEnv();
 const fake = ['衣服', '裤子'];
-const SearchPageJsx = () => {
+const SearchPageJsx = ({ placeholder, placeholderText, history }) => {
     const { View, Text } = useComponent();
-    const handle = () => {
-        console.log(123);
-    };
-    return (_jsxs(View, Object.assign({ className: 'searchPage' }, { children: [_jsxs(View, Object.assign({ className: 'search-title' }, { children: [_jsx("img", { src: SEARCH, alt: "" }), _jsx("input", { type: "text", className: 'content' }), _jsx(Text, Object.assign({ className: 'btn' }, { children: "\u53D6\u6D88" }))] })), _jsxs(View, Object.assign({ className: 'historyWrap' }, { children: [_jsxs(View, Object.assign({ className: 'title' }, { children: [_jsxs(View, Object.assign({ className: 'label' }, { children: [_jsx(View, { className: 'icon' }), "\u5386\u53F2\u641C\u7D22\u8BB0\u5F55"] })), _jsx(Text, Object.assign({ className: 'clear' }, { children: "\u6E05\u9664" }))] })), _jsx(View, Object.assign({ className: 'content' }, { children: fake.map((item, index) => {
+    return (_jsxs(View, Object.assign({ className: 'searchPage', style: { height: flag ? '100vh' : '600px' } }, { children: [_jsxs(View, Object.assign({ className: 'search-title' }, { children: [_jsx("img", { src: SEARCH, alt: "" }), _jsx("input", Object.assign({ type: "text", className: 'content' }, (placeholder ? { placeholder: placeholderText } : {}))), _jsx(Text, Object.assign({ className: 'btn' }, { children: "\u53D6\u6D88" }))] })), history ? (_jsxs(View, Object.assign({ className: 'historyWrap' }, { children: [_jsxs(View, Object.assign({ className: 'title' }, { children: [_jsxs(View, Object.assign({ className: 'label' }, { children: [_jsx(View, { className: 'icon' }), "\u5386\u53F2\u641C\u7D22\u8BB0\u5F55"] })), _jsx(Text, Object.assign({ className: 'clear' }, { children: "\u6E05\u9664" }))] })), _jsx(View, Object.assign({ className: 'content' }, { children: fake.map((item, index) => {
                             return (_jsx(View, Object.assign({ className: 'historyItem' }, { children: item }), index));
-                        }) }))] }))] })));
+                        }) }))] }))) : null] })));
 };
 export const SearchPage = memo(SearchPageJsx);

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

@@ -4,16 +4,16 @@ export interface itemType {
     link: string;
 }
 interface SwiperType {
-    defaultValue: Array<itemType>;
-    type: number;
-    autoplay: boolean;
-    autoplayInterval: number;
-    direction: 'horizontal' | 'vertical';
-    loop: boolean;
-    marginTop: number;
-    marginBottom: number;
-    selectImg: Array<itemType>;
-    imgHeight: {
+    defaultValue?: Array<itemType>;
+    type?: number;
+    autoplay?: boolean;
+    autoplayInterval?: number;
+    direction?: 'horizontal' | 'vertical';
+    loop?: boolean;
+    marginTop?: number;
+    marginBottom?: number;
+    selectImg?: Array<itemType>;
+    imgHeight?: {
         height: number;
         width: number;
     };

package/dist/components/index.d.ts

@@ -8,7 +8,6 @@ export * from './Service';
 export * from './Search';
 export * from './Slider';
 export * from './GoodsGroup';
-export * from './OrderEntry';
 export * from './OrderList';
 export * from './OrderDetail';
 export * from './ClassifyNav';
@@ -22,3 +21,8 @@ export * from './GoodsDetailPromotion';
 export * from './EvaluateList';
 export * from './AddressList';
 export * from './AddressDetail';
+export * from './PlaceOrder';
+export * from './PlaceOrderResult';
+export * from './CouponList';
+export * from './Cart';
+export * from './Mine';

package/dist/components/index.js

@@ -8,7 +8,6 @@ export * from './Service';
 export * from './Search';
 export * from './Slider';
 export * from './GoodsGroup';
-export * from './OrderEntry';
 export * from './OrderList';
 export * from './OrderDetail';
 export * from './ClassifyNav';
@@ -22,3 +21,8 @@ export * from './GoodsDetailPromotion';
 export * from './EvaluateList';
 export * from './AddressList';
 export * from './AddressDetail';
+export * from './PlaceOrder';
+export * from './PlaceOrderResult';
+export * from './CouponList';
+export * from './Cart';
+export * from './Mine';

package/dist/options/index.js

@@ -1,6 +1,7 @@
 import provinces from 'china-division/dist/provinces.json';
 import cities from 'china-division/dist/cities.json';
 import areas from 'china-division/dist/areas.json';
+console.log(5, provinces);
 areas.forEach((area) => {
     const matchCity = cities.filter((city) => city.code === area.cityCode)[0];
     if (matchCity) {