s-material-react 0.0.4

package/css/pages/orderEntry.scss

@@ -0,0 +1,41 @@
+.orderEntry {
+    background: #fff;
+    box-shadow: 0 0 10px 0 rgba(231, 227, 227, 0.5);
+    .title {
+        height: 46px;
+        line-height: 46px;
+        display: flex;
+        justify-content: space-between;
+        border: 1px solid #f8f8f8;
+
+        .name {
+            font-size: 15px;
+            margin-left: 13px;
+            font-weight: bold;
+        }
+
+        .more {
+            font-size: 12px;
+            margin-right: 13px;
+        }
+    }
+
+    .content {
+        display: grid;
+        grid-template-columns: repeat(5, 1fr);
+        height: 73px;
+        text-align: center;
+        padding-top: 14px;
+
+        .contentItem {
+            .icon {
+                width: 22px;
+                margin-bottom: 7px;
+            }
+            .subTitle {
+                display: block;
+                font-size: 11px;
+            }
+        }
+    }
+}

package/css/pages/orderList.scss

@@ -0,0 +1,72 @@
+@import './order-goodsItem.scss';
+
+.order-container {
+    background: #f5f5f5;
+    .qj-tabs {
+        background: #fff;
+    }
+    .orderList {
+        .tabTitle {
+            --title-font-size: 15px;
+        }
+        .orderListItemWrap {
+            overflow-y: auto;
+            margin-bottom: 20px;
+            .orderListItem {
+                margin: 12px;
+                background: #fff;
+                padding: 15px 15px 10px 15px;
+                border-radius: 8px;
+                .topInfo {
+                    display: flex;
+                    height: 20px;
+                    line-height: 20px;
+                    justify-content: space-between;
+                    margin-bottom: 12px;
+
+                    .orderNo {
+                        font-size: 12px;
+
+                        .copy {
+                            font-size: 9px;
+                            padding: 0 4px;
+                            margin-left: 5px;
+                            color: #999;
+                            border-color: #999;
+                            border-radius: 10px;
+                        }
+                    }
+
+                    .status {
+                        font-size: 14px;
+                        font-weight: bold;
+                        color: #ff1643;
+                    }
+                }
+
+                .goodsItemWrap {
+                    padding-bottom: 6px;
+                    border-bottom: 1px solid #f0f0f0;
+                    margin-bottom: 10px;
+                }
+
+                .allInfo {
+                    display: flex;
+                    justify-content: space-between;
+                    margin-bottom: 14px;
+
+                    .totalNum {
+                        font-size: 12px;
+                        color: #999;
+                    }
+
+                    .totalPrice {
+                        font-size: 14px;
+                        color: #000;
+                        line-height: 20px;
+                    }
+                }
+            }
+        }
+    }
+}

package/css/pages/service.scss

@@ -0,0 +1,9 @@
+.components-service {
+    width: 100px;
+    height: 100px;
+    background-color: green;
+    border-radius: 100%;
+    position: absolute;
+    bottom: 10px;
+    left: 10px;
+}

package/css/pages/slider.scss

@@ -0,0 +1,17 @@
+.slider-block {
+    height: 100vh;
+    width: 100%;
+    overflow: hidden;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center center;
+}
+
+.pc {
+    height: 600px;
+    width: 100%;
+    overflow: hidden;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center center;
+}

package/css/pages/title.scss

@@ -0,0 +1,3 @@
+.components-title {
+    word-break: break-all;
+}

package/css/variables/default.scss

@@ -0,0 +1,55 @@
+/**
+ * Default variables
+ */
+
+/* The Color of O2Team Brand */
+$color-brand: #6190e8 !default;
+$color-brand-light: #78a4f4 !default;
+$color-brand-dark: #346fc2 !default;
+
+/* Color */
+$color-success: #13ce66 !default;
+$color-error: #ff4949 !default;
+$color-warning: #ffc82c !default;
+$color-info: #78a4fa !default;
+
+/* Color Palette */
+$color-black-0: #000 !default;
+$color-black-1: #333 !default;
+$color-black-2: #7f7f7f !default;
+$color-black-3: #b2b2b2 !default;
+
+$color-grey-0: #333 !default;
+$color-grey-1: #666 !default;
+$color-grey-2: #999 !default;
+$color-grey-3: #ccc !default;
+$color-grey-4: #e5e5e5 !default;
+$color-grey-5: #f0f0f0 !default;
+$color-grey-6: #f7f7f7 !default;
+
+$color-white: #fff !default;
+
+/* Text Color */
+$color-text-base: #333 !default; // 文字的基本色
+$color-text-base-inverse: #fff !default; // 反色
+$color-text-secondary: #36d57d !default; // 辅助色
+$color-text-placeholder: #c9c9c9 !default;
+$color-text-disabled: #ccc !default;
+$color-text-title: #2c405a !default; // 文章标题
+$color-text-paragraph: #3f536e !default; // 文章段落
+
+/* Link */
+$color-link: #6190e8 !default;
+$color-link-hover: #79a1eb !default;
+$color-link-active: #4f7de2 !default;
+$color-link-disabled: #bfbfbf !default;
+
+/* 背景色 */
+$color-bg: #fff !default;
+$color-bg-base: #fafbfc !default;
+$color-bg-light: #ecf5fd !default;
+$color-bg-grey: #f7f7f7 !default;
+
+/* Loading */
+$at-loading-size: 18px !default;
+$at-loading-color: $color-brand !default;

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

