@cloudbase/weda-ui 3.1.6 → 3.2.0

package/dist/configs/index.d.ts

@@ -1,4 +1,5 @@
 export namespace components {
+    export { FormDetail };
     export { Button };
     export { Text };
     export { Container };
@@ -41,6 +42,8 @@ export namespace components {
     export { Share };
     export { UserInfo };
     export { Lottery };
+    export { UserTreeSelect };
+    export { DepartTreeSelect };
 }
 export namespace actions {
     export { showToast };
@@ -51,6 +54,7 @@ declare namespace _default {
     export { actions };
 }
 export default _default;
+import FormDetail from "./components/formdetail.json";
 import Button from "./components/button.json";
 import Text from "./components/text.json";
 import Container from "./components/container.json";
@@ -93,5 +97,7 @@ import PhoneCode from "./components/wxOpenApi/phoneCode.json";
 import Share from "./components/wxOpenApi/share.json";
 import UserInfo from "./components/wxOpenApi/userInfo.json";
 import Lottery from "./components/lottery.json";
+import UserTreeSelect from "./components/form/userTreeSelect.json";
+import DepartTreeSelect from "./components/form/departTreeSelect.json";
 import showToast from "./actions/showToast.json";
 import showModal from "./actions/showModal.json";

package/dist/configs/index.js

@@ -46,7 +46,11 @@ import PhoneCode from './components/wxOpenApi/phoneCode.json';
 import Share from './components/wxOpenApi/share.json';
 import UserInfo from './components/wxOpenApi/userInfo.json';
 import Lottery from './components/lottery.json';
+import UserTreeSelect from './components/form/userTreeSelect.json';
+import DepartTreeSelect from './components/form/departTreeSelect.json';
+import FormDetail from './components/formdetail.json';
 export const components = {
+    FormDetail,
     Button,
     Text,
     Container,
@@ -94,6 +98,8 @@ export const components = {
     Share,
     UserInfo,
     Lottery,
+    UserTreeSelect,
+    DepartTreeSelect,
 };
 export const actions = {
     showToast,

package/dist/docs/common/format.js

@@ -3,6 +3,21 @@ export const sortBy = (props) => {
         return a[props] - b[props];
     };
 };
+const platMaps = {
+    PCWEB: 'PC端',
+    MOBILEWEB: '移动端',
+    MP: '小程序',
+    WEB: 'WEB端',
+};
+const platTranslate = (platforms = []) => {
+    const platRemark = [];
+    if (platforms && platforms.length > 0) {
+        platforms.forEach((e) => {
+            platRemark.push(platMaps[e]);
+        });
+    }
+    return platRemark;
+};
 export const objFormat = (args, type, origin) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     //判断属性title值是否为拓展写法
@@ -16,9 +31,9 @@ export const objFormat = (args, type, origin) => {
                 description: ((_e = args[i]) === null || _e === void 0 ? void 0 : _e.remarks) || '-',
                 platforms: args[i]['x-platforms']
                     ? args[i]['x-platforms'].indexOf('MP') > -1
-                        ? '小程序端'
+                        ? '小程序'
                         : args[i]['x-platforms'].indexOf('WEB') > -1
-                            ? 'web端'
+                            ? 'WEB端'
                             : '兼容三端'
                     : '兼容三端',
             });
@@ -30,11 +45,15 @@ export const objFormat = (args, type, origin) => {
                 args[i]['x-component'] == 'Divider') {
                 continue;
             }
+            const titleName = args[i].title.indexOf('{{') != -1
+                ? (_h = args[i]) === null || _h === void 0 ? void 0 : _h.title.match(uuidReg)[1]
+                : (_j = args[i]) === null || _j === void 0 ? void 0 : _j.title;
             transformData.push({
                 code: i,
-                title: args[i].title.indexOf('{{') != -1
-                    ? (_h = args[i]) === null || _h === void 0 ? void 0 : _h.title.match(uuidReg)[1]
-                    : (_j = args[i]) === null || _j === void 0 ? void 0 : _j.title,
+                title: titleName +
+                    (platTranslate(args[i]['x-platforms']).length > 0
+                        ? '(' + platTranslate(args[i]['x-platforms']).join(',') + ')'
+                        : ''),
                 description: ((_k = args[i]) === null || _k === void 0 ? void 0 : _k.remarks) || '-',
                 type: ((_l = args[i]) === null || _l === void 0 ? void 0 : _l.type) || '-',
                 default: JSON.stringify((_m = args[i]) === null || _m === void 0 ? void 0 : _m.default) || '-',

package/dist/web/actions/showModal/index.css

@@ -0,0 +1,3 @@
+.weapps__modal {
+  z-index: 5001 !important;
+}

package/dist/web/actions/showModal/index.d.ts

@@ -1,3 +1,4 @@
+import './index.css';
 export default function showModal({ data }: {
     data: any;
 }): Promise<unknown>;

package/dist/web/actions/showModal/index.js

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
 import { Modal, Button, Text, ConfigProvider } from 'tea-component';
 import { noop } from '../../utils/constant';
+import './index.css';
 const ModalShow = forwardRef(function ModalShow(props, ref) {
     const [visible, setVisible] = useState(false);
     // 渲染之后，马上显示

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

@@ -137,14 +137,22 @@ export default function Calendar({ className, style, initVisible, initValue, con
                 React.createElement("div", { className: blockName + '__control-section-cell' },
                     React.createElement(Select, { appearance: "button", size: controlSectionSize, value: String(year), options: yearSelectOptions(), onChange: (selectYear) => setYear(parseInt(selectYear)) })),
                 React.createElement("div", { className: blockName + '__control-section-cell' },
-                    React.createElement(Select, { appearance: "button", size: controlSectionSize, value: String(month), options: monthSelectOptions(), onChange: (selectMonth) => setMonth(parseInt(selectMonth)) })))) : (React.createElement("div", { className: `${blockName}__current-date` }, `${year} 年 ${month} 月`)))),
+                    React.createElement(Select, { appearance: "button", size: controlSectionSize, value: String(month), options: monthSelectOptions(), onChange: (selectMonth) => setMonth(parseInt(selectMonth)) })))) : (React.createElement("div", { className: `${blockName}__current-date` },
+                year,
+                " \u5E74 ",
+                month,
+                " \u6708")))),
         React.createElement("div", { className: blockName + '__control_h5', "data-testid": "weda-calendar-control-h5" },
             visible && (React.createElement("div", { className: blockName + '_prevMonth wedatea2td-icon-arrowleft--line', onClick: () => {
                     // 上一个月
                     setYear(month === 1 ? year - 1 : year);
                     setMonth(month === 1 ? 12 : month - 1);
                 } })),
-            React.createElement("div", { className: `${blockName}__current-date` }, `${year}年${month}月`),
+            React.createElement("div", { className: `${blockName}__current-date` },
+                year,
+                "\u5E74",
+                month,
+                "\u6708"),
             visible && (React.createElement("div", { className: blockName + '_nextMonth wedatea2td-icon-arrowright--line', onClick: () => {
                     // 下一个月
                     setYear(month === 12 ? year + 1 : year);

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

@@ -16,6 +16,8 @@ export default function Carousel({ className, style, autoplay, circular, vertica
     // 自动切换
     useEffect(() => {
         if (autoplay) {
+            // 自动切换
+            // eslint-disable-next-line rulesdir/no-timer
             const timer = setInterval(() => {
                 setIndex(currentIndex + 1);
             }, interval);
@@ -63,6 +65,7 @@ export default function Carousel({ className, style, autoplay, circular, vertica
                 setSwipeStyle({
                     transform: `translate3d(0, 0, 0)`,
                 });
+            // eslint-disable-next-line rulesdir/no-timer
             setTimeout(() => {
                 setSwipeStyle({
                     transform: vertical
@@ -81,6 +84,7 @@ export default function Carousel({ className, style, autoplay, circular, vertica
                         ? `translate3d(0, -${(to + 2) * 100}%, 0)`
                         : `translate3d(-${(to + 2) * 100}%, 0, 0)`,
                 });
+            // eslint-disable-next-line rulesdir/no-timer
             setTimeout(() => {
                 setSwipeStyle({
                     transform: vertical

package/dist/web/components/chart/common/core/eChartBase.js

@@ -90,7 +90,13 @@ class EchartBase extends AbstractEchartBaseModal {
      *
      **/
     async getSourceData(sourceName = '', methods = '', dataSourceType = '', params) {
-        var _a;
+        var _a, _b, _c;
+        if (!sourceName ||
+            Object.keys((_a = params === null || params === void 0 ? void 0 : params.dimension) !== null && _a !== void 0 ? _a : {}).length <= 0 ||
+            ((_b = params.value) !== null && _b !== void 0 ? _b : []).length <= 0) {
+            console.warn('charts 参数不完整');
+            return [];
+        }
         try {
             if (dataSourceType === 'database') {
                 return await callWedaApi({
@@ -109,7 +115,7 @@ class EchartBase extends AbstractEchartBaseModal {
                 methodName: methods,
                 params,
             });
-            return (_a = res.result) !== null && _a !== void 0 ? _a : [];
+            return (_c = res.result) !== null && _c !== void 0 ? _c : [];
         }
         catch (err) {
             return [];

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

@@ -5,6 +5,7 @@ import { usePlatform, isInIde } from '../../../utils/platform';
 import { callDataSource, callConnector } from '../../../utils/tcb';
 import weui from '../../../utils/weui';
 import './index.css';
+const formTypeWithInitValue = ['edit', 'read'];
 /**
  * 表单容器组件
  */
@@ -27,7 +28,7 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
                 let initValue = {};
                 if (isDataModel) {
                     // 数据模型查询条件
-                    if (formType === 'edit' && dataSourceName) {
+                    if (formTypeWithInitValue.includes(formType) && dataSourceName) {
                         initValue = await appCloud.callDataSource({
                             dataSourceName,
                             methodName: 'wedaGetItem',
@@ -37,13 +38,13 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
                             (_a = events === null || events === void 0 ? void 0 : events.onInitValue) === null || _a === void 0 ? void 0 : _a.call(events, initValue);
                         }
                         else {
-                            alertError(platform);
+                            alertError(platform, '表单容器数据查询失败');
                         }
                     }
                 }
                 else {
                     // 连接器查询条件
-                    if (formType === 'edit' &&
+                    if (formTypeWithInitValue.includes(formType) &&
                         dataSourceName &&
                         methodGetItem &&
                         paramGetItem) {
@@ -59,13 +60,15 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
                 }
             }
             catch (e) {
-                alertError(platform);
+                alertError(platform, '表单容器数据查询失败');
             }
         };
-        if (dataSourceName && formType === 'edit') {
+        if (dataSourceName && formTypeWithInitValue.includes(formType)) {
             if ((isDataModel && _id) ||
                 (!isDataModel && paramGetItem && methodGetItem)) {
                 clearTimeout(timeRef.current);
+                // 防抖
+                // eslint-disable-next-line rulesdir/no-timer
                 timeRef.current = setTimeout(() => getData(), 100);
             }
         }
@@ -93,11 +96,11 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
 /**
  * 根据平台不同，展示不同的错误提示消息
  */
-function alertError(platform = 'h5', message = '更新场景下未查询到数据') {
+function alertError(platform = 'h5', message) {
     if (isInIde())
         return;
     if (platform === 'h5') {
-        weui.toast(message, { className: 'weda-form-toast' });
+        weui.toast(message, { duration: 2000, className: 'weda-form-toast' });
     }
     else {
         TeaMessage.error({ content: message });

package/dist/web/components/form/location/common/mapChoose.js

@@ -322,6 +322,8 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
         }
         else {
             setSearchValue('');
+            // 不知道
+            // eslint-disable-next-line rulesdir/no-timer
             setTimeout(() => {
                 setSearchList([]);
             }, 300);

package/dist/web/components/form/location/common/mapView.js

@@ -87,6 +87,8 @@ export default function MapView({ APIKEY = '', drag = true, zoom = true, latlng
             };
             document.body.appendChild(script);
         }
+        // 不知道
+        // eslint-disable-next-line rulesdir/no-timer
         setTimeout(() => {
             loadScript();
         }, 1000);

package/dist/web/components/form/location/components/LocationH5/location.h5.js

@@ -10,6 +10,7 @@ import SelectModal from '../../common/selectModal';
 import { propTypes, defaultProps } from '../../common/propsConfig';
 import { callDataSource } from '../../../../../utils/tcb';
 import { inH5IsMobile } from '../../../../../utils/platform';
+import styles from './location.module.css';
 const { useEffect, useState, useRef } = React;
 export default function LocationH5(props) {
     const { 
@@ -288,12 +289,13 @@ export default function LocationH5(props) {
         return status;
     };
     const LocationEl = (React.createElement("div", { className: "form-location weda-ui_form-location", "data-testid": "form-location" },
-        React.createElement("div", { className: "form-location-warp", style: { display: layout === 'vertical' ? 'block' : 'flex' } },
+        React.createElement("div", { className: `form-location-warp ${styles.locationDisabled}`, style: { display: layout === 'vertical' ? 'block' : 'flex' } },
             labelVisible && (React.createElement("div", { className: "form-location-label" },
                 React.createElement("label", null, label),
                 requiredFlag && React.createElement("span", null, "*"))),
             React.createElement("div", { className: classNames({
                     'form-location-con': true,
+                    [styles.locationContent]: true,
                     'form-location-con_vertical': layout === 'vertical',
                 }) },
                 React.createElement("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/6542e1ce1dd36a90085b2eb979801df9.png", alt: "" }),

package/dist/web/components/form/location/components/LocationH5/location.module.css

@@ -0,0 +1,3 @@
+.location_locationDisabled__5aEWr .location_locationContent__4BWhz {
+  opacity: 0.4;
+}

package/dist/web/components/form/select/h5.js

@@ -188,9 +188,13 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
                 onRegionClick();
             }
             else {
+                // 轮询直到他不为空
+                // eslint-disable-next-line rulesdir/no-timer
                 setTimeout(cb, 200);
             }
         };
+        // 轮询直到他不为空
+        // eslint-disable-next-line rulesdir/no-timer
         regionTimer = setTimeout(cb, 200);
     };
     const onRegionClick = function () {

package/dist/web/components/form/select/index.js

@@ -174,7 +174,7 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
     const createDropdown = () => {
         switch (mode) {
             case 'selector':
-                return (React.createElement(PureSelectPc, { size: size, onChange: (value) => {
+                return (React.createElement(PureSelectPc, { disabled: disabled, size: size, onChange: (value) => {
                         var _a;
                         onChange && onChange(value);
                         (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
@@ -222,13 +222,7 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
                         index !== 0 && `${separator}`,
                         label || value))), value: region }));
             case 'mutiRegion':
-                return (React.createElement(Cascader, { clearable: true, searchable: true, className: sizeClassName, type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, onLoad: (regionTree, options) => {
-                        return new Promise((resolve) => {
-                            setTimeout(() => {
-                                resolve();
-                            }, 1000);
-                        });
-                    }, valueRender: (options) => options.map(({ label, value }, index) => (React.createElement(React.Fragment, { key: `${value}-${index}` },
+                return (React.createElement(Cascader, { clearable: true, searchable: true, className: sizeClassName, type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, valueRender: (options) => options.map(({ label, value }, index) => (React.createElement(React.Fragment, { key: `${value}-${index}` },
                         index !== 0 && ',',
                         label || value))), value: mutiRegion }));
         }

package/dist/web/components/form/switch/index.js

@@ -6,6 +6,7 @@ import { ConfigProvider, Switch as TeaSwitch } from 'tea-component';
 import { renderDecorator } from '../renderDecorator';
 import { useSyncValue } from '../../../utils/useSyncValue';
 import { emptyObject } from '../../../utils/constant';
+import styles from './switch.module.css';
 export default function Switch({ 
 // 系统属性
 id, className, style, events = emptyObject, 
@@ -34,11 +35,11 @@ label = '标题', labelVisible = true, checked: defaultChecked, layout = 'horizo
         isFlex ? React.createElement("div", { className: "weui-cell__bd" }) : null,
         React.createElement("div", { className: isFlex ? 'weui-cell__ft' : 'weui-cell__bd' },
             React.createElement("label", { htmlFor: _id, key: _id, className: "weui-switch-cp" },
-                !disabled && (React.createElement("input", { id: _id, className: "weui-switch-cp__input", type: "checkbox", checked: checked, disabled: disabled, onChange: (ev) => {
+                React.createElement("input", { id: _id, className: `weui-switch-cp__input ${styles.wedaSwitchInput}`, type: "checkbox", checked: checked, disabled: disabled, onChange: (ev) => {
                         const value = ev.target.checked;
                         setChecked(value);
                         events.change({ value }, { orgianalEvent: ev });
-                    } })),
+                    } }),
                 React.createElement("div", { className: "weui-switch-cp__box" }))))) : (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
         React.createElement(TeaSwitch, { id: _id, value: checked, disabled: disabled, onChange: (value, context) => {
                 const originEvent = context.event;

package/dist/web/components/form/switch/switch.module.css

@@ -0,0 +1,7 @@
+.switch_wedaSwitchInput__iwKfX.weui-switch-cp__input {
+  position: absolute;
+  width: 0;
+  height: 0;
+  opacity: 0;
+  overflow: hidden;
+}

package/dist/web/components/form/uploader/uploader.h5.d.ts

@@ -7,6 +7,7 @@ export declare function ImageUploaderH5({ title, maxUploadCount, maxSize, accept
 export interface SingleImageProps {
     src: string;
     deleteBySrc: (url: string) => void;
+    disabled: boolean;
 }
 export interface H5UploaderProps extends CommonFormPropsType {
     title?: string;

package/dist/web/components/form/uploader/uploader.h5.js

@@ -70,12 +70,6 @@ export function ImageUploaderH5({ title, maxUploadCount, maxSize = 10, acceptTyp
         setProgress(percentCompleted);
     };
     const uploadToTcb = (file) => {
-        if ((file === null || file === void 0 ? void 0 : file.type.split('/')[0]) !== 'image') {
-            weui.alert('请上传图片', {
-                title: 'Image Type Error',
-            });
-            return false;
-        }
         setUploading(true);
         getCloudInstance().then(async (tcb) => {
             var _a;
@@ -105,6 +99,29 @@ export function ImageUploaderH5({ title, maxUploadCount, maxSize = 10, acceptTyp
             ? IMAGE_TYPES
             : Array.from(new Set(acceptTypes));
     }, [acceptTypes]);
+    const islegalType = (files, accepts) => {
+        const illegalType = [];
+        let isImage = true;
+        for (const file of files) {
+            if ((file === null || file === void 0 ? void 0 : file.type.split('/')[0]) !== 'image') {
+                weui.alert('请上传图片', {
+                    title: 'Image Type Error',
+                });
+                isImage = false;
+                break;
+            }
+            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 (!isImage)
+            return false;
+        if (illegalType.length > 0) {
+            weui.alert('不支持上传' + Array.from(new Set(illegalType)).join(',') + '格式图片');
+            return false;
+        }
+        return true;
+    };
     const showAdd = React.useMemo(() => {
         if (single) {
             // single 模式时，仅当数组为空时显示
@@ -118,13 +135,15 @@ export function ImageUploaderH5({ title, maxUploadCount, maxSize = 10, acceptTyp
                 React.createElement(UploaderLabel, { layout: layout, title: title, currentCount: fileIdList.length, maxCount: finalMaxImgCount, requiredFlag: requiredFlag })),
             React.createElement("div", { className: "weui-uploader__bd" },
                 React.createElement("ul", { className: "weui-uploader__files", id: "uploaderFiles" },
-                    (fileIdList !== null && fileIdList !== void 0 ? fileIdList : []).map((f) => (React.createElement(SingleImage, { key: f, src: f, deleteBySrc: deleteFile }))),
+                    (fileIdList !== null && fileIdList !== void 0 ? fileIdList : []).map((f) => (React.createElement(SingleImage, { key: f, src: f, deleteBySrc: deleteFile, disabled: disabled }))),
                     uploading && (React.createElement("li", { className: "weui-uploader__file weui-uploader__file_status" },
                         React.createElement("div", { className: "weui-uploader__file-content" },
                             progress,
                             "%")))),
                 showAdd && (React.createElement("div", { className: "weui-uploader__input-box" }, !disabled && (React.createElement("input", { id: "uploaderInput", className: "weui-uploader__input", type: "file", accept: accepts.join(','), multiple: true, onChange: (e) => {
                         const files = [...e.target.files];
+                        if (!islegalType(files, accepts))
+                            return;
                         if (files.some((f) => f.size > maxSize * 1024 * 1024)) {
                             weui.alert('请上传不超过10M的图片');
                             return false;
@@ -141,7 +160,7 @@ export function ImageUploaderH5({ title, maxUploadCount, maxSize = 10, acceptTyp
                         files.forEach((f) => uploadToTcb(f));
                     } }))))))));
 }
-function SingleImage({ src, deleteBySrc }) {
+function SingleImage({ src, deleteBySrc, disabled }) {
     const [error, setError] = React.useState(false);
     const cls = classNames({
         'weui-uploader__file': true,
@@ -150,7 +169,8 @@ function SingleImage({ src, deleteBySrc }) {
     React.useEffect(() => {
         const getSrc = async () => {
             try {
-                const _src = await getTempFileURL(src);
+                const url = await getTempFileURL(src);
+                const _src = encodeURI(url);
                 setRealSrc(_src);
                 return _src;
             }
@@ -170,12 +190,14 @@ function SingleImage({ src, deleteBySrc }) {
         backgroundImage: `url(${realSrc})`,
     };
     const showGallery = () => {
-        const gallery = weui.gallery(realSrc, {
-            onDelete: function () {
-                deleteBySrc(src);
-                gallery.hide();
-            },
-        });
+        const gallery = weui.gallery(realSrc, disabled
+            ? undefined
+            : {
+                onDelete: function () {
+                    deleteBySrc(src);
+                    gallery.hide();
+                },
+            });
     };
     return (React.createElement("li", { className: cls, style: imgStyle, onClick: showGallery }, error || status ? (React.createElement("div", { className: "weui-uploader__file-content" }, error ? (React.createElement("i", { role: "img", "aria-label": "\u9519\u8BEF", className: "weui-icon-warn" })) : (React.createElement("i", { className: "weui-loading", style: { width: 30, height: 30 } })))) : (false)));
 }
@@ -187,7 +209,8 @@ const UploaderLabel = ({ layout, title, currentCount, maxCount, requiredFlag, })
                     React.createElement("p", { className: "weui-uploader__title" }, title),
                     React.createElement("div", { className: "weui-uploader__info" },
                         React.createElement("span", { id: "uploadCount" }, currentCount),
-                        `/${maxCount}`)),
+                        "/",
+                        maxCount)),
                 requiredFlag && React.createElement("label", { className: "weda-formcells__flag" }, "*"))));
     }
     return (React.createElement("div", { className: "weda-formcells__label weui-cell" },
@@ -196,5 +219,6 @@ const UploaderLabel = ({ layout, title, currentCount, maxCount, requiredFlag, })
             requiredFlag && React.createElement("label", { className: "weda-formcells__flag" }, "*")),
         React.createElement("div", { className: "weui-uploader__info" },
             React.createElement("span", { id: "uploadCount" }, currentCount),
-            `/${maxCount}`)));
+            "/",
+            maxCount)));
 };

package/dist/web/components/form/uploader/uploader.pc.js

@@ -68,8 +68,36 @@ export function UploaderPCInner(props) {
             fileRef.current = fileIDList;
         }
     });
+    //验证上传文件类型是否合法
+    const islegalType = (files, accepts) => {
+        const illegalType = [];
+        let isImage = true;
+        for (const file of files) {
+            if ((file === null || file === void 0 ? void 0 : file.type.split('/')[0]) !== 'image') {
+                message.error({ content: '请上传图片' });
+                isImage = false;
+                break;
+            }
+            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 (!isImage)
+            return false;
+        if (illegalType.length > 0) {
+            message.error({
+                content: '不支持上传' +
+                    Array.from(new Set(illegalType)).join(',') +
+                    '格式图片',
+            });
+            return false;
+        }
+        return true;
+    };
     // 方法：上传前，判断图片大小、数量是否满足，取消默认组件的上传事件，用自定义的 tcb 上传方法
     const beforeHandle = (file, fileList, isAccepted, error) => {
+        if (!islegalType(fileList, extraProps['accept']))
+            return;
         if (!isAccepted) {
             try {
                 const errorList = [];
@@ -138,7 +166,7 @@ export function UploaderPCInner(props) {
             fileIDList.map((d) => (React.createElement("div", { className: "_weda-fn-upload-result__item", key: d },
                 React.createElement(TcbImage, { fileID: d }),
                 React.createElement("div", { className: "_weda-fn-upload-result__op" },
-                    React.createElement(Button, { onClick: () => deleteHandle(d), className: `${CLASS_PREFIX}__btn` }, "\u5220\u9664"))))),
+                    React.createElement(Button, { disabled: disabled, onClick: () => deleteHandle(d), className: `${CLASS_PREFIX}__btn` }, "\u5220\u9664"))))),
             uploading && (React.createElement("div", { className: "_weda-fn-upload-result__item" },
                 React.createElement("div", { className: "_weda-fn-upload-result__status", key: "_place_image" },
                     React.createElement(Icon, { type: "loading" }),
@@ -164,7 +192,8 @@ export const TcbImage = (props) => {
     React.useEffect(() => {
         const getSrc = async () => {
             try {
-                const _src = await getTempFileURL(fileID);
+                const url = await getTempFileURL(fileID);
+                const _src = encodeURI(url);
                 _src ? setSrc(_src) : setIsError(true);
             }
             catch (e) {