s-material-react 0.1.13 → 0.1.14

package/dist/components/AddressDetail/hooks/useAddAddress.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export declare function useEditAddress(addressId: string | undefined, Form: any): {
+    skullShow: boolean;
+    form: any;
+    area: {
+        provinceCode: string;
+        provinceName: string;
+        cityCode: string;
+        cityName: string;
+        areaCode: string;
+        areaName: string;
+    };
+    setArea: import("react").Dispatch<import("react").SetStateAction<{
+        provinceCode: string;
+        provinceName: string;
+        cityCode: string;
+        cityName: string;
+        areaCode: string;
+        areaName: string;
+    }>>;
+    userCode: string;
+    defaultAddress: string;
+    handleArea: (val: any) => void;
+    handleDefaultAddress: (result: any) => void;
+    handleFinish: (data: any) => void;
+};

package/dist/components/AddressDetail/hooks/useAddAddress.js

@@ -0,0 +1,80 @@
+import { useEffect, useState } from 'react';
+import { getAddress, saveAddress } from '@brushes/api';
+const userCode = '00000017';
+export function useEditAddress(addressId, Form) {
+    const [form] = Form.useForm();
+    const [defaultAddress, setDefaultAddress] = useState('1');
+    const [skullShow, setSkullShow] = useState(true);
+    const [area, setArea] = useState({
+        provinceCode: '',
+        provinceName: '',
+        cityCode: '',
+        cityName: '',
+        areaCode: '',
+        areaName: ''
+    });
+    useEffect(() => {
+        if (addressId) {
+            initForm();
+        }
+        else {
+            form.setFieldValue('addressDefault', defaultAddress);
+            setSkullShow(false);
+        }
+    }, []);
+    const initForm = () => {
+        getAddress({ addressId }).then((res) => {
+            const resultArea = {
+                provinceCode: res.provinceCode,
+                cityCode: res.cityCode,
+                areaCode: res.areaCode,
+                provinceName: res.provinceName,
+                cityName: res.cityName,
+                areaName: res.areaName
+            };
+            setArea(resultArea);
+            setDefaultAddress(res.addressDefault);
+            form.setFieldValue('addressMember', res.addressMember);
+            form.setFieldValue('addressPhone', res.addressPhone);
+            form.setFieldValue('addressDetail', res.addressDetail);
+            form.setFieldValue('area', resultArea);
+            form.setFieldValue('addressDefault', res.addressDefault);
+            form.validateFields();
+            setSkullShow(false);
+        });
+    };
+    const handleArea = (val) => {
+        const codeArr = val.detail.code;
+        const nameArr = val.detail.value;
+        const result = {
+            provinceCode: codeArr[0],
+            cityCode: codeArr[1],
+            areaCode: codeArr[2],
+            provinceName: nameArr[0],
+            cityName: nameArr[1],
+            areaName: nameArr[2]
+        };
+        setArea(result);
+        form.setFieldValue('area', result);
+        form.validateFields();
+    };
+    const handleFinish = (data) => {
+        const result = Object.assign(data, data.area);
+        delete result.area;
+        saveAddress(Object.assign(Object.assign({}, result), { userCode }));
+    };
+    const handleDefaultAddress = (result) => {
+        setDefaultAddress(result.detail.value ? '1' : '0');
+    };
+    return {
+        skullShow,
+        form,
+        area,
+        setArea,
+        userCode,
+        defaultAddress,
+        handleArea,
+        handleDefaultAddress,
+        handleFinish
+    };
+}

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

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

package/dist/components/AddressDetail/index.js

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

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

@@ -0,0 +1 @@
+export * from './skull';

package/dist/components/AddressList/components/index.js

@@ -0,0 +1 @@
+export * from './skull';

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

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

package/dist/components/AddressList/components/skull.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useRef } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+const SkullJsx = () => {
+    const { View, Skeleton } = useComponent();
+    const coe = useRef(new Array(3).fill(0));
+    return (_jsx(_Fragment, { children: _jsx(View, Object.assign({ className: 'skullWrap' }, { children: _jsx(View, Object.assign({ className: 'skull' }, { children: coe.current.map((item, index) => (_jsx(Skeleton, { className: 'skullItem', animated: true }, index))) })) })) }));
+};
+export const Skull = memo(SkullJsx);

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

@@ -0,0 +1 @@
+export * from './useAddressList';

package/dist/components/AddressList/hooks/index.js

@@ -0,0 +1 @@
+export * from './useAddressList';

package/dist/components/AddressList/hooks/useAddressList.d.ts

@@ -0,0 +1,6 @@
+export declare function useAddressList(): {
+    list: any[];
+    skullShow: boolean;
+    delAddress: (addressInfo: object) => void;
+    setDefault: (addressInfo: any, index: number) => Promise<void>;
+};

