@cloudbase/weda-ui 3.3.0 → 3.3.2

package/dist/src/web/components/form/uploaderFile/uploadFile.pc.js

@@ -1,302 +0,0 @@
-import * as React from 'react';
-import { Upload, ConfigProvider, Button, message, Icon, Text, List, } from 'tea-component';
-import { filterStrList, isCloudFileID, isHttpFileID, transSize, downloadFile, cutFileTitle, transFileCloudidToName, randomStr, } from '../../../utils/platform';
-import { getCloudInstance } from '../../../utils/tcb';
-import classNames from '../../../utils/classnames';
-import { renderDecorator } from '../renderDecorator';
-import isObjectEqual from '../../../utils/isObjectEqual';
-import { emptyArray, emptyObject } from '../../../utils/constant';
-import { useTempUrl } from '../../../utils/use-cloud-id-temp-url';
-// 默认组件类前缀
-const CLASS_PREFIX = 'weda-upload-file-pc';
-// 上传状态字典
-const statusMap = {
-    0: { title: '待上传', icon: 'pending-gray' },
-    1: { title: '上传 ...', icon: 'loading' },
-    2: { title: '上传成功', icon: 'success' },
-    3: { title: '上传失败', icon: 'error' },
-};
-// 上传文件Context
-const FileContext = React.createContext(null);
-/**
- * 上传文件 PC 版本
- */
-export function UploadFilePc({ 
-// 系统属性
-layout, id = '', style, labelVisible = true, label = '上传文件', requiredFlag = false, disabled = false, className = '', events = emptyObject, 
-// 组件属性
-decorator, tips = '', btnTitle = '点击上传', maxUploadCount = 9, maxSize = 1024, single = true, defaultValue = emptyArray, // 组件默认初始化值
-value = emptyArray, // 用于模型组件中 formily 的值管理
-acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPath = 'weda-uploader', onChange = null, isEdit = true, }) {
-    const [fileIDList, setfileIDList] = React.useState(filterStrList([].concat(defaultValue, value))); // 上传成功文件ID列表，fileID[]
-    const [fileList, setFileList] = React.useState([]); // 上传中的文件列表，file[]，file为原始文件 + uuid属性
-    const [fileSizeObj, setFileSizeObj] = React.useState({}); // 管理上传文件大小 {uuid:size}
-    // 两次默认值不同, 需要刷新
-    const prevDefaultRef = React.useRef([]);
-    const fileRef = React.useRef(fileIDList);
-    React.useMemo(() => {
-        //有有效默认值时不刷新，解决初次渲染默认值不显示问题
-        if (defaultValue &&
-            !isObjectEqual(prevDefaultRef.current, defaultValue) &&
-            (JSON.stringify(prevDefaultRef.current) == '[]' ||
-                !prevDefaultRef.current)) {
-            prevDefaultRef.current = defaultValue;
-            setfileIDList(filterStrList([].concat(defaultValue)));
-        }
-    }, [defaultValue]);
-    React.useEffect(() => {
-        var _a, _b, _c;
-        // 外部 onChange 事件
-        const pureFileIDList = fileIDList.filter((d) => isCloudFileID(d) || isHttpFileID(d));
-        if (single) {
-            const file = pureFileIDList[0] || '';
-            onChange === null || onChange === void 0 ? void 0 : onChange(file);
-            (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: file });
-        }
-        else {
-            onChange === null || onChange === void 0 ? void 0 : onChange(pureFileIDList);
-            (_b = events === null || events === void 0 ? void 0 : events.change) === null || _b === void 0 ? void 0 : _b.call(events, { value: pureFileIDList });
-        }
-        if (!isObjectEqual(fileRef.current, fileIDList)) {
-            (_c = events === null || events === void 0 ? void 0 : events.success) === null || _c === void 0 ? void 0 : _c.call(events, { value: pureFileIDList });
-            fileRef.current = fileIDList;
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [fileIDList]);
-    // 外层组件类
-    const cls = classNames({
-        'weda-ui': true,
-        [className]: className,
-    });
-    // 批量上传文件前置事件
-    const handleBefore = (file, fileList, isAccepted, error) => {
-        if (!((acceptTypes === null || acceptTypes === void 0 ? void 0 : acceptTypes.includes('*')) ||
-            (acceptTypes === null || acceptTypes === void 0 ? void 0 : acceptTypes.includes('')) ||
-            (acceptTypes === null || acceptTypes === void 0 ? void 0 : acceptTypes.length) === 0) &&
-            !islegalType(fileList, uploadProps['accept']))
-            return;
-        if (fileList.length + fileIDList.length > maxUploadCount) {
-            message.warning({ content: `上传文件总数不能超过${maxUploadCount}个` });
-            return false;
-        }
-        if (!isAccepted) {
-            try {
-                const errorList = [];
-                if (error.find((item) => (item === null || item === void 0 ? void 0 : item.code) === 'file-invalid-type')) {
-                    errorList.push('上传文件类型错误');
-                }
-                if (error.find((item) => (item === null || item === void 0 ? void 0 : item.code) === 'file-too-large')) {
-                    errorList.push(`上传文件大小不能超过${maxSize}M`);
-                }
-                message.error({ content: errorList.join(', ') });
-            }
-            catch (e) { }
-            return false;
-        }
-        file['_uuid'] = randomStr();
-        setFileList((list) => [...list, file]);
-        return false;
-    };
-    // 上传后文件列表 fileIDList 改变事件，'add'|'delete'
-    const handleChange = ({ fileID, uuid, type, size }) => {
-        // 上传时新增事件
-        if (type === 'add') {
-            fileID && setFileSizeObj((obj) => ({ ...obj, [fileID]: size }));
-            fileID && setfileIDList((list) => [...list, fileID]);
-        }
-        else {
-            fileID && setfileIDList((list) => list.filter((d) => d !== fileID));
-        }
-        uuid && setFileList((list) => list.filter((item) => uuid !== (item === null || item === void 0 ? void 0 : item._uuid)));
-    };
-    // 上传组件属性
-    const uploadProps = { multiple: !single };
-    if (!(!(acceptTypes === null || acceptTypes === void 0 ? void 0 : acceptTypes.length) ||
-        (acceptTypes === null || acceptTypes === void 0 ? void 0 : acceptTypes.includes('*')) ||
-        (acceptTypes === null || acceptTypes === void 0 ? void 0 : acceptTypes.includes('')))) {
-        uploadProps['accept'] = Array.from(new Set(acceptTypes));
-    }
-    tips && (uploadProps['title'] = tips);
-    maxSize && (uploadProps['maxSize'] = maxSize * 1024 * 1024);
-    const btnDisabled = fileIDList.length >= maxUploadCount || (single && fileIDList.length > 0);
-    //验证上传文件类型是否合法
-    const islegalType = (files, accepts) => {
-        const illegalType = [];
-        for (const file of files) {
-            accepts.some((item) => item === (file === null || file === void 0 ? void 0 : file.type))
-                ? null
-                : illegalType.push(file === null || file === void 0 ? void 0 : file.type);
-        }
-        if (illegalType.length > 0) {
-            message.error({
-                content: '不支持上传' +
-                    Array.from(new Set(illegalType)).join(',') +
-                    '格式文件',
-            });
-            return false;
-        }
-        return true;
-    };
-    return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement(FileContext.Provider, { value: {
-                uploadPath,
-                downloadVisible,
-                deleteVisible,
-                onChange: handleChange,
-                isEdit,
-                events,
-                fileSizeObj,
-            }, "data-testid": "button-up" },
-            React.createElement("div", { className: `${CLASS_PREFIX}`, "data-testid": "UploadFilePc" },
-                isEdit && (React.createElement("div", { className: `${CLASS_PREFIX}__input-box` }, disabled || btnDisabled ? (React.createElement(Button, { type: "weak", disabled: true }, btnTitle)) : (React.createElement(Upload, { ...uploadProps, beforeUpload: handleBefore, "data-testid": "Upload" },
-                    React.createElement(Button, { type: "weak", className: `${CLASS_PREFIX}__btn--weak` }, btnTitle),
-                    !single && (React.createElement(Text, { theme: "weak", className: `${CLASS_PREFIX}__btn-descripe` }, "\u652F\u6301\u6279\u91CF\u4E0A\u4F20")))))),
-                React.createElement(List, { split: "divide" },
-                    React.createElement(List.Item, null,
-                        React.createElement("div", { className: `${CLASS_PREFIX}--item ${CLASS_PREFIX}--item-header` },
-                            React.createElement("div", { className: `${CLASS_PREFIX}--item-title ${CLASS_PREFIX}--item-label` }, "\u6587\u4EF6\u540D"),
-                            React.createElement("div", { className: `${CLASS_PREFIX}--item-size ${CLASS_PREFIX}--item-label` }, "\u5927\u5C0F"),
-                            React.createElement("div", { className: `${CLASS_PREFIX}--item-status ${CLASS_PREFIX}--item-label` }, "\u72B6\u6001"),
-                            React.createElement("div", { className: `${CLASS_PREFIX}--item-action` }, "\u64CD\u4F5C"))),
-                    fileIDList.map((d) => (React.createElement(List.Item, { key: d }, React.createElement(TcbFileEcho, { disabled: disabled, fileID: d })))),
-                    fileList.map((item) => (React.createElement(List.Item, { key: item === null || item === void 0 ? void 0 : item._uuid }, React.createElement(TcbFileUpload, { disabled: disabled, file: item })))),
-                    isEdit && fileIDList.length === 0 && fileList.length === 0 && (React.createElement(List.Item, { className: `${CLASS_PREFIX}--item-empty` },
-                        React.createElement("div", { className: `${CLASS_PREFIX}--item` },
-                            "\u70B9\u51FB\u4E0A\u65B9\u201C",
-                            btnTitle,
-                            "\u201D\u6309\u94AE"))))))), decorator)({
-        id,
-        className: cls,
-        style,
-        label: labelVisible ? label : null,
-        layout,
-        multiCell: false,
-        requiredFlag,
-    });
-}
-/**
- * 基于 FileID 回显文件表格行组件
- */
-const TcbFileEcho = ({ fileID, disabled }) => {
-    const { fileSizeObj } = React.useContext(FileContext) || {};
-    const { data: src } = useTempUrl(fileID);
-    const title = React.useMemo(() => {
-        if (isCloudFileID(fileID)) {
-            return transFileCloudidToName(fileID);
-        }
-        else {
-            return fileID;
-        }
-    }, [fileID]);
-    return (React.createElement("div", { className: `${CLASS_PREFIX}--item ${CLASS_PREFIX}--item-body` },
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-title`, title: title }, cutFileTitle(title)),
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-size` }, fileSizeObj[fileID] || '--'),
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-status` },
-            React.createElement(UploadFileStatus, null)),
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-action` },
-            React.createElement(UploadFileAction, { disabled: disabled, status: "2", fileID: fileID, src: src }))));
-};
-/**
- * 基于 File 上传文件过程表格行组件
- */
-const TcbFileUpload = ({ file, disabled }) => {
-    const { uploadPath, onChange, events } = React.useContext(FileContext) || {};
-    const [percent, setPercent] = React.useState(0); // 上传进度
-    const [status, setStatus] = React.useState('0'); // 上传状态
-    const cancleRef = React.useRef(''); // 取消的uuid
-    // 上传文件相关属性
-    const { size, title, uuid } = React.useMemo(() => {
-        const size = transSize(file === null || file === void 0 ? void 0 : file.size);
-        const title = (file === null || file === void 0 ? void 0 : file.name) || '';
-        const uuid = file === null || file === void 0 ? void 0 : file._uuid;
-        return { size, title, uuid };
-    }, [file === null || file === void 0 ? void 0 : file._uuid, file === null || file === void 0 ? void 0 : file.name, file === null || file === void 0 ? void 0 : file.size]);
-    // 上传过程
-    const handleUpload = React.useCallback(async (file) => {
-        const tcb = await getCloudInstance();
-        try {
-            setStatus('0');
-            const { fileID } = await tcb.uploadFile({
-                cloudPath: `${uploadPath}/${randomStr()}-${file === null || file === void 0 ? void 0 : file.name}`,
-                filePath: file,
-                onUploadProgress: (progressEvent) => {
-                    let percent = 0;
-                    percent = Math.round((progressEvent.loaded * 100) / progressEvent.total);
-                    setStatus('1');
-                    setPercent(percent < 100 ? percent : 100);
-                },
-            });
-            !cancleRef.current && (onChange === null || onChange === void 0 ? void 0 : onChange({ fileID, type: 'add', uuid, size }));
-            setStatus('2');
-        }
-        catch (e) {
-            setStatus('3');
-            events.error && events.error(e);
-        }
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [size, uploadPath, uuid]);
-    React.useEffect(() => {
-        handleUpload(file);
-    }, [file, file._uuid, handleUpload]);
-    return (React.createElement("div", { className: `${CLASS_PREFIX}--item ${CLASS_PREFIX}--item-body` },
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-title`, title: title }, cutFileTitle(title)),
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-size` }, size),
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-status` },
-            React.createElement(UploadFileStatus, { status: status, percent: percent })),
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-action` },
-            React.createElement(UploadFileAction, { file: file, uuid: file === null || file === void 0 ? void 0 : file._uuid, status: status, onCancel: (uuid) => {
-                    cancleRef.current = uuid;
-                    onChange === null || onChange === void 0 ? void 0 : onChange({ type: 'delete', uuid });
-                }, disabled: disabled, onReLoad: handleUpload }))));
-};
-/**
- * 上传文件状态组件
- */
-const UploadFileStatus = ({ status = '2', percent = 0 }) => {
-    var _a, _b;
-    if (status == '1' && percent) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Icon, { type: "loading" }),
-            "\u4E0A\u4F20",
-            percent,
-            "% ..."));
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Icon, { type: ((_a = statusMap[status]) === null || _a === void 0 ? void 0 : _a.icon) || statusMap['0'].icon }),
-        ((_b = statusMap[status]) === null || _b === void 0 ? void 0 : _b.title) || statusMap['0'].title));
-};
-/**
- * 操作列组件, onChange 从最外层 UploadFilePc 传进来
- * props: { status, fileID, uuid, src, onChange }
- */
-const UploadFileAction = ({ status = '0', fileID = '', uuid = '', src = '', file = null, onReLoad = null, onCancel = null, disabled, }) => {
-    const { onChange, downloadVisible, deleteVisible, isEdit } = React.useContext(FileContext) || {};
-    // 操作列按钮-删除
-    const renderDelete = () => isEdit &&
-        deleteVisible && (React.createElement(Button, { type: "link", disabled: disabled, onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange({ fileID, uuid, type: 'delete' }) }, "\u5220\u9664"));
-    // 操作列按钮-取消
-    const renderCancel = () => isEdit && (React.createElement(Button, { onClick: () => onCancel === null || onCancel === void 0 ? void 0 : onCancel(uuid), type: "link" }, "\u53D6\u6D88"));
-    // 操作列按钮-重新上传
-    const renderReLoad = () => isEdit && (React.createElement(Button, { type: "link", onClick: () => {
-            onReLoad === null || onReLoad === void 0 ? void 0 : onReLoad(file);
-        } }, "\u91CD\u65B0\u4E0A\u4F20"));
-    // 操作列按钮-下载
-    const renderDownLoad = () => downloadVisible && (React.createElement(Button, { type: "link", title: "\u70B9\u51FB\u4E0B\u8F7D\u6587\u4EF6", onClick: () => downloadFile(src) }, "\u4E0B\u8F7D"));
-    switch (status) {
-        case '0':
-            return renderCancel();
-        case '1':
-            return renderCancel();
-        case '2':
-            return (React.createElement(React.Fragment, null,
-                renderDelete(),
-                renderDownLoad()));
-        case '3':
-            return (React.createElement(React.Fragment, null,
-                renderDelete(),
-                renderReLoad()));
-        default:
-            return null;
-    }
-};

