@cloudbase/weda-ui 3.4.0 → 3.4.1

package/dist/configs/components/scrollVeiw.json

@@ -246,7 +246,22 @@
         "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/ScrollView.svg"
     },
     "configMeta": {
-        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/ScrollView"
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/ScrollView",
+        "shortcut": {
+            "props": ["scrollX", "scrollY"],
+            "extra": {
+                "container": {
+                    "x-component": "container",
+                    "x-component-props": [
+                        "gsd-h5-react:Text",
+                        "CLOUDBASE_STANDARD:Button",
+                        "gsd-h5-react:Image",
+                        "CLOUDBASE_STANDARD:FormInput"
+                    ],
+                    "x-index": 1
+                }
+            }
+        }
     },
     "isContainer": true,
     "mpOrigin": "scroll-view"

package/dist/configs/components/swiper.json

@@ -2,70 +2,79 @@
     "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
     "data": {
         "properties": {
+            "interval": {
+                "title": "自动切换时间间隔",
+                "default": 5000,
+                "type": "number",
+                "x-index": 1,
+                "x-category": "基础属性",
+                "remarks": "配置轮播图滚动的时间间隔，时间单位为ms"
+            },
+            "vertical": {
+                "title": "纵向轮播",
+                "default": false,
+                "x-index": 2,
+                "type": "boolean",
+                "x-category": "基础属性",
+                "remarks": "开启后，轮播的滚动方式将会由横向滚动变更为纵向滚动"
+            },
             "autoplay": {
                 "title": "自动切换",
                 "default": true,
+                "x-index": 3,
                 "type": "boolean",
                 "x-category": "基础属性",
                 "remarks": "开启后，轮播图将会自动根据配置的时间间隔进行自动滚动，关闭后则轮播图仅支持通过点击锚点的方式进行切换"
             },
-            "indicatorDots": {
-                "title": "导航锚点",
-                "default": true,
-                "type": "boolean",
+            "indicatorActiveColor": {
+                "title": "锚点激活色",
+                "x-index": 4,
+                "type": "string",
+                "x-component": "color",
+                "default": "rgba(0, 0, 0, 0.9)",
                 "x-category": "高级属性",
-                "remarks": "开启/关闭轮播图锚点"
+                "remarks": "更改锚点选中时的颜色"
             },
-            "current": {
-                "title": "当前所在滑块的 index",
-                "default": 0,
-                "type": "number",
+            "indicatorColor": {
+                "title": "锚点颜色",
+                "type": "string",
+                "x-index": 5,
+                "x-component": "color",
+                "default": "rgba(200, 200, 200, 0.9)",
                 "x-category": "高级属性",
-                "remarks": "更改轮播图的默认展示位置，0为默认展示第一张轮播图，以此类推"
-            },
-            "interval": {
-                "title": "自动切换时间间隔",
-                "default": 5000,
-                "type": "number",
-                "x-category": "基础属性",
-                "remarks": "配置轮播图滚动的时间间隔，时间单位为ms"
+                "remarks": "更改锚点普通状态下的颜色"
             },
             "duration": {
                 "title": "滑动动画时长",
                 "default": 500,
+                "x-index": 6,
                 "type": "number",
                 "x-category": "高级属性",
                 "remarks": "更改轮播图切换时的滑动动画时长"
             },
+            "current": {
+                "title": "当前所在滑块的 index",
+                "default": 0,
+                "x-index": 7,
+                "type": "number",
+                "x-category": "高级属性",
+                "remarks": "更改轮播图的默认展示位置，0为默认展示第一张轮播图，以此类推"
+            },
             "circular": {
                 "title": "衔接滑动",
                 "default": true,
                 "type": "boolean",
+                "x-index": 8,
                 "x-category": "高级属性",
                 "remarks": "更改轮播图切换时动画的滑动方式"
             },
-            "vertical": {
-                "title": "纵向轮播",
-                "default": false,
+            "indicatorDots": {
+                "title": "导航锚点",
+                "default": true,
                 "type": "boolean",
-                "x-category": "基础属性",
-                "remarks": "开启后，轮播的滚动方式将会由横向滚动变更为纵向滚动"
-            },
-            "indicatorColor": {
-                "title": "锚点颜色",
-                "type": "string",
-                "x-component": "color",
-                "default": "rgba(200, 200, 200, 0.9)",
-                "x-category": "高级属性",
-                "remarks": "更改锚点普通状态下的颜色"
-            },
-            "indicatorActiveColor": {
-                "title": "锚点激活色",
-                "type": "string",
-                "x-component": "color",
-                "default": "rgba(0, 0, 0, 0.9)",
+                "x-index": 9,
                 "x-category": "高级属性",
-                "remarks": "更改锚点选中时的颜色"
+                "remarks": "开启/关闭轮播图锚点"
             }
         }
     },

package/dist/configs/components/text.json

@@ -3,8 +3,8 @@
     "data": {
         "properties": {
             "text": {
-                "title": "文本内容",
                 "type": "string",
+                "title": "内容",
                 "x-component": "textarea",
                 "default": "文本内容",
                 "x-category": "基础属性",
@@ -43,10 +43,13 @@
                     }
                 ],
                 "type": "string",
-                "title": "文本格式",
+                "title": "格式",
                 "default": "0",
                 "x-index": 2,
                 "description": "标题级别，H1 - H6",
+                "x-props": {
+                    "data-hidebind": true
+                },
                 "remarks": "更改文本的展示级别"
             },
             "maxLines": {
@@ -81,9 +84,9 @@
                 "type": "boolean",
                 "description": "是否可选中文本",
                 "default": true,
+                "x-index": 115,
                 "x-category": "高级属性",
-                "remarks": "关闭后文本将不支持进行选中，无法进行复制等常见文本操作",
-                "x-index": 115
+                "remarks": "关闭后文本将不支持进行选中，无法进行复制等常见文本操作"
             }
         }
     },
@@ -101,6 +104,9 @@
         "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Text.svg"
     },
     "configMeta": {
-        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/text/Text"
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/text/Text",
+        "shortcut": {
+            "props": ["text", "level"]
+        }
     }
 }