package/dist/components/AddressList/hooks/useAddressList.js

@@ -0,0 +1,74 @@
+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, useState } from 'react';
+import { deleteAddress, queryAddressBymerberCode, updateAddress } from '@brushes/api';
+export function useAddressList() {
+    const [list, setList] = useState([]);
+    const [skullShow, setSkullShow] = useState(true);
+    useEffect(() => {
+        getAddressList();
+    }, []);
+    const getAddressList = () => __awaiter(this, void 0, void 0, function* () {
+        const resList = yield queryAddressBymerberCode();
+        setList(resList);
+        setSkullShow(false);
+    });
+    const delAddress = (addressInfo) => {
+        wx === null || wx === void 0 ? void 0 : wx.showModal({
+            title: '提示',
+            content: '确认删除该地址吗？',
+            success: (res) => __awaiter(this, void 0, void 0, function* () {
+                if (res === null || res === void 0 ? void 0 : res.confirm) {
+                    yield deleteAddress({ addressId: addressInfo.addressId });
+                    yield getAddressList();
+                }
+            })
+        });
+    };
+    const setDefault = (addressInfo, index) => __awaiter(this, void 0, void 0, function* () {
+        if (addressInfo.addressDefault !== '1') {
+            const { addressMember, addressPhone, provinceCode, provinceName, cityCode, cityName, areaCode, areaName, addressDetail, addressId, addressCode, dataState } = addressInfo;
+            const params = {
+                addressMember,
+                addressPhone,
+                provinceCode,
+                provinceName,
+                cityCode,
+                cityName,
+                areaCode,
+                areaName,
+                addressDetail,
+                addressId,
+                addressCode,
+                dataState,
+                addressDefault: '1'
+            };
+            setList(replaceArr(index, list));
+            yield updateAddress(params);
+            yield getAddressList();
+        }
+    });
+    const replaceArr = (coe, arr) => {
+        const chooseItem = arr[coe];
+        console.log(chooseItem);
+        arr[coe] = arr[0];
+        arr[coe].addressDefault = '0';
+        arr[0] = chooseItem;
+        arr[0].addressDefault = '1';
+        console.log(111111, arr);
+        return [...arr];
+    };
+    return {
+        list,
+        skullShow,
+        delAddress,
+        setDefault
+    };
+}

package/dist/components/AddressList/index.js

@@ -1,15 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
-import { useComponent, antdMobile } from '@brushes/qj-simulate-component';
+import { navigatorImpl, useComponent } from '@brushes/qj-simulate-component';
 import { getEnv } from '@brushes/api';
-import { addressListFake } from '../../common/mock';
 import { AddressItem } from '../../common/addressItem';
-const { Radio } = antdMobile;
+import { useAddressList } from './hooks';
+import { routerMap } from '../../routerMap';
+import { Skull } from './components';
 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" })) }))] })));
+    const { list, delAddress, setDefault, skullShow } = useAddressList();
+    return (_jsxs(View, Object.assign({ className: 'addressListWrap', style: {
+            height: flag ? 'inherit' : '667px'
+        } }, { children: [skullShow ? (_jsx(Skull, {})) : (_jsx(View, Object.assign({ className: 'addressList' }, { children: list.map((item, index) => (_jsx(AddressItem, { itemData: item, setDefault: setDefault.bind(null, item, index), delAddress: delAddress.bind(null, item) }, item === null || item === void 0 ? void 0 : item.addressId))) }))), _jsx(View, Object.assign({ className: 'addBtnWrap' }, { children: _jsx(View, Object.assign({ className: 'addBtn', onClick: () => navigatorImpl(`${routerMap.addressEditor}`) }, { children: "+ \u65B0\u589E\u5730\u5740" })) }))] })));
 };
 export const AddressList = memo(AddressListJsx);

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

@@ -0,0 +1,3 @@
+export declare function CartItem({ list }: {
+    list: Array<any>;
+}): JSX.Element;

package/dist/components/Cart/components/cartItem.js

