@cloudbase/weda-ui 3.5.1 → 3.5.2-mp

package/dist/web/components/wd-tree/utils.js

@@ -1,291 +0,0 @@
-/* eslint-disable max-lines */
-/* eslint-disable @typescript-eslint/no-magic-numbers */
-import { deepClone } from '../../utils/tool';
-const TREE_INFO_GOT = [
-    { key: 'value', infoKey: 'selected', alias: 'selected' },
-    { key: 'value', infoKey: 'selected', alias: 'selectedPositions', aim: 'pos' },
-    { key: 'value', infoKey: 'selected', alias: 'selectedNodes', aim: 'root' },
-    { key: 'isExpand', value: true, alias: 'expanded' },
-    { key: 'isExpand', value: true, alias: 'expandedPositions', aim: 'pos' },
-    { key: 'isExpand', value: true, alias: 'expandedNodes', aim: 'root' },
-    { key: 'searched', value: 'searched' },
-    {
-        key: 'searched',
-        value: 'searched',
-        alias: 'searchedPositions',
-        aim: 'pos',
-    },
-    { key: 'searched', value: 'searched', alias: 'searchedNodes', aim: 'root' },
-    { key: 'checked', value: 'checked' },
-    { key: 'checked', value: 'checked', alias: 'checkedPositions', aim: 'pos' },
-    { key: 'checked', value: 'checked', alias: 'checkedNodes', aim: 'root' },
-    { key: 'checked', value: 'childChecked', alias: 'childChecked' },
-    {
-        key: 'checked',
-        value: 'childChecked',
-        alias: 'childCheckedPositions',
-        aim: 'pos',
-    },
-    {
-        key: 'checked',
-        value: 'childChecked',
-        alias: 'childCheckedNodes',
-        aim: 'root',
-    },
-];
-/**
- * 仅根据初始值判断当前节点的展开状态
- * @param treeNode 当前节点
- * @param expandType 节点展开类型
- * @param expandCustom 自定义要展开的节点
- * @returns
- */
-const judgeExpand = (treeNode, expandType, expandCustom) => {
-    if (!expandType)
-        return treeNode.expanded || '';
-    if (expandType === 'all')
-        return 'expand';
-    if (expandType !== 'none') {
-        return (expandCustom === null || expandCustom === void 0 ? void 0 : expandCustom.includes(treeNode.value)) ? 'expand' : '';
-    }
-    return '';
-};
-/**
- * 仅根据搜索关键字判断节点是否被搜索到
- * @param treeNode 当前节点
- * @param searchKey 关键字
- * @returns
- */
-const judgeSearch = (treeNode, searchKey) => {
-    var _a;
-    return searchKey && ((_a = treeNode.label) === null || _a === void 0 ? void 0 : _a.includes(searchKey)) ? 'searched' : '';
-};
-/**
- * 仅根据初始值判断是否选中
- * @param treeNode 当前节点
- * @param checkedCustom 自定义选中的节点
- * @returns
- */
-const judgeCheck = (treeNode, checkedCustom) => {
-    if (!(checkedCustom === null || checkedCustom === void 0 ? void 0 : checkedCustom.length))
-        return treeNode.checked || '';
-    return checkedCustom.includes(treeNode.value) ? 'checked' : '';
-};
-/**
- * 根据初始值获取用于组件展示的数据
- * @param {IInitData} param0
- * @returns
- */
-const initData = ({ data, parent, showIcon, expendIcon, foldIcon, leafIcon, pos = '', }) => {
-    if (!Array.isArray(data))
-        return [];
-    return data
-        .filter((item) => item === null || item === void 0 ? void 0 : item.value)
-        .map((item, index) => {
-        var _a;
-        item.pos = `${pos ? `${pos}-` : ''}${index}`;
-        item.root = item.root || { ...deepClone(item), pos: item.pos };
-        if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
-            item.children = initData({
-                data: item.children,
-                parent: item,
-                showIcon,
-                expendIcon,
-                foldIcon,
-                leafIcon,
-                pos: item.pos,
-            });
-        }
-        item.expendIcon = item.expendIcon || expendIcon;
-        item.foldIcon = item.foldIcon || foldIcon;
-        item.leafIcon = item.leafIcon || leafIcon;
-        item.showIcon = showIcon;
-        item.parent = parent;
-        return item;
-    });
-};
-/**
- * 根据子节点的状态处理父节点的相关状态，如选中、展开
- * @param {IGetStateOfChildrenParams} param0
- * @returns
- */
-const getStateOfChildren = ({ treeNode, key, state, }) => {
-    var _a, _b, _c;
-    const notHas = (_a = treeNode.children) === null || _a === void 0 ? void 0 : _a.map((v) => v[key]).includes(state.notHas);
-    const has = (_b = treeNode.children) === null || _b === void 0 ? void 0 : _b.map((v) => v[key]).includes(state.has);
-    const childHas = (_c = treeNode.children) === null || _c === void 0 ? void 0 : _c.map((v) => v[key]).includes(state.childHas);
-    if (notHas && !has && !childHas) {
-        return state.notHas;
-    }
-    else if (has && !notHas && !childHas) {
-        return state.has;
-    }
-    return state.childHas;
-};
-/**
- * 处理节点的搜索状态
- * @param treeNode 节点
- * @returns
- */
-const getSearched = (treeNode) => getStateOfChildren({
-    treeNode,
-    key: 'searched',
-    state: {
-        notHas: '',
-        has: 'searched',
-        childHas: 'childSearched',
-    },
-});
-/**
- * 处理节点的展开状态
- * @param treeNode 节点
- * @returns
- */
-const getExpand = (treeNode) => getStateOfChildren({
-    treeNode,
-    key: 'expanded',
-    state: {
-        notHas: '',
-        has: 'expand',
-        childHas: 'childExpand',
-    },
-});
-/**
- * 处理节点的选中状态
- * @param treeNode 节点
- * @returns
- */
-const getChecked = (treeNode) => getStateOfChildren({
-    treeNode,
-    key: 'checked',
-    state: {
-        notHas: '',
-        has: 'checked',
-        childHas: 'childChecked',
-    },
-});
-/**
- * 初始化节点状态
- * @param param0
- * @returns
- */
-const initTreeState = ({ data, checkedCustom, expandType, expandCustom, searchKey = '', parentChecked = '', }) => {
-    if (!Array.isArray(data))
-        return [];
-    return data.map((item) => {
-        var _a, _b, _c;
-        const currentChecked = parentChecked || judgeCheck(item, checkedCustom);
-        const currentSearched = judgeSearch(item, searchKey);
-        const currentExpand = judgeExpand(item, expandType, expandCustom);
-        if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
-            item.children = initTreeState({
-                data: item.children,
-                checkedCustom,
-                expandType,
-                expandCustom,
-                searchKey,
-                parentChecked: currentChecked === 'checked' ? 'checked' : '', // 只有父节点选中才去操作子节点选中
-            });
-            item.checked = currentChecked || getChecked(item);
-            item.searched = currentSearched || getSearched(item);
-            item.expanded = currentExpand || getExpand(item);
-        }
-        else {
-            item.checked = currentChecked || judgeCheck(item, checkedCustom);
-            item.searched = currentSearched;
-            item.expanded = item.searched ? 'expand' : '';
-        }
-        // 被搜索到的或根据输入判断需要展开的都认为要展开
-        item.isExpand =
-            !!((_b = item.children) === null || _b === void 0 ? void 0 : _b.length) &&
-                (searchKey ? !!item.searched : !!item.expanded);
-        if (item.showIcon) {
-            if ((_c = item.children) === null || _c === void 0 ? void 0 : _c.length) {
-                item.iconShow = item.isExpand ? item.expendIcon : item.foldIcon;
-            }
-            else {
-                item.iconShow = item.leafIcon;
-            }
-        }
-        return item;
-    });
-};
-/**
- * 当某节点的选择状态变化时，处理该节点的父和子的选择状态
- * @param treeNode
- */
-const dealCheck = (treeNode) => {
-    var _a;
-    let parent = treeNode.parent;
-    const adjust = (arr, checked) => {
-        arr.forEach((item) => {
-            var _a;
-            item.checked = checked;
-            if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
-                adjust(item.children, item.checked);
-            }
-        });
-    };
-    while (parent) {
-        parent.checked = getChecked(parent);
-        parent = parent.parent;
-    }
-    if ((_a = treeNode.children) === null || _a === void 0 ? void 0 : _a.length) {
-        adjust(treeNode.children, treeNode.checked);
-    }
-};
-/**
- * 查找满足要求的节点
- * @param tree 树
- * @param condition 需要获取的内容
- * @returns
- */
-const findNode = (params) => {
-    const { tree, info, condition } = params;
-    const list = {};
-    tree.forEach((item) => {
-        var _a;
-        let childList = {};
-        if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
-            childList = findNode({ tree: item.children, info, condition });
-        }
-        condition.forEach((v) => {
-            var _a;
-            const { key, value, alias, aim, infoKey } = v;
-            const k = alias || key;
-            const aimValue = infoKey ? info[infoKey] : value;
-            if (!list[k])
-                list[k] = [];
-            if (item[key] === aimValue) {
-                list[k].push(item[aim || 'value']);
-            }
-            if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
-                list[k] = [...new Set([...list[k], ...childList[k]])];
-            }
-        });
-    });
-    return list;
-};
-/**
- * 根据checkable状态获取树信息
- * @param params
- * @param checkable
- * @returns
- */
-const getTreeInfo = (params, checkable) => {
-    const info = findNode(params);
-    // 如果未开启多选，则将点击状态覆盖选中状态
-    if (!checkable) {
-        info.checked = info.selected;
-        info.checkedNodes = info.selectedNodes;
-        info.checkedPositions = info.selectedPositions;
-        info.childChecked = [];
-        info.childCheckedNodes = [];
-        info.childCheckedPositions = [];
-    }
-    delete info.selected;
-    delete info.selectedNodes;
-    delete info.selectedPositions;
-    return info;
-};
-export { TREE_INFO_GOT, initData, initTreeState, dealCheck, findNode, getTreeInfo, };