@@ -0,0 +1,8 @@
+export interface CardItemType {
+    dataPic: string;
+    goodsName: number;
+    dataBmoney: number;
+    goodsCamount: number;
+    contractGoodsId: number;
+}
+export declare const CardJsx: ({ dataPic, goodsName, dataBmoney, goodsCamount }: CardItemType) => JSX.Element;

package/dist/common/card/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useComponent } from '@brushes/qj-simulate-component';
+export const CardJsx = ({ dataPic, goodsName, dataBmoney, goodsCamount }) => {
+    const { View, Image } = useComponent();
+    return (_jsxs(View, Object.assign({ className: 'card-item' }, { children: [_jsx(Image, { src: dataPic, alt: "", className: 'card-item-img' }), _jsxs(View, Object.assign({ className: 'card-item-info' }, { children: [_jsxs(View, Object.assign({ className: 'card-item-info-container' }, { children: [_jsx(View, Object.assign({ className: 'card-item-info-container-title' }, { children: goodsName })), _jsxs(View, Object.assign({ className: 'card-item-info-container-price' }, { children: ["\uFFE5", dataBmoney || 1231] }))] })), _jsxs(View, Object.assign({ className: 'card-item-info-sub' }, { children: [_jsx(View, Object.assign({ className: 'sku' }, { children: "30ml" })), _jsxs(View, Object.assign({ className: 'count' }, { children: ["x ", goodsCamount] }))] }))] }))] })));
+};

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

@@ -0,0 +1,7 @@
+export declare const QjMobileIcon: ({ className, prefixClass, style, value }: {
+    className?: string | any[] | undefined;
+    prefixClass?: string | undefined;
+    style?: Object | undefined;
+    value: string;
+    onClick?: Function | undefined;
+}) => JSX.Element;

package/dist/common/icon/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useComponent } from '@brushes/qj-simulate-component';
+export const QjMobileIcon = ({ className = 'iconfont', prefixClass = 'icon', style = {
+    fontSize: 16,
+    color: '#444',
+    fontWeight: 900
+}, value }) => {
+    const { Text } = useComponent();
+    const iconName = value ? `${prefixClass}-${value}` : '';
+    return (_jsx(Text, { className: classNames(prefixClass, iconName, className), style: style }));
+};

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

@@ -0,0 +1,15 @@
+import React from 'react';
+interface ClassifyItemType {
+    imgUrl: string;
+    title: string;
+    link: string;
+}
+interface ClassifyNavType {
+    defaultValue: Array<ClassifyItemType>;
+    borderRadius: number;
+    marginTop: number;
+    marginBottom: number;
+    selectClassifyNav: Array<ClassifyItemType>;
+}
+export declare const ClassifyNav: React.NamedExoticComponent<ClassifyNavType>;
+export {};

package/dist/components/ClassifyNav/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useEffect, useState } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+import { _ } from '@brushes/tools';
+const { isUndefined, isEmpty } = _;
+const ClassifyNavJsx = ({ defaultValue, borderRadius, marginTop, marginBottom, selectClassifyNav }) => {
+    const [list, setList] = useState(defaultValue);
+    const { View, Text } = useComponent();
+    useEffect(() => {
+        console.log(1111, selectClassifyNav);
+        const computedArr = selectClassifyNav
+            .filter((item) => !isUndefined(item))
+            .filter((item) => !Object.values(item).every((citem) => isUndefined(citem)));
+        let arr = defaultValue;
+        if (!isEmpty(computedArr)) {
+            arr = computedArr;
+        }
+        setList(arr);
+    }, [selectClassifyNav]);
+    return (_jsx(View, Object.assign({ className: 'classifyNav' }, { children: list.map((item, index) => {
+            return (_jsxs(View, Object.assign({ className: 'classifyNavItem' }, { children: [_jsx("img", { src: item.imgUrl, alt: "", className: 'img' }), _jsx(Text, Object.assign({ className: 'label' }, { children: item.title }))] }), index));
+        }) })));
+};
+export const ClassifyNav = memo(ClassifyNavJsx);

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