@@ -0,0 +1,34 @@
+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, NumStep, SmoothCheckbox } from '@brushes/qj-simulate-component';
+import { useDispatchImpl, useStore } from '../store';
+import { useCartList } from '../hooks';
+export function CartItem({ list }) {
+    const { View, Text, Image, Checkbox } = useComponent();
+    const { updateImpl } = useCartList();
+    const dispatch = useDispatchImpl();
+    const { select } = useStore();
+    const handleStep = (id, amount, type) => __awaiter(this, void 0, void 0, function* () {
+        const count = type === 'plus' ? ++amount : --amount;
+        updateImpl(id, count);
+    });
+    const onChange = (e) => {
+        dispatch({
+            type: 'select',
+            payload: e.detail.value
+        });
+    };
+    return (_jsx(SmoothCheckbox, Object.assign({ onChange: onChange }, { children: list.map((item, index) => (_jsxs(View, Object.assign({ className: 'cartItem' }, { children: [_jsx(View, Object.assign({ className: 'checkBoxWrap' }, { children: _jsx(Checkbox, { checked: select.includes(item.shoppingGoodsId + ''), value: item.shoppingGoodsId, style: {
+                            '--icon-size': '16px',
+                            '--font-size': '14px',
+                            '--gap': '6px'
+                        } }) })), _jsx(Image, { className: 'img', src: item.dataPic }), _jsxs(View, Object.assign({ className: 'info' }, { children: [_jsx(Text, Object.assign({ className: 'goodsName' }, { children: item.goodsName })), _jsxs(View, Object.assign({ className: 'size' }, { children: ["\u89C4\u683C\uFF1A", item.skuName, " X ", item.goodsCamount] })), _jsxs(View, Object.assign({ className: 'handleWrap' }, { children: [_jsxs(Text, Object.assign({ className: 'price' }, { children: ["\uFFE5", item.pricesetNprice] })), _jsx(NumStep, { count: item.goodsCamount, handleStep: handleStep.bind(null, item.shoppingGoodsId, item.goodsCamount) })] }))] }))] }), index))) })));
+}

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare function useCartList(): {
+    cartList: {
+        shoppingGoodsList: never[];
+        disMoney: number;
+    };
+    amount: {
+        num: number;
+        amount: number;
+    };
+    selectAll: (e: {
+        detail: {
+            value: string[];
+        };
+    }) => void;
+    allCart: import("react").MutableRefObject<never[]>;
+    updateImpl: (id: number, count: number) => Promise<void>;
+    toOrderImpl: () => void;
+};

package/dist/components/Cart/hooks/index.js

@@ -0,0 +1,90 @@
+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, useMemo, useState, useRef } from 'react';
+import { queryShoppingPage } from '@brushes/api';
+import { _ } from '@brushes/tools';
+import { useDispatchImpl, useStore } from '../store';
+import { updateShoppingGoodsNum } from '../../../utils/payment';
+import { navigatorImpl } from '../../../../../../../qj-mobile-core/packages/qj-simulate-component';
+import { routerMap } from '../../../routerMap';
+const { get } = _;
+export function useCartList() {
+    const dispatch = useDispatchImpl();
+    const { select } = useStore();
+    const allCart = useRef([]);
+    const [cartList, setCartList] = useState({
+        shoppingGoodsList: [],
+        disMoney: 0
+    });
+    useEffect(() => {
+        (() => __awaiter(this, void 0, void 0, function* () {
+            yield initImpl('isFirst');
+        }))();
+    }, []);
+    const updateImpl = (id, count) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield updateShoppingGoodsNum({
+                shoppingGoodsId: id,
+                amount: count,
+                goodWeight: 0
+            });
+            yield initImpl();
+        }
+        catch (err) {
+            console.log(err);
+        }
+    });
+    const initImpl = (isFirst = '') => __awaiter(this, void 0, void 0, function* () {
+        const data = yield queryShoppingPage();
+        const cart = get(data, 'rows[0].shoppingpackageList[0]', {
+            shoppingGoodsList: [],
+            // sumMoney: 0,
+            disMoney: 0
+        });
+        allCart.current = cart.shoppingGoodsList.map((item) => item.shoppingGoodsId + '');
+        if (isFirst) {
+            dispatch({
+                type: 'select',
+                payload: allCart.current
+            });
+        }
+        setCartList(cart);
+    });
+    const amount = useMemo(() => {
+        let num = 0, amount = 0;
+        cartList.shoppingGoodsList.forEach((item) => {
+            if (select.includes(item.shoppingGoodsId + '')) {
+                num += item.goodsCamount;
+                amount += item.goodsCamount * item.pricesetNprice;
+            }
+        });
+        return {
+            num,
+            amount
+        };
+    }, [select, cartList]);
+    const selectAll = (e) => {
+        dispatch({
+            type: 'select',
+            payload: e.detail.value.includes('true') ? allCart.current : []
+        });
+    };
+    const toOrderImpl = () => {
+        navigatorImpl(`${routerMap.confirm}?shoppingGoodsId=${select.join(',')}`);
+    };
+    return {
+        cartList,
+        amount,
+        selectAll,
+        allCart,
+        updateImpl,
+        toOrderImpl
+    };
+}

package/dist/components/Cart/index.js

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

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