package/dist/web/components/wd-tree/wd-tree.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { CommonPropsType } from '../../types';
-import type { DataType } from '../../../configs/components/wd-tree';
-export declare const WdTree: React.ForwardRefExoticComponent<WdTreeProps & React.RefAttributes<unknown>>;
-export interface WdTreeProps extends CommonPropsType, DataType {
-}

package/dist/web/components/wd-tree/wd-tree.js

@@ -1,193 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable max-lines */
-import { forwardRef, useImperativeHandle, useEffect, useState, useCallback, } from 'react';
-import classNames from '../../utils/classnames';
-import { useConfig } from '../../utils/config-context';
-import { usePlatform } from '../../utils/platform';
-import WdCheckbox from '../wd-checkbox';
-import WdIcon from '../wd-icon';
-import { TREE_INFO_GOT, initData, initTreeState, dealCheck, getTreeInfo, } from './utils';
-import { deepClone } from '../../utils/tool';
-export const WdTree = forwardRef(function WdTree(props, ref) {
-    var _a;
-    const { className = '', style, id, events, data, checkable, checkedCustom, expandType, expandCustom, showIcon, foldIcon, expendIcon, leafIcon, line, } = props;
-    const platform = usePlatform();
-    // 样式
-    const { classPrefix } = useConfig();
-    // 响应式css api
-    const platformCss = `${classPrefix}-${platform}-tree`;
-    const classes = {
-        [`${classPrefix}-tree`]: true,
-        [platformCss]: true,
-        [`${classPrefix}-tree--line`]: props.line,
-    };
-    const nodeClassName = `${classPrefix}-tree-node`;
-    // 组件内树节点初始化
-    const [showData, setShowData] = useState([]);
-    const [treeInfo, setTreeInfo] = useState({});
-    // 点击的节点
-    const [selected, setSelected] = useState(((_a = props.checkedCustom) === null || _a === void 0 ? void 0 : _a.length) ? props.checkedCustom[0] : '');
-    // 搜索内容
-    const [searchKey, setSearchKey] = useState('');
-    /**
-     * 组件搜索节点方法
-     */
-    const searchNode = useCallback(({ searchKey = '' } = {}) => {
-        setSearchKey(searchKey || '');
-        setShowData(initTreeState({
-            data: showData,
-            checkedCustom: [],
-            expandType: '',
-            expandCustom: [],
-            searchKey,
-        }));
-    }, [showData]);
-    // Widget API，挂载组件只读属性和组件方法
-    useImperativeHandle(ref, () => {
-        return {
-            methods: {
-                searchNode,
-            },
-            treeInfo,
-            data,
-            checkable,
-            checkedCustom,
-            expandType,
-            expandCustom,
-            showIcon,
-            foldIcon,
-            expendIcon,
-            leafIcon,
-            line,
-        };
-    }, [
-        checkable,
-        checkedCustom,
-        data,
-        expandCustom,
-        expandType,
-        expendIcon,
-        foldIcon,
-        leafIcon,
-        line,
-        searchNode,
-        showIcon,
-        treeInfo,
-    ]);
-    useEffect(() => {
-        var _a;
-        const aimData = initTreeState({
-            data: initData({
-                data: deepClone(props.data),
-                parent: null,
-                showIcon: props.showIcon,
-                expendIcon: props.expendIcon,
-                foldIcon: props.foldIcon,
-                leafIcon: props.leafIcon,
-            }),
-            checkedCustom: props.checkedCustom,
-            expandType: props.expandType || 'all',
-            expandCustom: props.expandCustom,
-        });
-        setShowData(aimData);
-        const selected = ((_a = props.checkedCustom) === null || _a === void 0 ? void 0 : _a.length) ? props.checkedCustom[0] : '';
-        setTreeInfo({
-            event: 'init',
-            currentNode: [],
-            ...getTreeInfo({ tree: aimData, info: { selected }, condition: TREE_INFO_GOT }, props.checkable),
-        });
-        setSelected(selected);
-    }, [props.data, props.checkedCustom, props.expandCustom, props.expandType, props.showIcon, props.expendIcon, props.foldIcon, props.leafIcon, props.checkable]);
-    /**
-     * 节点变化，check：选中节点改变，select：点击节点，expand：节点展开/折叠
-     * @param treeNode
-     * @param event
-     * @param state 改变的状态
-     */
-    const change = (treeNode, event, state) => {
-        var _a;
-        if (treeNode.disabled && event !== 'expand')
-            return;
-        // 开启多选属性时, 点击节点事件去掉, 变成check事件
-        if (event === 'select' && props.checkable) {
-            event = 'check';
-            state = treeNode.checked !== 'checked';
-        }
-        const eventKey = {
-            check: 'selectNodeChange',
-            select: 'selectNodeChange',
-            expand: 'nodeExpandChange',
-        }[event];
-        let selectedKey = selected;
-        // 不同类型要执行的操作
-        const typeFunc = {
-            check: () => {
-                treeNode.checked = state ? 'checked' : '';
-                // 处理节点的父/子节点选中状态
-                dealCheck(treeNode);
-            },
-            select: () => {
-                state = selectedKey !== treeNode.value;
-                selectedKey = state ? treeNode.value : '';
-                setSelected(selectedKey);
-            },
-            expand: () => {
-                var _a;
-                treeNode.isExpand = state;
-                treeNode.expanded = state ? 'expand' : '';
-                if (treeNode.iconShow && ((_a = treeNode.children) === null || _a === void 0 ? void 0 : _a.length)) {
-                    treeNode.iconShow = state ? treeNode.expendIcon : treeNode.foldIcon;
-                }
-            },
-        }[event];
-        typeFunc === null || typeFunc === void 0 ? void 0 : typeFunc();
-        const info = {
-            event,
-            currentNode: [treeNode.root],
-            [`${event}State`]: state,
-            ...getTreeInfo({
-                tree: showData,
-                info: { selected: selectedKey },
-                condition: TREE_INFO_GOT,
-            }, props.checkable),
-        };
-        (_a = events[eventKey]) === null || _a === void 0 ? void 0 : _a.call(events, info);
-        // events.change?.(info);
-        setTreeInfo(info);
-        event !== 'select' && setShowData([...showData]);
-    };
-    const list = [];
-    const renderNode = (d, count) => {
-        if (!Array.isArray(d))
-            return [];
-        // @ts-ignore const 会报错，应该是let
-        count = count || 0;
-        const STEP = 1;
-        d.filter((item) => item === null || item === void 0 ? void 0 : item.value).forEach((item, index) => {
-            var _a;
-            const subTree = ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? item.children : undefined;
-            const spaceDom = [];
-            const disableStyle = item.disabled
-                ? { cursor: 'not-allowed', color: 'rgba(0,0,0,.26)' }
-                : {};
-            for (let i = 0; i < count; i++) {
-                spaceDom.push(_jsx("span", { className: `${classPrefix}-tree__space` }, Math.random()));
-            }
-            list.push(_jsxs("div", { 
-                // 叶子节点 加 `${classPrefix}-tree-node--leaf` 为了连线的时候，对横线特殊处理
-                // 选中态，加 is-selected
-                className: `${nodeClassName} ${subTree ? '' : `${classPrefix}-tree-node--leaf`} ${selected === item.value && !props.checkable ? 'is-selected' : ''}`, "data-testid": nodeClassName, children: [spaceDom, _jsx("div", { className: `${classPrefix}-tree__switcher`, onClick: () => change(item, 'expand', !item.isExpand), children: subTree && (
-                        // 展开/收起的图标
-                        _jsx(WdIcon, { className: `${classPrefix}-tree__switcher-icon`, name: item.isExpand ? 'td:caret-down-small' : 'td:caret-right-small' })) }), _jsxs("div", { className: `${classPrefix}-tree__label`, onClick: () => change(item, 'select'), children: [props.checkable && (_jsx(WdCheckbox, { index: index + count, option: { value: item.value }, isAll: item.checked === 'childChecked', size: "md", disabled: item.disabled, getChangeHandler: () => {
-                                    if (item.disabled)
-                                        return;
-                                    change(item, 'check', item.checked !== 'checked');
-                                }, checkedItemValue: { [item.value]: item.checked === 'checked' }, ...{} })), item.iconShow && (_jsx(WdIcon, { "data-testid": "wd-tree-icon-test", className: `${classPrefix}-tree__label-icon `, name: item.iconShow, src: item.iconShow, type: item.iconShow.startsWith('http') ? 'custom' : 'inner' })), _jsx("label", { className: `${classPrefix}-tree__label-text`, htmlFor: "", style: disableStyle, children: searchKey
-                                    ? item.label.split(searchKey).map((v, i) => (_jsxs("span", { children: [i !== 0 && (_jsx("span", { className: `${classPrefix}-tree__label-text-search`, children: searchKey })), v] }, i)))
-                                    : item.label })] })] }, item.value));
-            subTree && item.isExpand && renderNode(subTree, count + STEP);
-        });
-        return list;
-    };
-    return (_jsx("div", { id: id, style: style, className: classNames(classes, className), "data-testid": "wd-tree-test", children: renderNode(showData, 0) }));
-});