@@ -0,0 +1,15 @@
+import React from 'react';
+interface ImgType {
+    imgUrl: string;
+    link: string;
+}
+interface CubeType {
+    defaultValue: Array<ImgType>;
+    type: number;
+    borderRadius: number;
+    marginTop: number;
+    marginBottom: number;
+    selectImg: Array<ImgType>;
+}
+export declare const Cube: React.NamedExoticComponent<CubeType>;
+export {};

package/dist/components/Cube/index.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useEffect, useState } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+import { _ } from '@brushes/tools';
+const { isUndefined, isEmpty } = _;
+const CubeJsx = ({ defaultValue, type, borderRadius, marginBottom, marginTop, selectImg }) => {
+    const [list, setList] = useState(defaultValue);
+    const { View } = useComponent();
+    useEffect(() => {
+        const computedArr = selectImg
+            .filter((item) => !isUndefined(item))
+            .filter((item) => !Object.values(item).every((citem) => isUndefined(citem)));
+        let arr = defaultValue;
+        if (!isEmpty(computedArr)) {
+            arr = computedArr;
+        }
+        setList(arr);
+    }, [selectImg]);
+    return (_jsx(View, Object.assign({ className: `cube-type${type}` }, { children: list.map((item, index) => {
+            return type === 1 ? (_jsx("img", { src: item.imgUrl, style: {
+                    width: '100%',
+                    borderRadius: borderRadius + 'px'
+                } }, index)) : (_jsx(View, { className: 'block', style: {
+                    backgroundImage: `url(${item.imgUrl})`,
+                    width: '100%',
+                    borderRadius: borderRadius + 'px'
+                }, onClick: () => {
+                    if (process.env.TARO_ENV === 'weapp') {
+                        // Taro?.navigateTo({
+                        //   url: item.link,
+                        // })
+                    }
+                } }, index));
+        }) })));
+};
+export const Cube = memo(CubeJsx);

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+interface GoodsType {
+    defaultValue: Array<{
+        goodsCode: string | number;
+        goodsName: string | number;
+        dataPic: string;
+        brandName: string | number;
+        pricesetNprice: number;
+        pricesetMakeprice?: number;
+    }>;
+    margin?: number;
+    cell: number;
+    gap?: number;
+    goods: Array<never> | undefined;
+    circular?: number;
+    markedPrice?: number;
+    classCode?: string;
+}
+export declare const Goods: import("react").NamedExoticComponent<GoodsType>;
+export {};

package/dist/components/Goods/index.js