@@ -0,0 +1,10 @@
+/**
+ * =========== StoreProvider, useStore, useDispatchImpl ============
+ * 导出三个参数
+ * 第一个是Provider
+ * 第二个是Store
+ * 第三个是Dispath
+ *
+ */
+declare const StoreProvider: any, useStore: any, useDispatchImpl: any;
+export { StoreProvider, useStore, useDispatchImpl };

package/dist/components/Cart/store/index.js

@@ -0,0 +1,23 @@
+import { makeStore } from 'qj-mobile-store';
+const defaultValues = {
+    count: 1,
+    select: []
+};
+function reduceImpl(state, action) {
+    switch (action.type) {
+        case 'select':
+            return Object.assign(Object.assign({}, state), { select: action.payload });
+        default:
+            return state;
+    }
+}
+/**
+ * =========== StoreProvider, useStore, useDispatchImpl ============
+ * 导出三个参数
+ * 第一个是Provider
+ * 第二个是Store
+ * 第三个是Dispath
+ *
+ */
+const [StoreProvider, useStore, useDispatchImpl] = makeStore(reduceImpl, defaultValues);
+export { StoreProvider, useStore, useDispatchImpl };

package/dist/components/CouponList/index.js

@@ -21,7 +21,7 @@ const CouponListJsx = () => {
         }
     ]);
     return (_jsxs(View, Object.assign({ className: 'couponList', style: {
-            height: flag ? '100vh' : '600px'
+            height: flag ? '100vh' : '667px'
         } }, { children: [_jsx(View, Object.assign({ className: 'couponTab' }, { children: config.current.map((item) => {
                     return (_jsxs(View, Object.assign({ className: `couponTabItem ${coe === item.id ? 'active' : ''}`, onClick: () => setCoe(item.id) }, { children: [item.label, _jsx(Text, { className: 'icon' })] }), item.id));
                 }) })), _jsxs(View, Object.assign({ className: 'couponListContent' }, { children: [_jsx(View, Object.assign({ className: 'couponListItem unused' }, { children: _jsxs(View, Object.assign({ className: 'coupon-content' }, { children: [_jsxs(View, Object.assign({ className: 'price' }, { children: [_jsx(Text, Object.assign({ className: 'symbol' }, { children: "\uFFE5" })), _jsx(Text, Object.assign({ className: 'num' }, { children: "123" }))] })), _jsxs(View, Object.assign({ className: 'info' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: "\u6574\u5355\u7ACB\u51CF10\u5143 \u6EE1199\u53EF\u7528" })), _jsx(Text, Object.assign({ className: 'date' }, { children: "\u6709\u6548\u671F\u81F3\uFF1A2022-10-01" })), _jsx(View, Object.assign({ className: 'btn' }, { children: "\u5DF2\u4F7F\u7528" }))] }))] })) })), _jsx(View, Object.assign({ className: 'couponListItem used' }, { children: _jsxs(View, Object.assign({ className: 'coupon-content' }, { children: [_jsxs(View, Object.assign({ className: 'price' }, { children: [_jsx(Text, Object.assign({ className: 'symbol' }, { children: "\uFFE5" })), _jsx(Text, Object.assign({ className: 'num' }, { children: "123" }))] })), _jsxs(View, Object.assign({ className: 'info' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: "\u6574\u5355\u7ACB\u51CF10\u5143 \u6EE1199\u53EF\u7528" })), _jsx(Text, Object.assign({ className: 'date' }, { children: "\u6709\u6548\u671F\u81F3\uFF1A2022-10-01" })), _jsx(View, Object.assign({ className: 'btn' }, { children: "\u5DF2\u4F7F\u7528" }))] }))] })) })), _jsx(View, Object.assign({ className: 'couponListItem overdue' }, { children: _jsxs(View, Object.assign({ className: 'coupon-content' }, { children: [_jsxs(View, Object.assign({ className: 'price' }, { children: [_jsx(Text, Object.assign({ className: 'symbol' }, { children: "\uFFE5" })), _jsx(Text, Object.assign({ className: 'num' }, { children: "123" }))] })), _jsxs(View, Object.assign({ className: 'info' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: "\u6574\u5355\u7ACB\u51CF10\u5143 \u6EE1199\u53EF\u7528" })), _jsx(Text, Object.assign({ className: 'date' }, { children: "\u6709\u6548\u671F\u81F3\uFF1A2022-10-01" })), _jsx(View, Object.assign({ className: 'btn' }, { children: "\u5DF2\u4F7F\u7528" })), _jsx(View, Object.assign({ className: 'round' }, { children: "\u5DF2\u5931\u6548" }))] }))] })) }))] }))] })));