@cloudbase/weda-ui 3.5.0 → 3.5.2-mp

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

@@ -1,357 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, forwardRef, useImperativeHandle, useState, useCallback, useRef, } from 'react';
-import { useResizeObserver } from '@react-hookz/web';
-// import { WdFormItem, WdInputWrap } from '../wd-form-item';
-import classNames from '../../utils/classnames';
-import { usePlatform, randomStr, isInIde } from '../../utils/platform';
-import isObjectEqual from '../../utils/isObjectEqual';
-import { useFormInputTrait, useParentForm } from '../form-input-hooks';
-import { debug } from '../../utils/console';
-import { noop } from '../../utils/constant';
-import { WdText } from '../wd-text';
-import './style';
-// 获取明细组件子项初始值
-const getChildFormItem = (isPureArray, name, parent) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    let childFormItem = [];
-    let fieldSchema = null;
-    if ('model' === (parent === null || parent === void 0 ? void 0 : parent.datasourceType)) {
-        fieldSchema = (_c = (_b = (_a = parent === null || parent === void 0 ? void 0 : parent.dataSourceProfile) === null || _a === void 0 ? void 0 : _a.schema) === null || _b === void 0 ? void 0 : _b.properties) === null || _c === void 0 ? void 0 : _c[name];
-    }
-    else if (['connector', 'custom-connector'].includes(parent === null || parent === void 0 ? void 0 : parent.datasourceType)) {
-        const method = (parent === null || parent === void 0 ? void 0 : parent.methodCreate) || (parent === null || parent === void 0 ? void 0 : parent.methodUpdate) || (parent === null || parent === void 0 ? void 0 : parent.methodGetItem);
-        const inParams = (_f = (_e = (_d = parent === null || parent === void 0 ? void 0 : parent.dataSourceProfile) === null || _d === void 0 ? void 0 : _d.methods) === null || _e === void 0 ? void 0 : _e.find((i) => i.name === method)) === null || _f === void 0 ? void 0 : _f.inParams;
-        fieldSchema = (_g = inParams === null || inParams === void 0 ? void 0 : inParams.properties) === null || _g === void 0 ? void 0 : _g[name];
-    }
-    childFormItem = ((_h = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.items) === null || _h === void 0 ? void 0 : _h.properties)
-        ? Object.keys((_j = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.items) === null || _j === void 0 ? void 0 : _j.properties)
-        : [];
-    // 纯数组，默认key值为'arrayItem'
-    if (isPureArray) {
-        childFormItem = ['arrayItem'];
-    }
-    return childFormItem;
-};
-const logger = debug('form-detail');
-export const reorderContext = (data, name, isPureArray) => data.map((i, index) => {
-    const item = { ...i };
-    Object.keys(i).forEach((j) => {
-        var _a;
-        if ((_a = item[j]) === null || _a === void 0 ? void 0 : _a.name) {
-            item[j].name = isPureArray
-                ? `${name}[${index}]`
-                : `${name}[${index}].${j}`;
-        }
-    });
-    item.index = index;
-    return item;
-});
-export const newContextItem = (childFormItem, name, isPureArray) => {
-    const mock = { index: 0, _id: randomStr() };
-    childFormItem === null || childFormItem === void 0 ? void 0 : childFormItem.forEach((i) => {
-        mock[i] = {
-            name: isPureArray ? `${name}[0]` : `${name}[0].${i}`,
-            value: null,
-        };
-    });
-    return mock;
-};
-export const changeHandle = ({ type, name, data, childFormItem, isPureArray, params, }) => {
-    switch (type) {
-        case 'add': {
-            const mock = newContextItem(childFormItem, name, isPureArray);
-            data.push({ ...mock, _id: randomStr() });
-            data = reorderContext(data, name, isPureArray);
-            break;
-        }
-        case 'remove': {
-            data.splice(params.index, 1);
-            data = reorderContext(data, name, isPureArray);
-            break;
-        }
-        case 'change': {
-            data = data.map((i) => {
-                const item = { ...i };
-                for (const [key, subItem] of Object.entries(item)) {
-                    if (params.name === (subItem === null || subItem === void 0 ? void 0 : subItem.name)) {
-                        item[key].value = params === null || params === void 0 ? void 0 : params.value;
-                    }
-                }
-                return item;
-            });
-            break;
-        }
-        default: {
-            break;
-        }
-    }
-    return data;
-};
-const FormDetailCom = forwardRef(function FormDetail(props, ref) {
-    var _a;
-    const { className, id, style, children, events, name, isPureArray, fieldAuth = 'rw', $widget, hasInitValue = false, isWdFormDetail, viewType = 'table', label, } = props;
-    const [innerHandle, setInnerHandle] = useState({});
-    const inputRef = useRef({});
-    const { value: initDetailValue, readOnly, disabled, } = useFormInputTrait({
-        value: props.value,
-        name,
-        // @ts-expect-error inputRef 没用
-        inputRef,
-        readOnly: props.readOnly,
-        disabled: props.disabled,
-        required: false,
-        requiredMsg: '',
-        $widget,
-        setInnerHandle,
-        onChange: noop,
-    });
-    const tableRef = useRef(null);
-    const [isTableView, setIsTableView] = useState(false);
-    const [detailValue, setDetailValue] = useState([]);
-    const [contextData, setContextData] = useState([]);
-    const [childFormItem, setChildFormItem] = useState([]);
-    const [isInit, setIsInit] = useState(false);
-    const [hasScroll, setHasScroll] = useState(false);
-    const platform = usePlatform();
-    const parent = useParentForm($widget);
-    const init = useCallback((defaultValue, childFormItem, isWdFormDetail = false) => {
-        var _a;
-        const formDetailItemValue = {};
-        let initialValues = [];
-        try {
-            initialValues = defaultValue.map((i, index) => {
-                let item = {};
-                if (isPureArray) {
-                    // eslint-disable-next-line no-prototype-builtins
-                    const val = (i === null || i === void 0 ? void 0 : i.hasOwnProperty('arrayItem')) ? null : i;
-                    item['arrayItem'] = { name: `${name}[${index}]`, value: val };
-                    formDetailItemValue[`${name}[${index}]`] = val;
-                }
-                else {
-                    item = { ...i };
-                    childFormItem.forEach((j) => {
-                        const key = `${name}[${index}].${j}`;
-                        const val = i[j] || null;
-                        item[j] = { name: key, value: val };
-                        formDetailItemValue[key] = val;
-                    });
-                }
-                item.index = index;
-                item._id = randomStr();
-                return item;
-            });
-        }
-        catch (error) {
-            console.error(error);
-        }
-        const mock = newContextItem(childFormItem, name, isPureArray);
-        let data = (initialValues === null || initialValues === void 0 ? void 0 : initialValues.length) ? initialValues : [mock];
-        // 新的明细组件，开放初始值，根据初始值设置上下文
-        if (isWdFormDetail) {
-            data = initialValues;
-        }
-        setIsInit(true);
-        setContextData(data);
-        (_a = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _a === void 0 ? void 0 : _a.call(events, {
-            data,
-        });
-        return formDetailItemValue;
-    }, [isPureArray, name]);
-    const addShadow = useCallback(() => {
-        var _a, _b;
-        // table body 滚动区域
-        const tableBodyBoxDom = (_b = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName('wd-form-detail-content-container')) === null || _b === void 0 ? void 0 : _b[0];
-        if (tableBodyBoxDom) {
-            const bodyHasScroll = (tableBodyBoxDom === null || tableBodyBoxDom === void 0 ? void 0 : tableBodyBoxDom.scrollWidth) > (tableBodyBoxDom === null || tableBodyBoxDom === void 0 ? void 0 : tableBodyBoxDom.clientWidth);
-            // 如果table body存在滚动条，则设置header的box shadow
-            setHasScroll(bodyHasScroll);
-        }
-    }, []);
-    // 初始化明细组件子项初始值
-    useEffect(() => {
-        if ((parent === null || parent === void 0 ? void 0 : parent.dataSourceProfile) && name) {
-            const childFormItem = getChildFormItem(isPureArray, name, parent);
-            setChildFormItem(childFormItem);
-        }
-    }, [isPureArray, name, (_a = parent === null || parent === void 0 ? void 0 : parent.dataSourceProfile) === null || _a === void 0 ? void 0 : _a.name]);
-    // 初始化context的值
-    useEffect(() => {
-        logger.debug('initDetailValue', initDetailValue);
-        if (!isObjectEqual(initDetailValue, detailValue) &&
-            childFormItem.length > 0) {
-            setDetailValue(initDetailValue);
-            init(initDetailValue, childFormItem, isWdFormDetail);
-        }
-        return () => {
-            setDetailValue([]);
-        };
-        // 只有initDetailValue的值改变的时候才执行
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [initDetailValue]);
-    useEffect(() => {
-        // 给明细组件的子表单元素赋初始值
-        if (isInit && isWdFormDetail && (initDetailValue === null || initDetailValue === void 0 ? void 0 : initDetailValue.length) && parent) {
-            const formDetailItemValue = {};
-            initDetailValue.forEach((i, index) => {
-                if (isPureArray) {
-                    // eslint-disable-next-line no-prototype-builtins
-                    const val = (i === null || i === void 0 ? void 0 : i.hasOwnProperty('arrayItem')) ? null : i;
-                    formDetailItemValue[`${name}[${index}]`] = val;
-                }
-                else {
-                    childFormItem.forEach((j) => {
-                        const key = `${name}[${index}].${j}`;
-                        const val = i[j] || null;
-                        formDetailItemValue[key] = val;
-                    });
-                }
-            });
-            if (Object.keys(parent.initialValues || {}).length == 0) {
-                parent === null || parent === void 0 ? void 0 : parent.setValue(formDetailItemValue);
-            }
-            setIsInit(false);
-        }
-    }, [
-        childFormItem,
-        contextData,
-        initDetailValue,
-        isInit,
-        isPureArray,
-        isWdFormDetail,
-        name,
-        parent,
-    ]);
-    useEffect(() => {
-        var _a;
-        let childFormItem = initDetailValue[0]
-            ? Object.keys(initDetailValue[0])
-            : [];
-        // 纯数组，默认key值为'arrayItem'
-        if (isPureArray) {
-            childFormItem = ['arrayItem'];
-        }
-        setChildFormItem(childFormItem);
-        // 只有在编辑器里,或存在初始值的时候,或新明细组件（wdFormDetail），才初始化明细单项
-        if (isInIde() || hasInitValue || isWdFormDetail) {
-            init(initDetailValue, childFormItem, isWdFormDetail);
-        }
-        else {
-            (_a = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _a === void 0 ? void 0 : _a.call(events, { data: [] });
-        }
-        // 组件卸载时触发
-        return () => {
-            var _a;
-            (_a = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _a === void 0 ? void 0 : _a.call(events, { data: [] });
-        };
-        // 只执行一次;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const onChange = useCallback((type, params) => {
-        var _a;
-        if (disabled ||
-            readOnly ||
-            !(fieldAuth === null || fieldAuth === void 0 ? void 0 : fieldAuth.includes('w')) ||
-            (parent === null || parent === void 0 ? void 0 : parent.formType) === 'read') {
-            return;
-        }
-        let data = JSON.parse(JSON.stringify(contextData));
-        data = changeHandle({
-            type,
-            name,
-            data,
-            childFormItem,
-            isPureArray,
-            params,
-        });
-        if (!isObjectEqual(data, contextData)) {
-            setIsInit(false);
-            setContextData(data);
-            (_a = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _a === void 0 ? void 0 : _a.call(events, { data });
-        }
-    }, [
-        disabled,
-        readOnly,
-        fieldAuth,
-        parent === null || parent === void 0 ? void 0 : parent.formType,
-        contextData,
-        name,
-        childFormItem,
-        isPureArray,
-        events,
-    ]);
-    useEffect(() => {
-        if (viewType === 'table' && platform !== 'h5') {
-            setIsTableView(true);
-        }
-        else {
-            setIsTableView(false);
-        }
-    }, [viewType, platform]);
-    useResizeObserver(tableRef, () => {
-        // table body 滚动区域
-        addShadow();
-    });
-    useImperativeHandle(ref, () => {
-        return {
-            ...innerHandle,
-            getConfig() {
-                return {
-                    componentType: 'formdetail',
-                };
-            },
-            methods: {
-                addition: () => {
-                    onChange('add', null);
-                },
-                remove: (params) => {
-                    onChange('remove', params);
-                },
-                change: (params) => {
-                    onChange('change', params);
-                },
-            },
-            isTableView,
-        };
-    }, [innerHandle, onChange, isTableView]);
-    // useEffect(() => {
-    //   const initArr = lodashGet(parent, 'initialValues.name', null);
-    //   logger.debug('initialValue', initArr, name);
-    //   if (initArr) {
-    //     setInitDetailValue(initArr);
-    //   }
-    // }, [name, parent, setInitDetailValue]);
-    // useEffect(() => {
-    //   const removeFormItem = parent?.addFormItem?.(name, $widget);
-    //   logger.debug('addFormItem', name);
-    //   return () => {
-    //     removeFormItem?.();
-    //   };
-    // }, [$widget, name, parent]);
-    // fieldAuth返回n,则为无权限
-    const isAuthVisible = fieldAuth !== 'n';
-    const formDetailRender = () => {
-        return isAuthVisible ? (_jsxs("fieldset", { ref: tableRef, disabled: disabled || readOnly || (parent === null || parent === void 0 ? void 0 : parent.formType) === 'read', className: classNames({
-                'weda-ui': true,
-                'gsd-h5-react-formitem': true,
-                'form-detail-wrap': true,
-                'pc-form-detail-wrap': platform === 'pc',
-                'h5-form-detail-wrap': platform === 'h5',
-                [className]: className,
-                disabled: disabled || !(fieldAuth === null || fieldAuth === void 0 ? void 0 : fieldAuth.includes('w')),
-                readOnly: readOnly || (parent === null || parent === void 0 ? void 0 : parent.formType) === 'read',
-                'form-detail-list': !isTableView,
-                'form-detail-table': isWdFormDetail && platform === 'pc' && viewType === 'table',
-                scroll: hasScroll,
-            }), id: id, style: style, role: "container", "data-testid": "formDetail", children: [isWdFormDetail && (_jsx("div", { className: "form-detail-group-label-container", children: _jsx(WdText, { text: label, contenteditable: null }) })), _jsx(_Fragment, { children: children })] })) : null;
-    };
-    // 组件规范化后再考虑是否改动
-    // return isWdFormDetail ? (
-    //   <WdFormItem {...props}>
-    //     <WdInputWrap {...props}>{formDetailRender()}</WdInputWrap>
-    //   </WdFormItem>
-    // ) : (
-    //   formDetailRender()
-    // );
-    return formDetailRender();
-});
-export default FormDetailCom;

package/dist/web/components/formdetail/style.js

@@ -1,2 +0,0 @@
-import './index.css';
-import '../style';

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

@@ -1,159 +0,0 @@
-/* pc style */
-.weda-graphic-card {
-  width: 100%;
-}
-
-.weda-graphic-card .weda-graphic-card__wrapper {
-  width: 100%;
-  padding: 0 24px;
-}
-
-.weda-graphic-card .weda-graphic-card__row {
-  margin: 0;
-  padding: 20px 0;
-}
-
-.weda-graphic-card .weda-graphic-card__col {
-  padding: 0;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__col-body {
-  width: 100%;
-}
-
-.weda-graphic-card .weda-graphic-card__col .wedatea2td-grid__box,
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__col-body {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.weda-graphic-card
-  .weda-graphic-card__col.weda-graphic-card__col--left
-  .wedatea2td-grid__box,
-.weda-graphic-card
-  .weda-graphic-card__col.weda-graphic-card__col--left
-  .weda-graphic-card__col-body {
-  align-items: flex-start;
-  width: 100%;
-}
-
-.weda-graphic-card
-  .weda-graphic-card__col.weda-graphic-card__col--right
-  .wedatea2td-grid__box,
-.weda-graphic-card
-  .weda-graphic-card__col.weda-graphic-card__col--right
-  .weda-graphic-card__col-body {
-  align-items: flex-end;
-  width: 100%;
-}
-.weda-graphic-card
-  .weda-graphic-card__col.weda-graphic-card__col--center
-  .wedatea2td-grid__box,
-.weda-graphic-card
-  .weda-graphic-card__col.weda-graphic-card__col--center
-  .weda-graphic-card__col-body {
-  align-items: center;
-  width: 100%;
-}
-.weda-graphic-card
-  .weda-graphic-card__col.weda-graphic-card__col--justify
-  .wedatea2td-grid__box,
-.weda-graphic-card
-  .weda-graphic-card__col.weda-graphic-card__col--justify
-  .weda-graphic-card__col-body {
-  width: 100%;
-}
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__icon {
-  width: 100%;
-  height: 200px;
-}
-
-.weda-graphic-card .weda-graphic-card__icon .weda-graphic-card__img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__detail {
-  width: 100%;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__title {
-  font-size: 1.1428em;
-  line-height: 1.71428em;
-  text-align: center;
-  color: rgba(0, 0, 0, 0.9);
-  display: -webkit-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__desc {
-  font-size: 1em;
-  line-height: 1.5714em;
-  color: rgba(0, 0, 0, 0.4);
-  text-align: center;
-  display: -webkit-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__btn--text {
-  font-size: 1em;
-  line-height: 1.5714em;
-  color: #0052d9;
-  margin-right: 8px;
-}
-
-.weda-graphic-card .weda-graphic-card__btn-icon {
-  margin-bottom: 2px;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__title {
-  margin-top: 20px;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__desc {
-  margin-top: 8px;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__btn {
-  margin-top: 20px;
-}
-
-/* h5 style */
-.weda-graphic-card-mobile .weda-graphic-card__wrapper {
-  width: 100%;
-  padding: 0 16px;
-}
-
-.weda-graphic-card-mobile .weda-graphic-card__row {
-  padding: 18px 0;
-  margin: 0 -5.5px;
-}
-
-.weda-graphic-card-mobile .weda-graphic-card__col {
-  padding: 0 5.5px !important;
-}
-
-.weda-graphic-card-mobile .weda-graphic-card__col .weda-graphic-card__detail {
-  padding: 0 !important;
-}
-
-.weda-graphic-card-mobile .weda-graphic-card__col .weda-graphic-card__title {
-  margin-top: 16px;
-}
-
-.weda-graphic-card-mobile .weda-graphic-card__col .weda-graphic-card__desc {
-  margin-top: 6px;
-}
-
-.weda-graphic-card-mobile .weda-graphic-card__col .weda-graphic-card__btn {
-  margin-top: 16px;
-}

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

@@ -1,167 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useEffect, useMemo } from 'react';
-import classNames from '../../utils/classnames';
-import { Row, Col, ConfigProvider, Button, Text } from 'tea-component';
-import { usePlatform } from '../../utils/platform';
-import { IconFont } from 'tdesign-icons-react';
-import Image from '../image';
-import { useWindowSize } from '@react-hookz/web';
-import isObjectEqual from '../../utils/isObjectEqual';
-import { emptyArray } from '../../utils/constant';
-import './style';
-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]);
-    // 两次默认值不同, 需要刷新
-    const prevNavOptionRef = React.useRef(null);
-    const prevColRef = React.useRef(0);
-    const cls = classNames({
-        [CLASS_PREFIX]: true,
-        [className]: className,
-        [`${CLASS_PREFIX}-mobile`]: isH5,
-    });
-    useEffect(() => {
-        const col = isH5 ? ColMobile : ColPC;
-        setColCount(col);
-    }, [isH5]);
-    const cardList = useMemo(() => {
-        const list = [];
-        if (prevColRef.current !== colCount ||
-            (navOption.length > 0 &&
-                !isObjectEqual(prevNavOptionRef.current !== navOption))) {
-            list.length = Math.floor(navOption.length / colCount);
-            list.forEach((item, index) => {
-                list[index] = [];
-            });
-            navOption.forEach((item, index) => {
-                const _index = Math.floor(index / colCount);
-                if (!list[_index] || list[_index].length <= 0) {
-                    // 保证每个col 的数据都是有的，列入总共7个数据，那么第二行的3， 4，5数据是undefined, 占位
-                    list[_index] = Array(colCount).fill(null);
-                }
-                const paramObj = {};
-                if (item === null || item === void 0 ? void 0 : item.params) {
-                    for (const info of item.params) {
-                        paramObj[info.key] = info.value;
-                    }
-                }
-                item.paramObj = paramObj;
-                list[_index][index - _index * colCount] = item;
-                prevNavOptionRef.current = [...navOption];
-                prevColRef.current = colCount;
-            });
-        }
-        return list;
-    }, [colCount, navOption]);
-    const elementStyle = document.createElement('body').style;
-    const vendor = (() => {
-        const transformNames = {
-            webkit: 'webkitTransform',
-            Moz: 'MozTransform',
-            O: 'OTransform',
-            ms: 'msTransform',
-            standard: 'transform',
-        };
-        for (const key in transformNames) {
-            if (elementStyle[transformNames[key]] !== undefined) {
-                return key;
-            }
-        }
-        return false;
-    })();
-    function prefixStyle(style) {
-        if (vendor === false) {
-            return false;
-        }
-        if (vendor === 'standard') {
-            return style;
-        }
-        return '-' + vendor + style.charAt(0).toUpperCase() + style.substr(1);
-    }
-    const boxStyle = prefixStyle('-box');
-    //标题样式
-    const titleStyle = {
-        display: `${boxStyle}`,
-        WebkitLineClamp: `${titleMaxLines ? titleMaxLines : 'inherit'}`,
-        overflow: 'hidden',
-        color: `${titleColor}`,
-        fontWeight: `${titleFontWeight}`,
-        fontSize: `${titleFontSize}` + 'px',
-        textAlign: `${textAlign}`,
-        lineHeight: `${titleLineHeight == 'auto' ? 'normal' : titleLineHeight}`,
-    };
-    const desStyle = {
-        display: `${boxStyle}`,
-        WebkitLineClamp: `${desMaxLines ? desMaxLines : 'inherit'}`,
-        overflow: 'hidden',
-        color: `${desColor}`,
-        fontWeight: `${desFontWeight}`,
-        fontSize: `${desFontSize}` + 'px',
-        textAlign: `${textAlign}`,
-        lineHeight: `${desLineHeight == 'auto' ? 'normal' : desLineHeight}`,
-    };
-    // 图片高度： 100% 基础下 H5: 1列 200px；2列 98px   PC： 3列 220px 4列 162px
-    const imageStyle = React.useMemo(() => {
-        let width = '100%';
-        let height = platform === 'h5' ? '200' : '220';
-        if (platform === 'h5' && ColMobile === 2) {
-            height = '98';
-        }
-        if (platform !== 'h5' && ColPC === 4) {
-            height = '162';
-        }
-        const numReg = /^\d+$/;
-        width = numReg.test(iconWidthSize) ? iconWidthSize + 'px' : iconWidthSize;
-        height = numReg.test(iconHeightSize)
-            ? iconHeightSize + 'px' //纯数字
-            : iconHeightSize.indexOf('%') == -1
-                ? iconHeightSize
-                : (Number(height) * parseInt(iconHeightSize)) / 100 + 'px';
-        return { width, height };
-    }, [iconWidthSize, iconHeightSize, ColMobile, ColPC, isH5]);
-    const tapTo = (colInfo = navOption[0]) => {
-        switch (colInfo === null || colInfo === void 0 ? void 0 : colInfo.tapStatus) {
-            case 'tap':
-                return null;
-            case 'inside':
-                if (colInfo.insideUrl) {
-                    app.navigateTo({
-                        mode: 'weDa',
-                        pageId: colInfo.insideUrl,
-                        params: (colInfo === null || colInfo === void 0 ? void 0 : colInfo.withParams) && (colInfo === null || colInfo === void 0 ? void 0 : colInfo.params.length) > 0
-                            ? colInfo.paramObj
-                            : null,
-                    });
-                }
-                break;
-            //return renderCancel();
-            case 'outer':
-                if (colInfo.newPage) {
-                    colInfo.outerUrl ? window.open(colInfo.outerUrl) : false;
-                }
-                else {
-                    colInfo.outerUrl ? (window.location.href = colInfo.outerUrl) : false;
-                }
-                break;
-            default:
-                return null;
-        }
-    };
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { className: cls, "data-testid": "graphicCard", style: style, children: _jsx("div", { className: `${CLASS_PREFIX}__wrapper`, children: cardList.map((row, rowIndex) => {
-                    return (_jsx(Row, { className: `${CLASS_PREFIX}__row`, children: _jsx(_Fragment, { children: row &&
-                                row.map((col, colIndex) => {
-                                    return (
-                                    // 每列内容左右间距为0.1栅格列宽
-                                    _jsx(Col, { style: {
-                                            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));
-                }) }) }) }));
-}

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

@@ -1,2 +0,0 @@
-import './index.css';
-import '../style';