@@ -0,0 +1,67 @@
+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 { useEffect, useState, memo, useRef } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+import { querySkuNotOnShelf } from '@brushes/api';
+import { _ } from '@brushes/tools';
+// import { QjIcon } from '@brushes/share-resource';
+import classNames from 'classnames';
+import { QjMobileIcon } from '../../common/icon';
+const { isEqual, isEmpty } = _;
+const GoodsJsx = ({ defaultValue = [], classCode = '', margin, circular, cell, gap = 10, goods = [], markedPrice }) => {
+    const [list, setList] = useState(defaultValue);
+    const preGoods = useRef();
+    const { View, Text } = useComponent();
+    useEffect(() => {
+        if (isEqual(preGoods.current, goods))
+            return;
+        preGoods.current = goods;
+        if (isEmpty(goods)) {
+            setList(defaultValue);
+            return;
+        }
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            const arr = [];
+            for (let i of goods) {
+                arr.push(querySkuNotOnShelf({
+                    goodsCode: i
+                }));
+            }
+            try {
+                const data = yield Promise.all(arr);
+                let result = [];
+                data.forEach((item) => {
+                    if (item.rows) {
+                        result = result.concat(item.rows);
+                    }
+                });
+                setList(result);
+            }
+            catch (err) {
+                console.log(59, err);
+                setList(defaultValue);
+            }
+        }))();
+        return () => {
+            console.log(54, goods, preGoods.current);
+        };
+    }, [goods]);
+    return (_jsx(View, Object.assign({ className: classNames({ [`goods-${classCode}`]: true }), style: {
+            display: 'grid',
+            gap,
+            marginBottom: margin,
+            gridTemplateColumns: `repeat(${cell}, 1fr)`
+        } }, { children: list.map((item, index) => (_jsxs(View, Object.assign({ style: {
+                overflow: 'hidden',
+                borderRadius: circular === 2 ? 0 : '8px'
+            }, className: 'goods' }, { children: [_jsx(View, { className: `goods-img`, style: { backgroundImage: `url(${item.dataPic})` } }), _jsxs(View, Object.assign({ className: 'space' }, { children: [_jsx(View, Object.assign({ className: 'titleType' }, { children: item.goodsName })), _jsx(View, Object.assign({ className: 'subTitle' }, { children: item.brandName })), _jsxs(View, Object.assign({ className: 'price' }, { children: [_jsx(Text, Object.assign({ className: 'subPrice' }, { children: "\u00A5" })), item.pricesetNprice, markedPrice === 1 && (_jsxs(Text, Object.assign({ className: 'markedPrice' }, { children: [_jsx(Text, Object.assign({ className: 'subPrice' }, { children: "\u00A5" })), item.pricesetMakeprice] })))] })), _jsx(View, Object.assign({ className: 'anticon' }, { children: _jsx(QjMobileIcon, { style: { fontSize: 30, color: '#f00' }, value: 'cart' }) }))] }))] }), index))) })));
+};
+export const Goods = memo(GoodsJsx);

package/dist/components/GoodsClassify/components/classifyFloor.d.ts

@@ -0,0 +1 @@
+export declare const ClassifyFloor: ({ navList, activeKey }: any) => any;

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useComponent } from '@brushes/qj-simulate-component';
+export const ClassifyFloor = ({ navList, activeKey }) => {
+    const { View, Text } = useComponent();
+    console.log(4, navList);
+    return navList.map((item) => (_jsx(View, Object.assign({ className: ['content', activeKey === `${item.goodsClassCode}` ? ' active' : ''].join('') }, { children: item === null || item === void 0 ? void 0 : item.childList.map((classifyItem) => {
+            return (_jsxs(View, Object.assign({ className: 'classifyFloor' }, { children: [_jsxs(View, Object.assign({ className: 'titleWrap' }, { children: [_jsx(Text, Object.assign({ className: 'title' }, { children: classifyItem.goodsClassName })), _jsx(Text, { className: 'line' })] })), _jsx(View, Object.assign({ className: 'container' }, { children: classifyItem.childList.map((goodsItem) => {
+                            return (_jsxs(View, Object.assign({ className: 'classifyFloorGoodsItem' }, { children: [_jsx("img", { src: goodsItem.goodsClassLogo, className: 'logo' }), _jsx(Text, Object.assign({ className: 'title' }, { children: goodsItem.goodsClassName }))] }), goodsItem.goodsClassCode));
+                        }) }))] }), classifyItem.goodsClassCode));
+        }) }), item.goodsClassCode)));
+};

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const GoodsClassify: React.NamedExoticComponent<{}>;

package/dist/components/GoodsClassify/index.js

@@ -0,0 +1,36 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useEffect, useState } from 'react';
+import { SideBar } from 'antd-mobile';
+import { useComponent } from '@brushes/qj-simulate-component';
+import { ClassifyFloor } from './components/classifyFloor';
+// import {SEARCH} from "../../static";
+import { getEnv } from '@brushes/api';
+import { queryGoodsClassTree } from '@brushes/api';
+import { QjMobileIcon } from '../../common/icon';
+const GoodsClassifyJsx = () => {
+    const { View, Text } = useComponent();
+    const [activeKey, setActiveKey] = useState('');
+    const [navList, setNavList] = useState([]);
+    const flag = getEnv();
+    useEffect(() => {
+        getData();
+    }, []);
+    const getData = () => __awaiter(void 0, void 0, void 0, function* () {
+        let commits = yield queryGoodsClassTree();
+        setNavList(commits);
+        setActiveKey(commits[0].goodsClassCode);
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(View, Object.assign({ className: 'goods-classify' }, { children: _jsxs(View, Object.assign({ className: 'goods-classify-search' }, { children: [_jsx(QjMobileIcon, { value: "fenxiang" }), _jsx(Text, { children: "\u641C\u7D22\u5546\u54C1" })] })) })), _jsxs(View, Object.assign({ className: 'goodsClassifyContainer', style: { height: flag ? 'calc(100vh - 51px)' : '600px' } }, { children: [_jsx(View, Object.assign({ className: 'side' }, { children: _jsx(SideBar, Object.assign({ activeKey: activeKey, onChange: setActiveKey, style: {
+                                '--width': '88px'
+                            } }, { children: navList.map((item) => (_jsx(SideBar.Item, { title: item.goodsClassName }, item.goodsClassCode))) })) })), _jsx(View, Object.assign({ className: 'main' }, { children: _jsx(ClassifyFloor, { navList: navList, activeKey: activeKey }) }))] }))] }));
+};
+export const GoodsClassify = memo(GoodsClassifyJsx);

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const GoodsDetail: React.NamedExoticComponent<{}>;