package/dist/web/components/wd-upload-file/index.d.ts

@@ -1,3 +0,0 @@
-import { WdUploadFile } from './wd-upload-file';
-export { WdUploadFile, type WdUploadFileProps } from './wd-upload-file';
-export default WdUploadFile;

package/dist/web/components/wd-upload-file/index.js

@@ -1,3 +0,0 @@
-import { WdUploadFile } from './wd-upload-file';
-export { WdUploadFile } from './wd-upload-file';
-export default WdUploadFile;

package/dist/web/components/wd-upload-file/wd-upload-file.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { CommonPropsType } from '../../types';
-export declare const WdUploadFile: ({ isReadOnly }: {
-    isReadOnly?: boolean;
-}) => JSX.Element;
-export interface WdUploadFileProps extends CommonPropsType {
-    isReadOnly?: boolean;
-}

package/dist/web/components/wd-upload-file/wd-upload-file.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import classNames from '../../utils/classnames';
-import { useConfig } from '../../utils/config-context';
-import { WdButton, WdIcon } from '../index';
-import { WdFormItem } from '../wd-form-item';
-import { ConfigProvider, Progress } from 'tea-component';
-const Xlsx = '../../../style/components/upload/icons/xlsx.svg';
-const Word = '../../../style/components/upload/icons/word.svg';
-const Txt = '../../../style/components/upload/icons/txt.svg';
-const Download = '../../../style/components/upload/icons/download.svg';
-const FormItemMockData = {
-    classRoot: 'upload',
-    labelVisible: true,
-    label: '文件上传',
-    testId: 'form-upload-file',
-    borderedPc: true,
-    layout: 'horizontal',
-    // layout: 'vertical',
-};
-export const WdUploadFile = ({ isReadOnly = false }) => {
-    const { classPrefix } = useConfig();
-    const compClassName = `${classPrefix}-upload-wrap  ${classPrefix}-upload-file-wrap`;
-    return (_jsx(_Fragment, { children: _jsx(WdFormItem, { ...FormItemMockData, children: _jsxs("div", { className: classNames(compClassName), children: [_jsx(WdButton, { className: `${classPrefix}-upload-btn`, iconType: "text-with-icon", iconPosition: "before", icon: "td:upload", text: "\u70B9\u51FB\u4E0A\u4F20", theme: "secondary", variant: "outline", iconSource: "inner" }), _jsx("p", { className: "wd-form-item__help", children: _jsx("span", { className: "wd-form-item__help-text wd-input__help", children: "\u6700\u591A\u4E0A\u4F2010\u4E2A\u6587\u4EF6\uFF0C\u5355\u4E2A\u6587\u4EF6\u6700\u592710m\uFF0C\u652F\u6301\u683C\u5F0F\u5982\u4E0B\uFF1Apng\u3001jpeg\u3001pdf\u3001doc\u3001xls\u3001zip" }) }), _jsxs("div", { className: `${classPrefix}-upload__control ${classPrefix}-upload__control-file `, children: [_jsxs("div", { className: `${classPrefix}-upload__item-file `, children: [_jsx("div", { className: `${classPrefix}-upload__icon`, children: _jsx(WdIcon, { name: "Txt", size: "md", type: "custom", src: Txt }) }), _jsxs("div", { className: `${classPrefix}-upload__item-control `, children: [_jsxs("div", { className: `${classPrefix}-upload__item-file-control `, children: [_jsx("div", { className: `${classPrefix}-upload__item-file-left `, children: _jsxs("div", { className: `${classPrefix}-upload__file-text`, children: [_jsx("div", { className: `${classPrefix}-upload__file-name`, children: "\u4E00\u4E2A\u6587\u4EF6\u540D\u79F0.text" }), _jsx("div", { className: `${classPrefix}-upload__file-size`, children: "100MB | 30%" })] }) }), _jsx("div", { className: `${classPrefix}-upload__item-file-right `, children: _jsx(WdIcon, { name: "td:delete", size: "xs", type: "inner" }) })] }), _jsx(ConfigProvider, { classPrefix: "wd", children: _jsx(Progress, { strokeWidth: 2, percent: 30, theme: "default" }) })] })] }), _jsxs("div", { className: `${classPrefix}-upload__item-file `, children: [_jsx("div", { className: `${classPrefix}-upload__icon`, children: _jsx(WdIcon, { name: "Word", size: "md", type: "custom", src: Word }) }), _jsxs("div", { className: `${classPrefix}-upload__item-control `, children: [_jsxs("div", { className: `${classPrefix}-upload__item-file-control `, children: [_jsx("div", { className: `${classPrefix}-upload__item-file-left `, children: _jsxs("div", { className: `${classPrefix}-upload__file-text`, children: [_jsx("div", { className: `${classPrefix}-upload__file-name`, title: " \u4E00\u4E2A\u6587\u4EF6\u540D\u79F0.word", children: "\u4E00\u4E2A\u6587\u4EF6\u540D\u79F0.word" }), _jsx("div", { className: `${classPrefix}-upload__file-size`, children: "100MB | 60%" })] }) }), _jsx("div", { className: `${classPrefix}-upload__item-file-right `, children: _jsx(WdIcon, { name: "td:delete", size: "xs", type: "inner" }) })] }), _jsx(ConfigProvider, { classPrefix: "wd", children: _jsx(Progress, { strokeWidth: 2, percent: 60, theme: "default" }) })] })] }), _jsxs("div", { className: `${classPrefix}-upload__item-file `, children: [_jsx("div", { className: `${classPrefix}-upload__icon`, children: _jsx(WdIcon, { name: "Txt", size: "md", type: "custom", src: Txt }) }), _jsx("div", { className: `${classPrefix}-upload__item-control `, children: _jsxs("div", { className: `${classPrefix}-upload__item-file-control `, children: [_jsx("div", { className: `${classPrefix}-upload__item-file-left `, children: _jsxs("div", { className: `${classPrefix}-upload__file-text`, children: [_jsx("div", { className: `${classPrefix}-upload__file-name`, children: "\u4E00\u4E2A\u6587\u4EF6\u540D\u79F0.text" }), _jsx("div", { className: `${classPrefix}-upload__file-size`, children: "100MB" })] }) }), _jsxs("div", { className: `${classPrefix}-upload__item-file-right `, children: [_jsx(WdIcon, { name: "Download", size: "xs", type: "custom", src: Download }), _jsx(WdIcon, { style: { marginLeft: 18 }, name: "td:delete", size: "xs", type: "inner" })] })] }) })] }), _jsxs("div", { className: `${classPrefix}-upload__item-file `, children: [_jsx("div", { className: `${classPrefix}-upload__icon`, children: _jsx(WdIcon, { name: "Xlsx", size: "md", type: "custom", src: Xlsx }) }), _jsx("div", { className: `${classPrefix}-upload__item-control `, children: _jsxs("div", { className: `${classPrefix}-upload__item-file-control `, children: [_jsx("div", { className: `${classPrefix}-upload__item-file-left `, children: _jsxs("div", { className: `${classPrefix}-upload__file-text`, children: [_jsx("div", { className: `${classPrefix}-upload__file-name`, children: "\u4E00\u4E2A\u6587\u4EF6\u540D\u79F0.Xlsx" }), _jsx("div", { className: `${classPrefix}-upload__file-size ${classPrefix}-upload__file-size--error`, children: "\u4E0A\u4F20\u5931\u8D25" })] }) }), _jsxs("div", { className: `${classPrefix}-upload__item-file-right `, children: [_jsx(WdIcon, { name: "td:refresh", size: "xs", type: "inner", style: { marginRight: 18 } }), _jsx(WdIcon, { name: "td:delete", size: "xs", type: "inner" })] })] }) })] }), _jsxs("div", { className: `${classPrefix}-upload__item-file `, children: [_jsx("div", { className: `${classPrefix}-upload__icon`, children: _jsx(WdIcon, { name: "Xlsx", size: "md", type: "custom", src: Xlsx }) }), _jsx("div", { className: `${classPrefix}-upload__item-control `, children: _jsxs("div", { className: `${classPrefix}-upload__item-file-control `, children: [_jsx("div", { className: `${classPrefix}-upload__item-file-left `, children: _jsxs("div", { className: `${classPrefix}-upload__file-text`, children: [_jsx("div", { className: `${classPrefix}-upload__file-name`, children: "\u53EA\u8BFB\u72B6\u6001.Xlsx" }), _jsx("div", { className: `${classPrefix}-upload__file-size`, children: "20Mb" })] }) }), isReadOnly && (_jsxs("div", { className: `${classPrefix}-upload__item-file-right `, children: [_jsx(WdIcon, { name: "td:refresh", size: "xs", type: "inner", style: { marginRight: 18 } }), _jsx(WdIcon, { name: "td:delete", size: "xs", type: "inner" })] }))] }) })] })] })] }) }) }));
-};