package/dist/src/web/components/form/userOrgSelect/comTool.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const DimTreeContent: (props: any) => JSX.Element;
-export declare const ErrorStatus: ({ size, title, description }: {
-    size: any;
-    title: any;
-    description: any;
-}) => JSX.Element;
-export declare const ModalSearch: (props: any) => JSX.Element;

package/dist/src/web/components/form/userOrgSelect/comTool.js

@@ -1,101 +0,0 @@
-import React, { useState } from 'react';
-import { SearchBox, Status, Tree, LoadingTip, Button } from 'tea-component';
-import { getNode, dealUserData, dealOrgData } from './utils';
-import classNames from '../../../utils/classnames';
-export const DimTreeContent = (props) => {
-    const { selectedIds, onSelect, onActive, activeIds, treeClassName, data: treeData, setTreeData, onCancel, onConfirm, needUser, onReset, request, errorInfo = { errorStatus: false, errorMessage: '' }, } = props;
-    //const commonParams = [callWedaApi, showToast, showError];
-    const [loading, setLoading] = useState(false);
-    const [errInfo, setErrInfo] = useState(errorInfo);
-    const loadDepartData = async (id) => {
-        const node = getNode(treeData, id, 'id');
-        if (node.children) {
-            return;
-        }
-        try {
-            // 部门
-            const { Orgs = [], Users = [] } = await request('LazyDescribeOrgs', {
-                OrgId: node.orgId,
-                DescribeCondition: {
-                    NeedUser: !!needUser,
-                },
-            });
-            // 如果不存在数据
-            if (!(Orgs === null || Orgs === void 0 ? void 0 : Orgs.length) && !(Users === null || Users === void 0 ? void 0 : Users.length)) {
-                node.expandable = false;
-            }
-            else {
-                //@ts-ignore jsx
-                const children = dealOrgData(Orgs).concat(needUser ? dealUserData(Users, false, node.orgId) : []);
-                Object.assign(node, { children });
-            }
-            setTreeData([...treeData]);
-            return;
-        }
-        catch (error) {
-            return;
-        }
-    };
-    // 搜索
-    const search = async (key) => {
-        try {
-            setErrInfo({ errorStatus: false, errorMessage: null });
-            let resData = [];
-            if (key) {
-                setLoading(true);
-                const { Orgs = [], Users = [] } = await request('SearchByCondition', {
-                    KeyWords: key,
-                    SearchCondition: {
-                        SearchType: 'SearchByOrg',
-                        NeedUser: needUser,
-                    },
-                }
-                // ...commonParams,
-                );
-                setLoading(false);
-                //@ts-ignore jsx
-                resData = dealOrgData(Orgs).concat(needUser ? dealUserData(Users) : []);
-                setTreeData(resData);
-            }
-        }
-        catch (e) {
-            setLoading(false);
-            setErrInfo({ errorStatus: true, errorMessage: e });
-        }
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(SearchBox, { onSearch: search, onClear: () => onReset(), onChange: (val) => !val && onReset() }),
-        React.createElement("div", { className: "tree-search-loading" }, loading && React.createElement(LoadingTip, null)),
-        (errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorStatus) && (React.createElement(ErrorStatus, { size: "l", title: "\u63A5\u53E3\u8C03\u7528\u5931\u8D25", description: (errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorMessage) || null })),
-        !(treeData === null || treeData === void 0 ? void 0 : treeData.length) && !loading && !(errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorStatus) && (React.createElement(Status, { className: "dim-tree-select--blank", icon: 'blank', size: 's', title: `暂无${needUser ? '成员' : '部门'}数据` })),
-        !!(treeData === null || treeData === void 0 ? void 0 : treeData.length) && !loading && !(errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorStatus) && (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "tree-select-warp" },
-                React.createElement(Tree, { selectable: false, selectStrictly: true, activable: true, activeIds: activeIds, selectedIds: selectedIds, data: treeData, onLoad: loadDepartData, onActive: onActive, onSelect: onSelect, height: 324, fullExpandable: needUser ? true : false, className: `tree-select ${treeClassName}` })),
-            React.createElement("div", { className: "dim-tree-footer" },
-                React.createElement(Button, { type: "weak", className: "din-btn din-btn--cancle", onClick: onCancel }, "\u53D6\u6D88"),
-                React.createElement(Button, { type: "primary", className: "din-btn din-btn--primary", onClick: onConfirm }, "\u786E\u5B9A"))))));
-};
-export const ErrorStatus = ({ size, title, description }) => {
-    return (React.createElement(Status, { className: "dim-tree-select--blank", icon: 'blank', size: size, title: title, description: description }));
-};
-// h5弹窗搜索框
-export const ModalSearch = (props) => {
-    const { value, onChange, onCancel, isSearch, onFocus } = props;
-    return (React.createElement("div", { className: classNames({
-            'weda-select-user-dept__dialog-search': true,
-            'weda-select-user-dept__dialog-search-focus': isSearch,
-        }) },
-        React.createElement("div", { className: "weda-select-user-dept__dialog-search-box" },
-            React.createElement("input", { type: "text", onFocus: onFocus, value: value, onClick: (e) => {
-                    e.stopPropagation();
-                }, onChange: onChange, className: "weda-select-user-dept__dialog-search-input" }),
-            React.createElement("div", { className: classNames({
-                    'weda-select-user-dept__dialog-label': true,
-                    'weda-select-user-dept__dialog-label-value': value,
-                }) },
-                React.createElement("span", { className: "search-icon" }),
-                React.createElement("span", { className: "search-placeholder" }, "\u641C\u7D22")),
-            value && value.length > 0 && (React.createElement("div", { className: "weda-select-user-dept__dialog-input-clear", onClick: onChange },
-                React.createElement("p", { className: "weda-select-user-dept__dialog-input-clear-close" })))),
-        React.createElement("span", { className: "weda-select-user-dept__dialog-search-cancel", onClick: onCancel }, "\u53D6\u6D88")));
-};

package/dist/src/web/components/form/userOrgSelect/departTreeSelect/departTreeSelect.h5.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import type { CommonFormPropsType } from '../../types';
-import '../userOrgSelect.css';
-export declare function DepartTreeSelectH5({ id, className, style, events, label, labelVisible, name, placeholder, defaultValueType, defaultValue, confirmValue, disabled, layout, requiredFlag, size, decorator, request, onChange, focus: autoFocus, }: IDepartTreeSelec): JSX.Element;
-export interface IDepartTreeSelec extends CommonFormPropsType {
-    defaultValue?: string;
-    confirmValue?: string;
-    placeholder?: string;
-    defaultValueType?: 'noneDepart' | 'confirmDepart';
-    maxLength?: number;
-    focus?: boolean;
-    size?: 's' | 'm' | 'l' | 'full';
-    clearable?: boolean;
-    multiple?: boolean;
-    relation?: object;
-    isMuti?: boolean;
-    onChange?: (v: any) => void;
-    request?: any;
-}