package/dist/components/GoodsDetail/index.js

@@ -0,0 +1,6 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+const GoodsDetailJsx = () => {
+    return _jsx(_Fragment, { children: "123" });
+};
+export const GoodsDetail = memo(GoodsDetailJsx);

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

@@ -0,0 +1,25 @@
+import React from 'react';
+interface GoodsType {
+    goodsCode: number;
+    goodsName: string;
+    brandName: string;
+    pricesetNprice: number;
+    pricesetMakeprice: number;
+    dataPic: string;
+}
+interface GroupType {
+    title: string;
+    subTitle: string;
+    defaultValue: Array<GoodsType>;
+    goodsList?: Array<GroupType>;
+    borderRadius: number;
+}
+interface GoodsGroupType {
+    defaultValue: Array<GroupType>;
+    type: 1;
+    selectGoodsGroup: Array<GroupType>;
+    marginTop: number;
+    marginBottom: number;
+}
+export declare const GoodsGroup: React.NamedExoticComponent<GoodsGroupType>;
+export {};

package/dist/components/GoodsGroup/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useEffect, useState } from 'react';
+import { JumboTabs } from 'antd-mobile';
+import { _ } from '@brushes/tools';
+import { Goods } from '../Goods';
+const { isUndefined, isEmpty } = _;
+const GoodsGroupJsx = ({ defaultValue = [], type, selectGoodsGroup = [], marginTop, marginBottom, borderRadius }) => {
+    const [list, setList] = useState(defaultValue);
+    useEffect(() => {
+        const computedArr = selectGoodsGroup
+            .filter((item) => !isUndefined(item))
+            .filter((item) => !Object.values(item).every((citem) => isUndefined(citem)));
+        let arr = defaultValue;
+        if (!isEmpty(computedArr)) {
+            arr = computedArr;
+        }
+        setList(arr);
+    }, [selectGoodsGroup]);
+    return (_jsx(JumboTabs, Object.assign({ style: {
+            marginTop: marginTop + 'px',
+            marginBottom: marginBottom + 'px'
+        } }, { children: list.map((item, index) => {
+            return (_jsx(JumboTabs.Tab, Object.assign({ title: item.title, description: item.subTitle }, { children: _jsx(Goods, { defaultValue: item.defaultValue, cell: 2, goods: item.goodsList, classCode: 'two', circular: borderRadius }) }), index));
+        }) })));
+};
+export const GoodsGroup = memo(GoodsGroupJsx);

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const GoodsList: React.NamedExoticComponent<{}>;

package/dist/components/GoodsList/index.js

@@ -0,0 +1,66 @@
+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 { QjMobileIcon } from '../../common/icon';
+const GoodsListJsx = () => {
+    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));
+                            }) })), loading ? _jsx(Loading, {}) : null] })) }))] })));
+};
+export const GoodsList = memo(GoodsListJsx);

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

@@ -0,0 +1,11 @@
+import React from 'react';
+interface LineType {
+    borderRadius: number;
+    height: number;
+    width: number;
+    backgroundColor: string;
+    marginTop: number;
+    marginBottom: number;
+}
+export declare const Line: React.NamedExoticComponent<LineType>;
+export {};

package/dist/components/Line/index.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useComponent } from '@brushes/qj-simulate-component';
+const LineJsx = ({ borderRadius, height, width, backgroundColor, marginTop, marginBottom }) => {
+    const { View } = useComponent();
+    return (_jsx(View, { style: {
+            borderRadius: borderRadius + '%',
+            width: width + '%',
+            height: height + 'px',
+            backgroundColor,
+            marginLeft: 'auto',
+            marginRight: 'auto',
+            marginTop: marginTop + 'px',
+            marginBottom: marginBottom + 'px'
+        } }));
+};
+export const Line = memo(LineJsx);