@cloudbase/weda-ui 3.15.8 → 3.17.0

package/dist/web/components/wd-select/relationSelect/relationSelect.js

@@ -52,7 +52,7 @@ const defaultSize = 50;
 const defaultPage = 1;
 export function RelationSelect(props) {
     var _a, _b;
-    const { placeholder, size, disabled, onChange, value, onSearch, addRelationButton, childRef, dataSourceName, selectFields, selectFieldType, primaryField, setRefreshStatus, mode, onRelationOptionJump, enableRelationOptionJump, listWidth = 700, ignoreCase = true, where, queryCondition, supportManyRelated, sorter, } = props;
+    const { placeholder, size, disabled, onChange, value, onSearch, addRelationButton, childRef, dataSourceName, selectFields, selectFieldType, primaryField, setRefreshStatus, mode, onRelationOptionJump, enableRelationOptionJump, listWidth = 700, ignoreCase = true, where, queryCondition, supportManyRelated, sorter, searchable, } = props;
     const selectFieldsLength = selectFieldType === 'custom' ? selectFields === null || selectFields === void 0 ? void 0 : selectFields.length : 0;
     // 设置下拉列表与下拉按钮同宽
     // 以传入为准，未传入，在自定义展示字段少于2个时设置为 true，否则设置为false，宽度设置为700，
@@ -151,7 +151,7 @@ export function RelationSelect(props) {
         searchOptionListWithWhere(filter);
         onSearch(keyword);
     };
-    return (_jsx(Select, { ...props, overlayClassName: isRelationSelectOption ? 'wd-relation-select-overlay' : '', searchable: true, listWidth: listWidth, listHeight: _listHeight, matchButtonWidth: _matchButtonWidth, placeholder: placeholder, appearance: 'button', filter: () => true, size: size, disabled: disabled, autoClearSearchValue: true, options: customOptions, value: value, onChange: onChange, onSearch: searchHandle, bottomTips: isLoading ? _jsx(LoadingTip, {}) : undefined, onScrollBottom: () => {
+    return (_jsx(Select, { ...props, overlayClassName: isRelationSelectOption ? 'wd-relation-select-overlay' : '', searchable: searchable, listWidth: listWidth, listHeight: _listHeight, matchButtonWidth: _matchButtonWidth, placeholder: placeholder, appearance: 'button', filter: () => true, size: size, disabled: disabled, autoClearSearchValue: true, options: customOptions, value: value, onChange: onChange, onSearch: searchHandle, bottomTips: isLoading ? _jsx(LoadingTip, {}) : undefined, onScrollBottom: () => {
             if (!isLoading && customOptions.length < total) {
                 setQuery((query) => ({
                     ...query,

package/dist/web/components/wd-select/select/index.js

@@ -3,6 +3,7 @@ import { ConfigProvider } from 'tea-component';
 import { CustomSelect } from '../relationSelect/index';
 import { SelectUI as Select } from './selectUI';
 export function SelectCom(props) {
-    const { isRelation } = props;
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: isRelation ? _jsx(CustomSelect, { ...props }) : _jsx(Select, { ...props }) }));
+    const { isRelation, filterable = false } = props;
+    const filter = filterable ? () => true : undefined;
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: isRelation ? _jsx(CustomSelect, { ...props }) : _jsx(Select, { ...props, filter: filter }) }));
 }

package/dist/web/components/wd-select/select/selectUI.js

@@ -29,7 +29,7 @@ const getSelectedItem = (options = [], value) => {
     return options === null || options === void 0 ? void 0 : options.filter((i) => selectedVal.find((j) => j === i.value) !== undefined);
 };
 function SelectH5(props) {
-    const { placeholder, name, disabled, footer, options = [], value, onChange, overlayClassName, searchable, bottomTips, onSearch, onOpen, onScrollBottom, mode, readValue, popupContainer, searchPlaceholder, } = props;
+    const { placeholder, name, disabled, footer, options = [], value, onChange, overlayClassName, searchable, bottomTips, onSearch, onOpen, onScrollBottom, mode, readValue, popupContainer, searchPlaceholder, filterable, onBlur, onFocus, } = props;
     const isMultiple = mode === 'multiple';
     const customPickerCls = classNames('weda-ui-custom-picker__cloumns', {
         'weda-ui-custom-picker__cloumns--select-multiple': isMultiple,
@@ -49,7 +49,7 @@ function SelectH5(props) {
         return options.filter((i) => String(i === null || i === void 0 ? void 0 : i.label).toLowerCase().includes(searchValue.toLowerCase()));
     };
     // 前端查询
-    const customOptions = isSearch && searchValue ? getOptionList() : options;
+    const customOptions = isSearch && searchValue && !filterable ? getOptionList() : options;
     const handleZhStart = () => {
         // 判断是否输入中文,则停止搜索
         setIsSearch(false);
@@ -124,7 +124,7 @@ function SelectH5(props) {
             setCurrentSelected(dealSelectedItem(item));
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsx("input", { "data-testid": "form-item-select", className: inputCls, type: "text", name: name, placeholder: placeholder, autoComplete: "off", disabled: disabled, readOnly: true, value: readValue || '', onClick: handleClick }), _jsxs(Modal, { visible: visible, onClose: () => {
+    return (_jsxs(_Fragment, { children: [_jsx("input", { "data-testid": "form-item-select", className: inputCls, type: "text", name: name, placeholder: placeholder, autoComplete: "off", disabled: disabled, readOnly: true, value: readValue || '', onClick: handleClick, onFocus: onFocus, onBlur: onBlur }), _jsxs(Modal, { visible: visible, onClose: () => {
                     if (inputFocus) {
                         // 聚焦在搜索框
                         setInputFocus(false);

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

@@ -13,4 +13,6 @@ export interface WdSelectProps extends CommonPropsType, DataType {
     viewId?: string;
     dataSourceName?: string;
     popupContainer?: AttachContainer;
+    ignoreCase?: boolean;
+    staticSearchable?: boolean;
 }

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

@@ -20,7 +20,7 @@ import { SelectProvider } from './contexts/selectContext';
  */
 export const WdSelect = forwardRef(function WsSelect(props, ref) {
     const { classRoot = 'select', clearable = X_RUNTIME_DEFAULT.clearable, placeholder, range, format, tipBlock = X_RUNTIME_DEFAULT.tipBlock, where = X_RUNTIME_DEFAULT.where, enumName, primaryField, viewId, dataSourceName, events = emptyObject, ignoreCase = X_RUNTIME_DEFAULT.ignoreCase, staticSearchable = X_RUNTIME_DEFAULT.staticSearchable, enableRelationalSetting = X_RUNTIME_DEFAULT.enableRelationalSetting, enableRelationalRefresh = X_RUNTIME_DEFAULT.enableRelationalRefresh, addRelationButtonText = X_RUNTIME_DEFAULT.addRelationButtonText, enableAddRelationButton = X_RUNTIME_DEFAULT.enableAddRelationButton, enableRelationOptionJump = X_RUNTIME_DEFAULT.enableRelationOptionJump, popupContainer, selectFields: customFields = [], // 自定义展示字段
-    selectFieldType = 'primary', searchPlaceholder, } = props;
+    selectFieldType = 'primary', searchPlaceholder, searchable = X_RUNTIME_DEFAULT.searchable, filterable = X_RUNTIME_DEFAULT.filterable, } = props;
     const childRef = useRef(null);
     const [options, setOptions] = useSyncValue(range, isObjectEqual);
     const [innerHandle, setInnerHandle] = useState({});
@@ -54,6 +54,12 @@ export const WdSelect = forwardRef(function WsSelect(props, ref) {
         disabled,
         value,
     });
+    const onFocus = (e) => {
+        events.focus(null, { originEvent: e });
+    };
+    const onBlur = (e) => {
+        events.blur(null, { originEvent: e });
+    };
     const isRelation = isFormatWithRelation(format);
     const LabelAdornment = isRelation && (_jsx(RelationalSetting, { size: props.size, refresh: () => {
             var _a;
@@ -105,11 +111,11 @@ export const WdSelect = forwardRef(function WsSelect(props, ref) {
     }, [debouncedTriggerSearchEvent]);
     if (!visible)
         return null;
-    return (_jsx(SelectProvider, { options: options, setOptions: setOptions, children: _jsx(WdFormItem, { ...formItemProps, children: _jsxs(_Fragment, { children: [_jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(Select, { ...props, style: undefined, className: undefined, onRelationTagClick: (item) => {
+    return (_jsx(SelectProvider, { options: options, setOptions: setOptions, children: _jsx(WdFormItem, { ...formItemProps, children: _jsxs(_Fragment, { children: [_jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(Select, { ...props, onBlur: onBlur, onFocus: onFocus, filterable: filterable, style: undefined, className: undefined, onRelationTagClick: (item) => {
                                     var _a;
                                     (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.onRelationTagClick) === null || _a === void 0 ? void 0 : _a.call(delayEvents, item);
                                 }, enableRelationOptionJump: enableRelationOptionJump, onRelationOptionJump: (item) => {
                                     var _a;
                                     (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.onRelationOptionJump) === null || _a === void 0 ? void 0 : _a.call(delayEvents, item);
-                                }, selectFieldType: selectFieldType, selectFields: customFields, isRelation: isRelation, addRelationButtonText: addRelationButtonText, enableAddRelationButton: enableAddRelationButton, childRef: childRef, events: delayEvents, labelVisible: false, value: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, options: options, size: "full", tipBlock: tipBlock, viewId: viewId, where: where, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "selector", decorator: null, ignoreCase: ignoreCase, staticSearchable: staticSearchable, onChange: handleChange, onSearch: onSearchValueInput, popupContainer: popupContainer, searchable: true, searchPlaceholder: searchPlaceholder }) }) }), layout === 'horizontal' && LabelAdornment] }) }) }));
+                                }, selectFieldType: selectFieldType, selectFields: customFields, isRelation: isRelation, addRelationButtonText: addRelationButtonText, enableAddRelationButton: enableAddRelationButton, childRef: childRef, events: delayEvents, labelVisible: false, value: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, options: options, size: "full", tipBlock: tipBlock, viewId: viewId, where: where, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "selector", decorator: null, ignoreCase: ignoreCase, staticSearchable: staticSearchable, onChange: handleChange, onSearch: onSearchValueInput, popupContainer: popupContainer, searchable: searchable, searchPlaceholder: searchPlaceholder }) }) }), layout === 'horizontal' && LabelAdornment] }) }) }));
 });

package/dist/web/components/wd-select-multiple/wd-select-multiple.d.ts

@@ -18,4 +18,6 @@ export interface WdSelectMultipleProps extends CommonPropsType, DataType {
     enableAddRelationButton?: boolean;
     addRelationButtonText?: string;
     popupContainer?: AttachContainer;
+    ignoreCase?: boolean;
+    staticSearchable?: boolean;
 }

package/dist/web/components/wd-select-multiple/wd-select-multiple.js

@@ -21,7 +21,7 @@ import { SelectProvider } from '../wd-select/contexts/selectContext';
  */
 export const WdSelectMultiple = forwardRef(function WdSelectMultiple(props, ref) {
     const { classRoot = 'select-multiple', clearable = X_RUNTIME_DEFAULT.clearable, placeholder, range, enumName, format, primaryField, tipBlock = X_RUNTIME_DEFAULT.tipBlock, viewId, dataSourceName, events = emptyObject, ignoreCase = X_RUNTIME_DEFAULT.ignoreCase, staticSearchable = X_RUNTIME_DEFAULT.staticSearchable, where = X_RUNTIME_DEFAULT.where, enableRelationalSetting = X_RUNTIME_DEFAULT.enableRelationalSetting, enableRelationalRefresh = X_RUNTIME_DEFAULT.enableRelationalRefresh, addRelationButtonText = X_RUNTIME_DEFAULT.addRelationButtonText, enableAddRelationButton = X_RUNTIME_DEFAULT.enableAddRelationButton, enableRelationOptionJump = X_RUNTIME_DEFAULT.enableRelationOptionJump, popupContainer, selectFields: customFields = [], // 自定义展示字段
-    selectFieldType = 'primary', searchPlaceholder, } = props;
+    selectFieldType = 'primary', searchPlaceholder, searchable = X_RUNTIME_DEFAULT.searchable, filterable = X_RUNTIME_DEFAULT.filterable, } = props;
     const childRef = useRef(null);
     const [options, setOptions] = useSyncValue(range, isObjectEqual);
     const [innerHandle, setInnerHandle] = useState({});
@@ -56,6 +56,12 @@ export const WdSelectMultiple = forwardRef(function WdSelectMultiple(props, ref)
         onChange === null || onChange === void 0 ? void 0 : onChange(v);
         (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.change) === null || _a === void 0 ? void 0 : _a.call(delayEvents, { value: v, context });
     };
+    const onFocus = (e) => {
+        events.focus(null, { originEvent: e });
+    };
+    const onBlur = (e) => {
+        events.blur(null, { originEvent: e });
+    };
     const isRelation = isFormatWithRelation(format);
     const LabelAdornment = isRelation && (_jsx(RelationalSetting, { size: props.size, refresh: () => {
             var _a;
@@ -101,11 +107,11 @@ export const WdSelectMultiple = forwardRef(function WdSelectMultiple(props, ref)
     }, [debouncedTriggerSearchEvent]);
     if (!visible)
         return null;
-    return (_jsx(SelectProvider, { options: options, setOptions: setOptions, children: _jsx(WdFormItem, { ...formItemProps, children: _jsxs(_Fragment, { children: [_jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(SelectMultiple, { ...props, style: undefined, className: undefined, onRelationTagClick: (item) => {
+    return (_jsx(SelectProvider, { options: options, setOptions: setOptions, children: _jsx(WdFormItem, { ...formItemProps, children: _jsxs(_Fragment, { children: [_jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(SelectMultiple, { ...props, onBlur: onBlur, onFocus: onFocus, filterable: filterable, style: undefined, className: undefined, onRelationTagClick: (item) => {
                                     var _a;
                                     (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.onRelationTagClick) === null || _a === void 0 ? void 0 : _a.call(delayEvents, item);
                                 }, enableRelationOptionJump: enableRelationOptionJump, onRelationOptionJump: (item) => {
                                     var _a;
                                     (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.onRelationOptionJump) === null || _a === void 0 ? void 0 : _a.call(delayEvents, item);
-                                }, selectFieldType: selectFieldType, selectFields: customFields, isRelation: isRelation, addRelationButtonText: addRelationButtonText, enableAddRelationButton: enableAddRelationButton, childRef: childRef, events: delayEvents, labelVisible: false, value: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, options: options, size: "full", tipBlock: tipBlock, viewId: viewId, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "multiple", decorator: null, ignoreCase: ignoreCase, staticSearchable: staticSearchable, where: where, onChange: handleChange, onSearch: onSearchValueInput, popupContainer: popupContainer, searchable: true, searchPlaceholder: searchPlaceholder }) }) }), layout === 'horizontal' && LabelAdornment] }) }) }));
+                                }, selectFieldType: selectFieldType, selectFields: customFields, isRelation: isRelation, addRelationButtonText: addRelationButtonText, enableAddRelationButton: enableAddRelationButton, childRef: childRef, events: delayEvents, labelVisible: false, value: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, options: options, size: "full", tipBlock: tipBlock, viewId: viewId, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "multiple", decorator: null, ignoreCase: ignoreCase, staticSearchable: staticSearchable, where: where, onChange: handleChange, onSearch: onSearchValueInput, popupContainer: popupContainer, searchable: searchable, searchPlaceholder: searchPlaceholder }) }) }), layout === 'horizontal' && LabelAdornment] }) }) }));
 });

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

@@ -1,28 +1,33 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo, useRef } from 'react';
+import { forwardRef, useMemo, useRef, useState } from 'react';
 import { useFormInputTrait } from '../../components/form-input-hooks';
 import { WdFormItem } from '../wd-form-item';
 import Uploader from '../form/uploader';
 import { emptyObject } from '../../utils/constant';
 import { convertSingleValue } from '../../utils/tool';
+import { useSetWidgetApi } from '../../utils/widget-api/use-set-widget-api';
 import { X_RUNTIME_DEFAULT } from '../../../configs/type-utils/x-runtime-default';
 import './style';
+import { Upload } from '../form/uploader/upload/index';
 /**
  * 图片上传-标准化
  */
 export const WdUploadImage = forwardRef(function WdUploadImage(props, ref) {
     const { classRoot = 'upload-image', showShape = X_RUNTIME_DEFAULT.showShape, acceptTypes = X_RUNTIME_DEFAULT.acceptTypes, maxSize = X_RUNTIME_DEFAULT.maxSize, single = X_RUNTIME_DEFAULT.single, maxUploadCount = X_RUNTIME_DEFAULT.maxUploadCount, events = emptyObject, isCompressBeforeUpload = false, 
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    compressQuality = 70, compressedHeight = 0, compressedWidth = 0, sourceType = 'both', tips, callbacks, } = props;
+    compressQuality = 70, compressedHeight = 0, compressedWidth = 0, sourceType = 'both', tips, callbacks, template = 'normal', children, } = props;
     // 强制转换初始值
     const initRef = useRef(false);
+    const uploadRef = useRef(null);
     const formValue = useMemo(() => {
         if (initRef.current)
             return props.value;
         initRef.current = true;
         return convertSingleValue(props.value, single);
     }, [props.value, single]);
-    const traitProps = { ...props, value: formValue, inputRef: ref };
+    const [innerHandle, setInnerHandle] = useState({});
+    const [uploadHandle, setUploadHandle] = useState({});
+    const traitProps = { ...props, value: formValue, inputRef: ref, setInnerHandle };
     const trait = useFormInputTrait(traitProps);
     const { value, onChange, disabled, readOnly, visible } = trait;
     const formItemProps = {
@@ -32,7 +37,12 @@ export const WdUploadImage = forwardRef(function WdUploadImage(props, ref) {
         readOnly: false,
         size: 'md',
     };
+    useSetWidgetApi(() => ({
+        ...innerHandle,
+        ...uploadHandle,
+    }), [innerHandle, uploadHandle], ref);
+    const multiple = !single;
     if (!visible)
         return null;
-    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(Uploader, { events: events, labelVisible: false, acceptTypes: acceptTypes, defaultValue: value, maxSize: maxSize, maxUploadCount: maxUploadCount, single: single, tips: tips, showShape: showShape, readOnly: readOnly, disabled: disabled, decorator: null, onChange: onChange, isCompressBeforeUpload: isCompressBeforeUpload, compressQuality: compressQuality, compressedHeight: compressedHeight, compressedWidth: compressedWidth, sourceType: sourceType, callbacks: callbacks }) }));
+    return (_jsx(WdFormItem, { ...formItemProps, children: template === 'custom' ? (_jsx(Upload, { events: events, acceptTypes: acceptTypes, maxSize: maxSize, maxUploadCount: maxUploadCount, readOnly: readOnly, disabled: disabled, isCompressBeforeUpload: isCompressBeforeUpload, compressQuality: compressQuality, compressedHeight: compressedHeight, compressedWidth: compressedWidth, callbacks: callbacks, value: value, multiple: multiple, capture: sourceType === 'camera' ? 'capture' : null, onChange: onChange, ref: uploadRef, setUploadHandle: setUploadHandle, children: children })) : (_jsx(Uploader, { events: events, labelVisible: false, acceptTypes: acceptTypes, defaultValue: value, maxSize: maxSize, maxUploadCount: maxUploadCount, single: single, tips: tips, showShape: showShape, readOnly: readOnly, disabled: disabled, decorator: null, onChange: onChange, isCompressBeforeUpload: isCompressBeforeUpload, compressQuality: compressQuality, compressedHeight: compressedHeight, compressedWidth: compressedWidth, sourceType: sourceType, callbacks: callbacks, setUploadHandle: setUploadHandle })) }));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.15.8",
+  "version": "3.17.0",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",
@@ -85,7 +85,7 @@
   "description": "腾讯云微搭低代码组件库模板",
   "dependencies": {
     "@antv/g6": "^4.8.5",
-    "@cloudbase/weda-client": "^1.1.26",
+    "@cloudbase/weda-client": "^1.1.27",
     "@codemirror/autocomplete": "^6.16.0",
     "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-json": "^6.0.1",
@@ -147,9 +147,9 @@
     "@babel/preset-env": "^7.22.15",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.22.15",
-    "@cloudbase/cals": "^1.2.11",
-    "@cloudbase/lowcode-cli": "^0.22.1",
-    "@cloudbase/weda-cloud-sdk": "^1.0.97",
+    "@cloudbase/cals": "^1.2.13",
+    "@cloudbase/lowcode-cli": "^0.22.2",
+    "@cloudbase/weda-cloud-sdk": "^1.0.99",
     "@commitlint/cli": "^16.0.2",
     "@commitlint/config-conventional": "^17.7.0",
     "@craco/craco": "^7.1.0",

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

@@ -1,16 +0,0 @@
-export declare const CLASS_PREFIX = "weda-uploader-pc";
-export declare const IMAGE_TYPES: string[];
-interface TempFileProps {
-    progress?: number;
-    loading?: boolean;
-    realUrl?: string;
-    tempUrl?: string;
-    key?: string;
-}
-export declare function useUploader(props: any): {
-    tempFile: TempFileProps[];
-    uploading: boolean;
-    upload: (fileList: any) => Promise<any[]>;
-    getTempFile: (allFile?: any[]) => any[];
-};
-export {};

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

@@ -1,99 +0,0 @@
-import * as React from 'react';
-import { randomStr } from '../../../utils/platform';
-import isObjectEqual from '../../../utils/isObjectEqual';
-import { getBase64, uploadTcbMulti } from './util';
-// 默认组件类前缀
-export const CLASS_PREFIX = 'weda-uploader-pc';
-// 默认图片类型
-export const IMAGE_TYPES = [
-    'image/jpg',
-    'image/png',
-    'image/tif',
-    'image/bmp',
-    'image/jpeg',
-    'image/tiff',
-    'image/gif',
-];
-const getInitTempFile = ({ single, value, defaultValue, uploadPath }) => {
-    let initialValue = []
-        .concat(value ? value : defaultValue)
-        .filter((d) => typeof d === 'string' && d !== '');
-    if (single) {
-        initialValue = initialValue[0] ? [initialValue[0]] : [];
-    }
-    const tempFile = initialValue.map((i) => ({
-        key: randomStr(),
-        uploadPath,
-        realUrl: i,
-        tempUrl: '',
-        progress: 100,
-        loading: false,
-    }));
-    return tempFile;
-};
-export function useUploader(props) {
-    const { defaultValue, // 需要兼容 cloud:和https: 协议，需要兼容 字符串和字符串数组
-    uploadPath = 'weda-uploader', events, single = false, value, // 数据管理后台中，formily使用此字段传默认值
-    isCompressBeforeUpload, compressQuality, compressedHeight, compressedWidth, } = props;
-    // 上传中
-    const [uploading, setUploading] = React.useState(false);
-    // 文件列表
-    const [tempFile, setTempFile] = React.useState(() => {
-        return getInitTempFile(props);
-    });
-    const defaultValueRef = React.useRef(null);
-    React.useEffect(() => {
-        if (isObjectEqual(defaultValueRef.current, defaultValue))
-            return;
-        const tempFile = getInitTempFile({
-            single,
-            value,
-            defaultValue,
-            uploadPath,
-        });
-        defaultValueRef.current = defaultValue;
-        setTempFile(tempFile);
-    }, [defaultValue, single, uploadPath, value]);
-    // 方法：上传前，判断图片大小、数量是否满足，取消默认组件的上传事件，用自定义的 tcb 上传方法
-    const upload = async (fileList) => {
-        let tempFiles = fileList.map((i) => ({
-            file: i,
-            key: randomStr(),
-            uploadPath,
-            progress: 0,
-            loading: true,
-        }));
-        tempFiles = await getBase64(tempFiles);
-        const allTempFile = [...tempFile, ...tempFiles];
-        setTempFile(allTempFile);
-        setUploading(true);
-        const result = await uploadTcbMulti(tempFiles, {
-            isCompressBeforeUpload,
-            compressedHeight,
-            compressedWidth,
-            compressQuality,
-            onUploadProgress: (item) => {
-                setTempFile((allTempFile) => allTempFile.map((i) => (i.key === item.key ? { ...i, ...item } : i)));
-            },
-            onUploadFinish: (item) => {
-                var _a;
-                (_a = events === null || events === void 0 ? void 0 : events.success) === null || _a === void 0 ? void 0 : _a.call(events, { value: item.realUrl, file: item.file });
-                setUploading(false);
-                setTempFile((allTempFile) => allTempFile.map((i) => (i.key === item.key ? { ...i, ...item } : i)));
-            },
-            onUploadError: (err) => {
-                events.error && events.error(err);
-                setUploading(false);
-            },
-        });
-        const allFile = allTempFile.map((i) => result.find((j) => (j === null || j === void 0 ? void 0 : j.key) === (i === null || i === void 0 ? void 0 : i.key)) || i);
-        return allFile;
-    };
-    const getTempFile = (allFile = []) => {
-        setTempFile(allFile);
-        let value = allFile.map((i) => i === null || i === void 0 ? void 0 : i.realUrl).filter((j) => !!j);
-        value = single ? value[0] || '' : value;
-        return value;
-    };
-    return { tempFile, uploading, upload, getTempFile };
-}