package/dist/configs/components/wxOpenApi/phone.json

@@ -113,7 +113,7 @@
                 "rule": "checkBusiness",
                 "options": {
                     "allowFailure": true,
-                    "title": "小程序组件(获取用户手机号)",
+                    "title": "当前应用使用了「获取用户手机号」组件，该组件仅支持企业主体小程序使用，再选择符合条件的小程序后再进行发布",
                     "description": "组件功能依赖企业主体小程序",
                     "type": "mp",
                     "version": ""

package/dist/configs/components/wxOpenApi/phoneCode.json

@@ -98,7 +98,7 @@
                 "rule": "checkBusiness",
                 "options": {
                     "allowFailure": true,
-                    "title": "小程序组件(获取用户手机号授权令牌)",
+                    "title": "当前应用使用了「获取用户手机号授权令牌」组件，该组件仅支持企业主体小程序使用，再选择符合条件的小程序后再进行发布",
                     "description": "组件功能依赖企业主体小程序",
                     "type": "mp",
                     "version": ""

package/dist/configs/components/wxOpenApi/userInfo.json

@@ -148,7 +148,19 @@
         "categoryOrder": 100,
         "componentOrder": 1,
         "platform": ["MP"],
-        "visible": ["APP"]
+        "visible": ["APP"],
+        "validate": [
+            {
+                "rule": "checkIsUsedPreAvartNickComp",
+                "options": {
+                    "allowFailure": false,
+                    "title": "页面使用了「获取用户信息」组件，因小程序官方规则调整，使用该组件的应用无法再发布上线，请点击右侧的「了解详情」按钮获取相关能力的适配策略，对应用进行改造调整",
+                    "description": "",
+                    "type": "component",
+                    "version": ""
+                }
+            }
+        ]
     },
     "configMeta": {
         "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/UserInfo"

package/dist/configs/index.d.ts

@@ -48,6 +48,7 @@ export namespace components {
 export namespace actions {
     export { showToast };
     export { showModal };
+    export { showMessage };
 }
 declare namespace _default {
     export { components };
@@ -101,3 +102,4 @@ 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";
+import showMessage from "./actions/showMessage.json";

package/dist/configs/index.js

@@ -33,6 +33,7 @@ import NavLayout from './components/navLayout.json';
 import WedaVideo from './components/wedaVideo.json';
 import showToast from './actions/showToast.json';
 import showModal from './actions/showModal.json';
+import showMessage from './actions/showMessage.json';
 import ListView from './components/listView.json';
 import NavigationBar from './components/navigationBar.json';
 import Line from './components/chart/line.json';
@@ -104,6 +105,7 @@ export const components = {
 export const actions = {
     showToast,
     showModal,
+    showMessage,
 };
 export default {
     components,

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

@@ -1,2 +1,3 @@
 export { default as showToast } from "./showToast";
 export { default as showModal } from "./showModal";
+export { default as showMessage } from "./showMessage";

package/dist/web/actions/index.js

@@ -1,2 +1,3 @@
 export { default as showToast } from './showToast';
 export { default as showModal } from './showModal';
+export { default as showMessage } from './showMessage';

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

@@ -0,0 +1,6 @@
+.weda-showmessage__none > .wedatea2td-icon {
+  display: none;
+}
+
+/*# sourceURL=webpack://./src/web/actions/showMessage/index.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvYWN0aW9ucy9zaG93TWVzc2FnZS9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxhQUFhO0FBQ2YiLCJzb3VyY2VzQ29udGVudCI6WyIud2VkYS1zaG93bWVzc2FnZV9fbm9uZSA+IC53ZWRhdGVhMnRkLWljb24ge1xuICBkaXNwbGF5OiBub25lO1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */

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

@@ -0,0 +1,17 @@
+import type { unknownFunction } from '../../types';
+import './index.css';
+interface messageProps {
+    data: {
+        title?: string;
+        icon?: 'success' | 'error' | 'warning' | 'loading' | 'none';
+        duration?: number;
+    };
+    _origin?: (params: {
+        title?: string;
+        icon?: string;
+        duration?: number;
+    }) => void;
+    event: Record<string, unknownFunction>;
+}
+export default function showMessage(props: messageProps): void;
+export {};

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

@@ -0,0 +1,39 @@
+import { isH5Platform } from '../../utils/platform';
+import { message } from 'tea-component';
+import './index.css';
+const iconType = {
+    success: 'success',
+    error: 'error',
+    warning: 'warning',
+    loading: 'loading',
+    none: 'none',
+};
+export default function showMessage(props) {
+    var _a, _b, _c, _d;
+    try {
+        const { data: { title, icon = 'none', duration = 1500 }, _origin, } = props;
+        const smallScreen = (_b = (_a = window === null || window === void 0 ? void 0 : window.matchMedia('(max-width: 1024px)')) === null || _a === void 0 ? void 0 : _a.matches) !== null && _b !== void 0 ? _b : isH5Platform();
+        const touchDevice = (_d = (_c = window === null || window === void 0 ? void 0 : window.matchMedia('(pointer:coarse)')) === null || _c === void 0 ? void 0 : _c.matches) !== null && _d !== void 0 ? _d : smallScreen;
+        const platform = touchDevice || smallScreen ? 'h5' : 'pc';
+        if (platform === 'h5') {
+            _origin &&
+                _origin({
+                    title: title,
+                    icon,
+                    duration: duration || 1500,
+                });
+        }
+        else {
+            const realIcon = iconType[icon];
+            const isNotShowIcon = realIcon === 'none' || !realIcon;
+            message[isNotShowIcon ? 'success' : icon]({
+                className: `weda-showmessage__${icon}`,
+                content: title,
+                duration: duration || 1500,
+            });
+        }
+    }
+    catch (error) {
+        console.error('showMessage error', error);
+    }
+}

package/dist/web/components/button/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { CommonPropsType } from '../../types';
+import type { CommonPropsType, unknownFunction } from '../../types';
 import './index.css';
-declare const Button: ({ text, size, type, contentSlot, formType, loading, disabled, events, className, style, id, }: PropsType) => JSX.Element;
+declare const Button: ({ text, size, type, contentSlot, formType, loading, disabled, events, className, style, id, ...props }: PropsType) => JSX.Element;
 export interface PropsType extends CommonPropsType {
     /**
      * 内容
@@ -28,5 +28,6 @@ export interface PropsType extends CommonPropsType {
      */
     formType?: 'button' | 'submit' | 'reset';
     contentSlot?: string;
+    [handlers: `on${string}`]: unknownFunction;
 }
 export default Button;

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

@@ -5,7 +5,7 @@ import { usePlatform } from '../../utils/platform';
 import './index.css';
 import { emptyObject } from '../../utils/constant';
 // 不用 react-weui 而直接用底层实现的原因是 react-weui 不能支持表单类型
-const Button = ({ text, size, type, contentSlot, formType, loading, disabled, events = emptyObject, className, style, id, }) => {
+const Button = ({ text, size, type, contentSlot, formType, loading, disabled, events = emptyObject, className, style, id, ...props }) => {
     const platform = usePlatform();
     const isH5 = platform === 'h5';
     const cls = classNames({
@@ -23,18 +23,29 @@ const Button = ({ text, size, type, contentSlot, formType, loading, disabled, ev
         [className]: className,
     });
     const onClick = (e) => {
+        var _a;
         if (events.tap) {
             events.tap({}, { originEvent: e });
         }
+        (_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
     };
+    const propsStartWithOn = React.useMemo(() => {
+        return Object.keys(props).reduce((acc, cur) => {
+            if (cur.startsWith('on')) {
+                acc[cur] = props[cur];
+            }
+            return acc;
+        }, {});
+    }, [props]);
+    const teaBtnType = React.useMemo(() => toTeaButtonType(type), [type]);
     if (platform === 'h5') {
-        return (React.createElement("button", { className: cls, disabled: disabled, type: formType, style: style, id: id, onClick: onClick },
+        return (React.createElement("button", { className: cls, disabled: disabled, type: formType, style: style, id: id, ...propsStartWithOn, onClick: onClick },
             loading && (React.createElement("span", { className: "weui-btn_loading" },
                 React.createElement("i", { className: "weui-loading" }))),
             text ? text : contentSlot));
     }
     return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement(TeaButton, { loading: loading, onClick: onClick, disabled: disabled, htmlType: formType, type: toTeaButtonType(type), style: style, className: cls, id: id }, text ? text : contentSlot)));
+        React.createElement(TeaButton, { loading: loading, disabled: disabled, htmlType: formType, type: teaBtnType, style: style, className: cls, id: id, ...propsStartWithOn, onClick: onClick }, text ? text : contentSlot)));
 };
 function toTeaButtonType(type) {
     if (type === 'primary')

package/dist/web/components/common/use-loop-render-detect.js

@@ -1,5 +1,6 @@
 import { useSyncedRef } from '@react-hookz/web';
 import { useCallback, useEffect, useRef } from 'react';
+import { debug } from '../../utils/console';
 export const useRenderCount = () => {
     const countRef = useRef(0);
     const syncedRef = useSyncedRef(++countRef.current);
@@ -104,12 +105,12 @@ export const useLoopRenderDetect = (inputOptions = defaultOptions) => {
         };
     }, []);
     const fps = useFps();
-    // console.log({
-    //   timeWindow: options.timeWindowMs,
-    //   fps,
-    //   renderCount,
-    //   limit: options.limit,
-    // });
+    debug('loop:detect').log({
+        timeWindow: options.timeWindowMs,
+        fps,
+        renderCount,
+        limit: options.limit,
+    });
     if ((renderCount > options.limit && fps < 1) ||
         renderCount > options.limit * 3) {
         reset();

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

@@ -5,6 +5,8 @@ import { usePlatform, isInIde } from '../../../utils/platform';
 import { callDataSource, callConnector } from '../../../utils/tcb';
 import weui from '../../../utils/weui';
 import './index.css';
+import isObjectEqual from '../../../utils/isObjectEqual';
+import { usePrevious, useThrottledEffect } from '@react-hookz/web';
 const formTypeWithInitValue = ['edit', 'read'];
 /**
  * 表单容器组件
@@ -20,8 +22,9 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
         'gsd-h5-react-form-pc': platform === 'pc',
         [className]: className,
     });
-    const timeRef = React.useRef(null);
-    React.useEffect(() => {
+    const preParamGetItem = usePrevious(paramGetItem);
+    const preDataId = usePrevious(_id);
+    useThrottledEffect(() => {
         const getData = async () => {
             var _a, _b;
             try {
@@ -64,12 +67,13 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
             }
         };
         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);
+            // https://git.woa.com/QBase/lcap/weda-ui/merge_requests/542 对象要小心死循环
+            if ((isDataModel && _id && !isObjectEqual(preDataId, _id, true)) ||
+                (!isDataModel &&
+                    paramGetItem &&
+                    methodGetItem &&
+                    !isObjectEqual(preParamGetItem, paramGetItem))) {
+                getData();
             }
         }
     }, [
@@ -80,51 +84,7 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
         platform,
         methodGetItem,
         paramGetItem,
-    ]);
-    React.useEffect(() => {
-        // 因编辑器render时序问题暂不上线
-        // 获取字段权限
-        // const authValue = {
-        //   isDataModel,
-        //   dataSourceFields: [],
-        //   dataSourceFieldsWidthAuthList: [],
-        // };
-        // const getDataSourceFieldsWithAuth = async () => {
-        //   try {
-        //     const datasource = await getDataSourceByName(dataSourceName);
-        //     if (!isInIde()) {
-        //       // 判断是否是预览区，编辑器编辑区 dataSourceName 查询的返回一致，编辑区用的本地的数据源数据返回固定
-        //       authValue.dataSourceFieldsWidthAuthList =
-        //         datasource?.resourceCheckInfos?.map((item) => item.ReadWrite);
-        //       authValue.dataSourceFields = Object.keys(
-        //         datasource?.schema?.properties || {}
-        //       );
-        //     }
-        //     events?.onInitDataSourceFieldsWithAuth?.(authValue);
-        //   } catch (err) {
-        //     events?.onInitDataSourceFieldsWithAuth?.(authValue);
-        //     alertError(
-        //       platform,
-        //       `获取数据源字段权限信息失败,字段权限可能无法正确展示,错误信息:${err}`
-        //     );
-        //     console.error('getDataSourceFieldsWithAuth err', err);
-        //   }
-        // };
-        // // 兼容私有环境，新接口不存在的情况，产品策略完善后移除
-        // if (
-        //   window?.['_isPrivate'] &&
-        //   !window?.app?.cloud?.getDataSourceProfileAsync
-        // ) {
-        //   events?.onInitDataSourceFieldsWithAuth?.({ isDataModel });
-        //   return;
-        // }
-        // if (isDataModel && dataSourceName) {
-        //   getDataSourceFieldsWithAuth();
-        // } else {
-        //   // 在表单容器里面的表单元素 if 默认是 false，需要通过onInitDataSourceFieldsWithAuth设置为true
-        //   events?.onInitDataSourceFieldsWithAuth?.({ isDataModel });
-        // }
-    }, [formType, isDataModel, platform, dataSourceName, events]);
+    ], 100);
     // pc 渲染
     const renderPc = () => {
         return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },

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

@@ -138,7 +138,7 @@ export function ImageUploaderH5({ title: label, maxUploadCount, maxSize = 10, ac
                         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) => {
+                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: !single, onChange: (e) => {
                         const files = [...e.target.files];
                         if (!islegalType(files, accepts))
                             return;

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

@@ -156,6 +156,8 @@ export function UploaderPCInner(props) {
     };
     // 转换后的属性
     const extraProps = {};
+    //是否支持多选
+    extraProps['multiple'] = !single;
     extraProps['accept'] =
         acceptTypes.includes('image/*') || acceptTypes.length === 0
             ? IMAGE_TYPES

package/dist/web/components/form/uploaderFile/uploadFile.h5.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import weui from '../../../utils/weui';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import { ConfigProvider, Button, Icon, Text, List, Progress, Tooltip, message, } from 'tea-component';
-import { filterStrList, isCloudFileID, isHttpFileID, transSize, downloadFile, transFileCloudidToName, randomStr, } from '../../../utils/platform';
+import { filterStrList, isCloudFileID, isHttpFileID, transSize, downloadFile, transFileCloudidToName, randomStr, isInIde, } from '../../../utils/platform';
 import { getCloudInstance } from '../../../utils/tcb';
 import classNames from '../../../utils/classnames';
 import { renderDecorator } from '../renderDecorator';
@@ -37,15 +37,17 @@ layout, id = '', style = defaultStyle, labelVisible = true, label = '上传文
 // 组件属性
 tips = '', btnTitle = '点击上传', maxUploadCount = 9, maxSize = 10, deleteVisible = true, downloadVisible = true, value = emptyArray, // 需要兼容 cloud:和https: 协议，需要兼容字符串和字符串数组
 events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true, onChange = null, isEdit = true, }) {
-    const [fileIDList, setfileIDList] = React.useState(filterStrList([].concat(defaultValue, value))); // 上传成功文件ID列表，fileID[]
+    const [fileIDList, setfileIDList] = React.useState(isInIde() ? [] : 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);
+    const maxSizeLimit = maxSize > 500 ? 500 : maxSize;
     React.useMemo(() => {
         //有有效默认值时不刷新，解决初次渲染默认值不显示问题
-        if (defaultValue &&
+        if (!isInIde() &&
+            defaultValue &&
             !isObjectEqual(prevDefaultRef.current, defaultValue) &&
             (JSON.stringify(prevDefaultRef.current) == '[]' ||
                 !prevDefaultRef.current)) {
@@ -115,7 +117,7 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
         multiple: !single,
     };
     tips && (uploadProps['label'] = tips);
-    maxSize && (uploadProps['maxSize'] = maxSize * 1024 * 1024);
+    maxSizeLimit && (uploadProps['maxSize'] = maxSizeLimit * 1024 * 1024);
     const btnDisabled = fileIDList.length >= maxUploadCount ||
         (single && fileIDList.length > 0) ||
         disabled;
@@ -150,9 +152,9 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
                                         weui.alert(`上传文件总数不能超过${maxUploadCount}个`);
                                         return false;
                                     }
-                                    if (maxSize &&
-                                        fileList.some((f) => f.size > maxSize * 1024 * 1024)) {
-                                        weui.alert(`请上传不超过${maxSize}M的文件`);
+                                    if (maxSizeLimit &&
+                                        fileList.some((f) => f.size > maxSizeLimit * 1024 * 1024)) {
+                                        weui.alert(`请上传不超过${maxSizeLimit}M的文件`);
                                         return false;
                                     }
                                     if (fileList.some((f) => f.size > 1024 * 1024 * 1024)) {
@@ -203,7 +205,7 @@ const TcbFileEcho = ({ fileID, disabled }) => {
         React.createElement("div", { className: `${CLASS_PREFIX}__item-left` },
             React.createElement(UploadFileStatus, { title: label, size: fileSizeObj[fileID] || '--' })),
         React.createElement("div", { className: `${CLASS_PREFIX}__btn-group` },
-            React.createElement(UploadFileAction, { disabled: disabled, status: "UPLOAD_STATUS_SUCCESS", fileID: fileID, src: src }))));
+            React.createElement(UploadFileAction, { title: label, disabled: disabled, status: "UPLOAD_STATUS_SUCCESS", fileID: fileID, src: src }))));
 };
 /**
  * 基于 File 上传文件过程组件
@@ -296,7 +298,7 @@ const UploadFileStatus = ({ status = 'UPLOAD_STATUS_SUCCESS', percent = 0, size,
  * 操作列组件, onChange 从最外层 UploadFilePc 传进来
  * props: { status, fileID, uuid, src, onChange }
  */
-const UploadFileAction = ({ status = 'UPLOAD_STATUS_PENDING', fileID = '', uuid = '', src = '', file = null, onReLoad = null, onCancel = null, disabled, }) => {
+const UploadFileAction = ({ status = 'UPLOAD_STATUS_PENDING', fileID = '', uuid = '', src = '', file = null, onReLoad = null, onCancel = null, disabled, title = 'downfile', }) => {
     const { onChange, downloadVisible, deleteVisible, isEdit } = React.useContext(FileContext) || {};
     // 操作列按钮-删除
     const renderDelete = () => isEdit && (React.createElement(Button, { icon: "delete", onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange({ fileID, uuid, type: 'delete' }), disabled: disabled }));
@@ -307,7 +309,7 @@ const UploadFileAction = ({ status = 'UPLOAD_STATUS_PENDING', fileID = '', uuid
             onReLoad === null || onReLoad === void 0 ? void 0 : onReLoad(file);
         } }));
     // 操作列按钮-下载
-    const renderDownLoad = () => (React.createElement(Button, { icon: "download", onClick: () => downloadFile(src) }));
+    const renderDownLoad = () => (React.createElement(Button, { icon: "download", onClick: () => downloadFile(src, title) }));
     switch (status) {
         case 'UPLOAD_STATUS_PENDING':
             return renderCancel();

package/dist/web/components/form/uploaderFile/uploadFile.pc.d.ts

@@ -22,3 +22,14 @@ export interface IUploaderFilePc extends CommonFormPropsType {
     isEdit?: boolean;
     onChange?: unknownFunction;
 }
+export interface IUploadFileAction {
+    status?: string;
+    fileID?: string;
+    uuid?: string;
+    src?: string;
+    file?: any;
+    onReLoad?: any;
+    onCancel?: any;
+    disabled: boolean;
+    title?: string;
+}