@cloudbase/weda-ui 3.5.3 → 3.6.0

package/dist/web/components/graphicCard/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useEffect, useMemo } from 'react';
+import React, { useMemo } from 'react';
 import classNames from '../../utils/classnames';
 import { Row, Col, ConfigProvider, Button, Text } from 'tea-component';
 import { usePlatform } from '../../utils/platform';
@@ -13,7 +13,6 @@ const CLASS_PREFIX = 'weda-graphic-card';
 export default function GraphicCard({ navOption = emptyArray, ColMobile, ColPC, iconWidthSize, iconHeightSize, titleVisible, desVisible, buttonVisible, textAlign, className, titleColor, titleFontWeight, titleFontSize, titleLineHeight, titleMaxLines, desColor, desFontWeight, desFontSize, desLineHeight, desMaxLines, buttonText, tips, style, }) {
     const platform = usePlatform();
     const isH5 = platform === 'h5';
-    const [colCount, setColCount] = React.useState(2);
     // 一个栅格的宽度
     const { width } = useWindowSize();
     const singleGrid = useMemo(() => (width - 24 * 2) / 12, [width]);
@@ -25,10 +24,7 @@ export default function GraphicCard({ navOption = emptyArray, ColMobile, ColPC,
         [className]: className,
         [`${CLASS_PREFIX}-mobile`]: isH5,
     });
-    useEffect(() => {
-        const col = isH5 ? ColMobile : ColPC;
-        setColCount(col);
-    }, [isH5]);
+    const colCount = (isH5 ? ColMobile : ColPC) || 2;
     const cardList = useMemo(() => {
         const list = [];
         if (prevColRef.current !== colCount ||
@@ -133,6 +129,7 @@ export default function GraphicCard({ navOption = emptyArray, ColMobile, ColPC,
                     app.navigateTo({
                         mode: 'weDa',
                         pageId: colInfo.insideUrl,
+                        packageName: (colInfo === null || colInfo === void 0 ? void 0 : colInfo.packageName) || '',
                         params: (colInfo === null || colInfo === void 0 ? void 0 : colInfo.withParams) && (colInfo === null || colInfo === void 0 ? void 0 : colInfo.params.length) > 0
                             ? colInfo.paramObj
                             : null,
@@ -161,7 +158,7 @@ export default function GraphicCard({ navOption = emptyArray, ColMobile, ColPC,
                                             width: `${(1 / colCount) * 100}%`,
                                             padding: `0 ${singleGrid * 0.1}px`,
                                             cursor: (col === null || col === void 0 ? void 0 : col.tapStatus) != 'tap' ? 'pointer' : 'auto',
-                                        }, className: `${CLASS_PREFIX}__col ${CLASS_PREFIX}__col--${textAlign}`, children: _jsxs("div", { className: "wedatea2td-grid__box", "data-testid": `${colIndex}_click`, onClick: () => tapTo(col), children: [_jsxs("div", { className: `${CLASS_PREFIX}__col-body`, children: [col && (_jsx("div", { className: `${CLASS_PREFIX}__icon`, style: imageStyle, children: _jsx(Image, { mode: 'scaleToFill', lazyLoad: false, maskClosable: false, imgPreview: false, fit: 'cover', alt: '', src: col === null || col === void 0 ? void 0 : col.icon, className: `${CLASS_PREFIX}__img` }) })), _jsxs("div", { className: `${CLASS_PREFIX}__detail`, children: [titleVisible && (col === null || col === void 0 ? void 0 : col.title) && (_jsx("div", { className: `${CLASS_PREFIX}__title`, style: titleStyle, title: tips ? col === null || col === void 0 ? void 0 : col.title : '', children: col === null || col === void 0 ? void 0 : col.title })), desVisible && (col === null || col === void 0 ? void 0 : col.des) && (_jsx("div", { className: `${CLASS_PREFIX}__desc`, style: desStyle, title: tips ? col === null || col === void 0 ? void 0 : col.des : '', children: col === null || col === void 0 ? void 0 : col.des }))] })] }), buttonVisible && col && (_jsxs(Button, { type: "link", className: `${CLASS_PREFIX}__btn`, children: [_jsx(Text, { className: `${CLASS_PREFIX}__btn--text`, children: buttonText }), _jsx(IconFont, { name: "arrow-right", className: `${CLASS_PREFIX}__btn-icon` })] }))] }) }, colIndex));
-                                }) }) }, rowIndex));
+                                        }, className: `${CLASS_PREFIX}__col ${CLASS_PREFIX}__col--${textAlign}`, children: _jsxs("div", { className: "wedatea2td-grid__box", "data-testid": `${colIndex}_click`, onClick: () => tapTo(col), children: [_jsxs("div", { className: `${CLASS_PREFIX}__col-body`, children: [col && (_jsx("div", { className: `${CLASS_PREFIX}__icon`, style: imageStyle, children: _jsx(Image, { mode: 'scaleToFill', lazyLoad: false, maskClosable: false, imgPreview: false, fit: 'cover', alt: '', src: col === null || col === void 0 ? void 0 : col.icon, className: `${CLASS_PREFIX}__img` }) })), _jsxs("div", { className: `${CLASS_PREFIX}__detail`, children: [titleVisible && (col === null || col === void 0 ? void 0 : col.title) && (_jsx("div", { className: `${CLASS_PREFIX}__title`, style: titleStyle, title: tips ? col === null || col === void 0 ? void 0 : col.title : '', children: col === null || col === void 0 ? void 0 : col.title })), desVisible && (col === null || col === void 0 ? void 0 : col.des) && (_jsx("div", { className: `${CLASS_PREFIX}__desc`, style: desStyle, title: tips ? col === null || col === void 0 ? void 0 : col.des : '', children: col === null || col === void 0 ? void 0 : col.des }))] })] }), buttonVisible && col && (_jsxs(Button, { type: "link", className: `${CLASS_PREFIX}__btn`, children: [_jsx(Text, { className: `${CLASS_PREFIX}__btn--text`, children: buttonText }), _jsx(IconFont, { name: "arrow-right", className: `${CLASS_PREFIX}__btn-icon` })] }))] }) }, `${colIndex}-${col === null || col === void 0 ? void 0 : col.icon}`));
+                                }) }) }, `${rowIndex}-${row.icon}`));
                 }) }) }) }));
 }