package/dist/web/components/wd-upload-image/index.d.ts

@@ -1,3 +0,0 @@
-import { WdUploadImage } from './wd-upload-image';
-export { WdUploadImage, type WdUploadImageProps } from './wd-upload-image';
-export default WdUploadImage;

package/dist/web/components/wd-upload-image/index.js

@@ -1,3 +0,0 @@
-import { WdUploadImage } from './wd-upload-image';
-export { WdUploadImage } from './wd-upload-image';
-export default WdUploadImage;

package/dist/web/components/wd-upload-image/wd-upload-image.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { CommonPropsType } from '../../types';
-export declare const WdUploadImage: () => JSX.Element;
-export type WdUploadImageProps = CommonPropsType;

package/dist/web/components/wd-upload-image/wd-upload-image.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable max-lines */
-import * as React from 'react';
-import classNames from '../../utils/classnames';
-import { useConfig } from '../../utils/config-context';
-import { WdButton, WdImage, WdIcon, WdRadioList,
-// WdInputWrap,
- } from '../index';
-import { WdLoading } from '../wd-loading';
-import { usePlatform } from '../../utils/platform';
-import { WdFormItem } from '../wd-form-item';
-import { ConfigProvider, Modal } from 'tea-component';
-const FormItemMockData = {
-    classRoot: 'upload',
-    labelVisible: true,
-    label: '图片上传',
-    testId: 'form-upload-image',
-    borderedPc: true,
-    layout: 'horizontal',
-    // layout: 'vertical',
-};
-export const WdUploadImage = () => {
-    const { classPrefix } = useConfig();
-    const platform = usePlatform();
-    const ish5 = platform === 'h5';
-    const compClassName = `${classPrefix}-upload-wrap  ${classPrefix}-upload-file-wrap`;
-    const [isShowDialog, setIsShowDialog] = React.useState(false);
-    // 待删，为组件 ts 不报错
-    const extra = {};
-    return (_jsx(_Fragment, { children: _jsxs(WdFormItem, { ...FormItemMockData, children: [_jsxs("div", { className: classNames(compClassName), children: [_jsx("p", { className: "wd-form-item__help", children: _jsx("span", { className: "wd-form-item__help-text wd-input__help", children: "\u6700\u591A\u4E0A\u4F2010\u5F20\u56FE\u7247\uFF0C\u5355\u4E2A\u56FE\u7247\u6700\u592710m\uFF0C\u652F\u6301\u683C\u5F0F\u5982\u4E0B\uFF1Apng\u3001jpeg" }) }), _jsxs("ul", { className: `${classPrefix}-upload__control ${classPrefix}-upload__control-image `, children: [_jsx("li", { className: `${classPrefix}-upload__item-image ${classPrefix}-upload__item-image--add`, onClick: () => {
-                                        setIsShowDialog(true);
-                                    }, children: _jsx("p", { className: `${classPrefix}-upload__image-box`, children: _jsx(WdIcon, { name: "td:add", size: "md" }) }) }), _jsxs("li", { className: `${classPrefix}-upload__item-image`, children: [_jsx("p", { className: `${classPrefix}-upload__image-box`, children: _jsx(WdImage, { src: "https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg", ...extra }) }), !ish5 ? (_jsx("p", { className: `${classPrefix}-upload__image-name`, children: "\u56FE\u7247\u540D\u79F0" })) : (_jsx(WdIcon, { className: `${classPrefix}-upload__image-close`, name: "td:close", size: "sm" }))] }), _jsxs("li", { className: `${classPrefix}-upload__item-image`, children: [_jsx("p", { className: `${classPrefix}-upload__image-box`, children: _jsx(WdImage, { src: "https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg", ...extra }) }), !ish5 ? (_jsx("p", { className: `${classPrefix}-upload__image-name`, children: "\u56FE\u7247\u540D\u79F0" })) : (_jsx(WdIcon, { className: `${classPrefix}-upload__image-close`, name: "td:close", size: "sm" }))] }), _jsxs("li", { className: `${classPrefix}-upload__item-image`, children: [_jsx("p", { className: `${classPrefix}-upload__image-box`, children: _jsx(WdImage, { src: "https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg", ...extra }) }), !ish5 ? (_jsx("p", { className: `${classPrefix}-upload__image-name`, children: "\u56FE\u7247\u540D\u79F0" })) : (_jsx(WdIcon, { className: `${classPrefix}-upload__image-close`, name: "td:close", size: "sm" }))] }), _jsxs("li", { className: `${classPrefix}-upload__item-image`, children: [_jsx("p", { className: `${classPrefix}-upload__image-box`, children: _jsx(WdImage, { src: "https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg", ...extra }) }), !ish5 ? (_jsx("p", { className: `${classPrefix}-upload__image-name`, children: "\u56FE\u7247\u540D\u79F0" })) : (_jsx(WdIcon, { className: `${classPrefix}-upload__image-close`, name: "td:close", size: "sm" }))] }), _jsxs("li", { className: `${classPrefix}-upload__item-image`, children: [_jsx("p", { className: `${classPrefix}-upload__image-box`, children: _jsx(WdImage, { src: "https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg", ...extra }) }), !ish5 ? (_jsx("p", { className: `${classPrefix}-upload__image-name`, children: "\u56FE\u7247\u540D\u79F0" })) : (_jsx(WdIcon, { className: `${classPrefix}-upload__image-close`, name: "td:close", size: "sm" }))] }), _jsxs("li", { className: `${classPrefix}-upload__item-image`, children: [_jsxs("p", { className: `${classPrefix}-upload__image-box`, children: [_jsx(WdImage, { src: "https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg", ...extra }), !ish5 && (_jsx("div", { className: `${classPrefix}-upload__image-box-mask`, children: _jsxs("div", { className: `${classPrefix}-upload__image-box-mask__control`, children: [_jsx(WdIcon, { name: "td:browse" }), _jsx("span", { className: `${classPrefix}-upload__image-line` }), _jsx(WdIcon, { name: "td:delete" })] }) }))] }), !ish5 ? (_jsx("p", { className: `${classPrefix}-upload__image-name`, children: "\u56FE\u7247\u540D\u79F0" })) : (_jsx(WdIcon, { className: `${classPrefix}-upload__image-close`, name: "td:close", size: "sm" }))] }), _jsxs("li", { className: `${classPrefix}-upload__item-image`, children: [_jsx("p", { className: `${classPrefix}-upload__image-box`, children: _jsx(WdLoading, { text: ish5 ? '上传中...' : '上传中 40%' }) }), !ish5 ? (_jsx("p", { className: `${classPrefix}-upload__image-name`, children: "\u56FE\u7247\u540D\u79F0" })) : (_jsx(WdIcon, { className: `${classPrefix}-upload__image-close`, name: "td:close", size: "sm" }))] }), _jsxs("li", { className: `${classPrefix}-upload__item-image`, children: [_jsx("p", { className: `${classPrefix}-upload__image-box `, children: _jsx(WdLoading, { text: ish5 ? ('请重试') : (_jsxs(_Fragment, { children: ["\u683C\u5F0F\u9519\u8BEF\uFF0C\u8BF7", _jsx("span", { className: `${classPrefix}-g-text-refresh`, children: "\u91CD\u8BD5" })] })), icon: ish5 ? (_jsx(WdIcon, { name: "td:refresh", size: "md" })) : (_jsx(WdIcon, { name: "td:error-circle-filled", size: "md" })) }) }), !ish5 && (_jsx("p", { className: `${classPrefix}-upload__image-name`, children: "\u56FE\u7247\u540D\u79F0" }))] })] })] }), _jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs(Modal, { className: `${classPrefix}-upload-dialog `, visible: isShowDialog, caption: "\u4E0A\u4F20\u56FE\u7247", onClose: () => {
-                            setIsShowDialog(false);
-                        }, children: [_jsx(Modal.Body, { children: _jsxs("div", { className: `${classPrefix}-upload-dialog__control `, children: [_jsx(WdRadioList, { status: '', required: false, format: '', labelWidth: '', labelAlign: '', labelWrap: false, labelTips: '', extra: '', borderedH5: false, requiredFlag: false, requiredMsg: '', tipBlock: '', enumName: '', ...{ $widget: { closest: () => { } } }, labelVisible: true, layout: 'horizontal', label: '上传方式', direction: 'inline', range: [
-                                                {
-                                                    label: '点击上传/拖拽',
-                                                    value: '1',
-                                                },
-                                                {
-                                                    label: '输入链接上传',
-                                                    value: '2',
-                                                },
-                                            ], name: "demo", size: 'md', value: '1' }), _jsx("div", { className: `${classPrefix}-upload-dialog__click-upload-box`, children: _jsxs("p", { children: [_jsx("span", { className: `${classPrefix}-upload-dialog__click-upload`, children: "\u70B9\u51FB\u4E0A\u4F20" }), ' ', "/ \u62D6\u62FD"] }) })] }) }), _jsxs(Modal.Footer, { children: [_jsx(WdButton, { text: "\u53D6\u6D88", size: "md", theme: "secondary", events: {
-                                            tap: () => {
-                                                setIsShowDialog(false);
-                                            },
-                                        } }), _jsx(WdButton, { text: "\u786E\u5B9A", size: "md", theme: "primary", events: {
-                                            tap: () => {
-                                                setIsShowDialog(false);
-                                            },
-                                        } })] })] }) })] }) }));
-};

package/dist/web/components/web-view/index.css

@@ -1,5 +0,0 @@
-.wd-web-view-container {
-  border: 0;
-  width: 100vw;
-  height: 100vh;
-}

package/dist/web/components/web-view/index.d.ts

@@ -1,3 +0,0 @@
-import { WebView } from './web-view';
-export { WebView, type WdWebViewProps } from './web-view';
-export default WebView;

package/dist/web/components/web-view/index.js

@@ -1,3 +0,0 @@
-import { WebView } from './web-view';
-export { WebView } from './web-view';
-export default WebView;

package/dist/web/components/web-view/style.d.ts

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

package/dist/web/components/web-view/style.js

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