@cloudbase/weda-ui 3.16.0 → 3.17.0

package/dist/configs/type-utils/type-form.d.ts

@@ -375,6 +375,10 @@ export declare const getFormItemClasses: (classRoot: string, opts?: {
 }[];
 export declare const FORM_ITEM_META: {
     group: {
+        模板: {
+            'x-index': number;
+            expand: boolean;
+        };
         标签项: {
             'x-index': number;
             expand: boolean;

package/dist/configs/type-utils/type-form.js

@@ -2106,6 +2106,10 @@ export const getFormItemClasses = (classRoot, opts) => {
 // 表单配置集合
 export const FORM_ITEM_META = {
     group: {
+        模板: {
+            'x-index': 0,
+            expand: true,
+        },
         标签项: {
             'x-index': 1,
             expand: true,

package/dist/configs/type-utils/x-runtime-default.d.ts

@@ -97,6 +97,8 @@ export declare const X_RUNTIME_DEFAULT: {
     addRelationButtonText: string;
     _uploadButtonText: string;
     _uploadTipText: string;
+    multiton: boolean;
+    disableFallbackSharePage: boolean;
 };
 export declare const SINGLE_FOREIGN_FORMATS: (path?: string, hasXEnum?: boolean) => string;
 export declare const MULTIPLE_FOREIGN_FORMATS: (path?: string, hasXEnum?: boolean) => string;

package/dist/configs/type-utils/x-runtime-default.js

@@ -97,6 +97,8 @@ export const X_RUNTIME_DEFAULT = {
     addRelationButtonText: '去新建',
     _uploadButtonText: '点击上传',
     _uploadTipText: '支持批量上传',
+    multiton: false,
+    disableFallbackSharePage: false,
 };
 export const SINGLE_FOREIGN_FORMATS = (path = '$self.value', hasXEnum = false) => hasXEnum
     ? `['x-enum','father-son','related','many-one','one-one','one-one-r'].includes(${path})`

package/dist/configs/utils/field.d.ts

@@ -2,3 +2,4 @@ export declare const $table_template: string;
 export declare const $attached_template: string;
 export declare const $custom_template: string;
 export declare const $field_template: string;
+export declare const $upload_image_template = "\n[attributes]\nlabelVisible = false\n[[template]]\ncomponent = \"Container\"\n\n  [[template.items]]\n  component = \"WdButton\"\n    [template.items.attributes]\n    icon = \"td:upload\"\n    iconType = \"text-with-icon\"\n    text = \"\u4E0A\u4F20\"\n    variant = \"outline\"\n\n    [[template.items.listeners]]\n    eventName = \"tap\"\n    type = \"platform\"\n      [template.items.listeners.handler]\n      name = \"invoke\"\n      module = \"platform\"\n        [template.items.listeners.handler.params]\n        component = \"{{$self.id}}\"\n        method = \"upload\"\n\n  [[template.items]]\n  component = \"Container\"\n      [template.items.attributes.style]\n      marginTop = \"10px\"\n      display = \"flex\"\n      flexWrap = \"wrap\"\n\n    [[template.items.items]]\n    component = \"Repeater\"\n\n      [template.items.items.attributes]\n      \":data\" = \"$w.{{$self.id}}?.previewFile||[]\"\n\n      suffix = '{{$self.id}}'\n      forItem = 'item_{{$self.id}}'\n      forIndex = 'index_{{$self.id}}'\n\n      [[template.items.items.items]]\n      component = \"Container\"\n\n          [template.items.items.items.attributes.style]\n          margin = \"5px\"\n          padding = \"10px\"\n          border = \"1px solid #d9d9d9\"\n          flexShrink = 0\n          width = \"102px\"\n          height = \"102px\"\n          position = \"relative\"\n\n        [[template.items.items.items.items]]\n        component = \"WdImage\"\n\n          [template.items.items.items.items.attributes]\n          alt = \"[\u56FE\u7247]\"\n          fit = \"contain\"\n          imgPreview = true\n          \":src\" = '$w.item_{{$self.id}}.tempUrl||$w.item_{{$self.id}}.cloudId'\n\n            [template.items.items.items.items.attributes.style]\n            width = \"80px\"\n            height = \"80px\"\n\n        [[template.items.items.items.items]]\n        component = \"WdIcon\"\n\n          [template.items.items.items.items.attributes]\n          name = \"delete\"\n          size = \"sm\"\n\n            [template.items.items.items.items.attributes.style]\n            position = \"absolute\"\n            right = \"5px\"\n            top = \"5px\"\n\n          [[template.items.items.items.items.listeners]]\n          eventName = \"tap\"\n          type = \"platform\"\n\n            [template.items.items.items.items.listeners.handler]\n            name = \"invoke\"\n            module = \"platform\"\n\n              [template.items.items.items.items.listeners.handler.params]\n              component = \"{{$self.id}}\"\n              method = \"delete\"\n\n                [template.items.items.items.items.listeners.handler.params.params]\n                \":cloudId\" = '$w.item_{{$self.id}}.cloudId'\n\n";

package/dist/configs/utils/field.js

@@ -510,3 +510,98 @@ method = "remove"
 
 ${$add_button_template}
 `;
+// 自定义图片上传模板
+export const $upload_image_template = `
+[attributes]
+labelVisible = false
+[[template]]
+component = "Container"
+
+  [[template.items]]
+  component = "WdButton"
+    [template.items.attributes]
+    icon = "td:upload"
+    iconType = "text-with-icon"
+    text = "上传"
+    variant = "outline"
+
+    [[template.items.listeners]]
+    eventName = "tap"
+    type = "platform"
+      [template.items.listeners.handler]
+      name = "invoke"
+      module = "platform"
+        [template.items.listeners.handler.params]
+        component = "{{$self.id}}"
+        method = "upload"
+
+  [[template.items]]
+  component = "Container"
+      [template.items.attributes.style]
+      marginTop = "10px"
+      display = "flex"
+      flexWrap = "wrap"
+
+    [[template.items.items]]
+    component = "Repeater"
+
+      [template.items.items.attributes]
+      ":data" = "$w.{{$self.id}}?.previewFile||[]"
+
+      suffix = '{{$self.id}}'
+      forItem = 'item_{{$self.id}}'
+      forIndex = 'index_{{$self.id}}'
+
+      [[template.items.items.items]]
+      component = "Container"
+
+          [template.items.items.items.attributes.style]
+          margin = "5px"
+          padding = "10px"
+          border = "1px solid #d9d9d9"
+          flexShrink = 0
+          width = "102px"
+          height = "102px"
+          position = "relative"
+
+        [[template.items.items.items.items]]
+        component = "WdImage"
+
+          [template.items.items.items.items.attributes]
+          alt = "[图片]"
+          fit = "contain"
+          imgPreview = true
+          ":src" = '$w.item_{{$self.id}}.tempUrl||$w.item_{{$self.id}}.cloudId'
+
+            [template.items.items.items.items.attributes.style]
+            width = "80px"
+            height = "80px"
+
+        [[template.items.items.items.items]]
+        component = "WdIcon"
+
+          [template.items.items.items.items.attributes]
+          name = "delete"
+          size = "sm"
+
+            [template.items.items.items.items.attributes.style]
+            position = "absolute"
+            right = "5px"
+            top = "5px"
+
+          [[template.items.items.items.items.listeners]]
+          eventName = "tap"
+          type = "platform"
+
+            [template.items.items.items.items.listeners.handler]
+            name = "invoke"
+            module = "platform"
+
+              [template.items.items.items.items.listeners.handler.params]
+              component = "{{$self.id}}"
+              method = "delete"
+
+                [template.items.items.items.items.listeners.handler.params.params]
+                ":cloudId" = '$w.item_{{$self.id}}.cloudId'
+
+`;

package/dist/style/weda-ui.min.css

@@ -1,5 +1,5 @@
 /** 
- @cloudbase/weda-ui v3.16.0 
+ @cloudbase/weda-ui v3.17.0 
   */ 
 @charset "UTF-8";@media (min-width:1024px){.weda-ui .weui-cells{font-size:1em}.weui .weui-cell_active:active{background-color:unset!important}}@font-face{font-family:lcap-icon;font-weight:400;font-style:normal;src:url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2')}.wd-form--vertical-left .wedatea2td-form .weda-formcells__pc.horizontal,.wd-form--vertical-right .wedatea2td-form .weda-formcells__pc.horizontal,.wedatea2td-form--vertical .wd-form--horizontal-left .wd-form-item-wrap,.wedatea2td-form--vertical .wd-form--horizontal-right .wd-form-item-wrap,.wedatea2td-form--vertical .wd-form-item.wd-form-item--horizontal-left .wd-form-item-wrap,.wedatea2td-form--vertical .wd-form-item.wd-form-item--horizontal-right .wd-form-item-wrap,.wedatea2td-form--vertical .wedatea2td-form .weda-formcells__pc.horizontal{flex-direction:column}.g-swiper-item>div>*{max-width:100%;max-height:100%;object-fit:cover;max-width:100%;object-fit:cover;max-width:100%;max-height:100%;object-fit:cover;width:100%;height:auto;max-width:100%;object-fit:cover}.form-detail-wrap .form-detail-content-wrap .form-detail-group-header-container{display:flex;align-items:center;justify-content:space-between}.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weda-menu .wedatea2td-menu--light .wedatea2td-menu__list li.is-selected>.wedatea2td-menu__item:hover,.wedatea2td-drawer .wedatea2td-menu--light .wedatea2td-menu__list li .wedatea2td-menu__item:hover{background-color:var(--weda-navigation-menu-hover-color)}.weda-menu-mobile .weda-menu__wrapper{display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 2px rgba(0,0,0,.05)}.weda-menu .wedatea2td-menu__text .menu-text,.weda-menu__drawer .wedatea2td-menu__text .menu-text{display:flex;justify-content:center;align-items:center}@media (max-width:1024px){.g-swiper .g-swiper__turn-next,.g-swiper .g-swiper__turn-pre{display:none}.modal-table-delete .wedatea2td-dialog__inner,.model-relation-selector-modal .wedatea2td-dialog__inner,.wedatea2td-dialog__inner{min-width:0;width:90%;margin:10px 0}.wedatea2td-form.model-form{width:100%}}.markdown-body .octicon{fill:currentColor}.markdown-body pre{word-wrap:normal}.wd-form-item.wd-pc-rich-text-root .ExEditor-basic,.wd-form-item.wd-pc-rich-text-root .exeditor-toolbar{background-color:inherit}.wd-add-relation-button-wrap{display:flex;align-items:center;color:var(--wd-color-brand,#0052d9);white-space:pre-wrap}.weda-import-csv-file-modal .file-json-map-wrap{display:flex;flex-direction:column;box-sizing:border-box}.weda-import-csv-file-modal .import-file-result-wrap .error-container{display:flex;flex-direction:column}.weda-import-csv-file-modal .import-file-result-wrap .error-content{flex:1}.wd-table-wrap-filter .wedatea2td-input:focus,.wd-table-wrap-filter .wedatea2td-input:hover,.wd-table-wrap-filter .wedatea2td-textarea-group:focus,.wd-table-wrap-filter .wedatea2td-textarea-group:hover,.wd-table-wrap-filter .wedatea2td-textarea:focus,.wd-table-wrap-filter .wedatea2td-textarea:hover,.wedatea2td-overlay .wedatea2td-checkbox:focus,.wedatea2td-overlay .wedatea2td-checkbox:hover,.wedatea2td-overlay input[type=checkbox]:focus,.wedatea2td-overlay input[type=checkbox]:hover{border-color:var(--wd-color-brand,#0052d9)}.weda-ui_mapChoose_search_input_clear{display:flex;justify-content:center}.form-select-map .wedatea2td-dialog__inner{box-shadow:none;min-width:100vw!important}.weda-ui-custom-calendar-op__end,.weda-ui-custom-calendar-op__start{display:flex;align-items:center}.weui-tag span{word-wrap:break-word;word-break:break-word}.weda-ui-user-select-container-list__start .depart-tree .wedatea2td-tree__node.is-selected>.wedatea2td-tree__node-content,.weda-ui-user-select-container-list__start .depart-tree .wedatea2td-tree__node.is-selected>.wedatea2td-tree__node-content .wedatea2td-tree__label,.weda-ui-user-select-container-list__start .wedatea2td-tree.wedatea2td-tree--checkbox-separate .wedatea2td-tree__node.is-selected>.wedatea2td-tree__node-content .wedatea2td-tree__label .wedatea2td-tree__label-title{background-color:var(--wd-color-brand-light,#d4e3fc)}.weda-select-user-dept-breadcrumb{display:flex;align-items:center}.form-location-con_disabled{opacity:.4}body{font-size:var(--wd-font-base)}@font-face{font-family:wd-lcap-icon;font-weight:400;font-style:normal;src:url(data:application/font-woff2;charset=utf-8;base64,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) format("woff2")}.t-icon{speak:none;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wd-space-align-items--flex-start{align-items:flex-start;align-items:center;align-items:flex-end}.wd-space-justify-content--flex-start{justify-content:flex-start;justify-content:center;justify-content:flex-end}.wd-btn{--wd-btn-sm-padding:0.0625rem calc(var(--wd-space-base) * 2);--wd-btn-md-padding:0.25rem calc(var(--wd-space-base) * 4);--wd-btn-lg-padding:0.4375rem calc(var(--wd-space-base) * 6);--wd-btn-margin-top:0;--wd-btn-margin-top:0;--wd-btn-font-size-sm:var(--wd-font-size-2);--wd-btn-line-height-sm:1.5;--wd-btn-min-height-sm:24px;--wd-btn-font-size-md:var(--wd-font-size-3);--wd-btn-line-height-md:1.5;--wd-btn-min-height-md:32px;--wd-btn-font-size-lg:var(--wd-font-size-4);--wd-btn-line-height-lg:1.5;--wd-btn-min-height-lg:40px;--wd-btn-icon-space-sm:var(--wd-space-base);--wd-btn-icon-space-md:calc(var(--wd-space-base) * 2);--wd-btn-icon-space-lg:calc(var(--wd-space-base) * 3);--wd-btn-icon-size-sm:calc(var(--wd-btn-font-size-sm) + 0.125rem);--wd-btn-icon-size-md:calc(var(--wd-btn-font-size-md) + 0.125rem);--wd-btn-icon-size-lg:calc(var(--wd-btn-font-size-lg) + 0.25rem);--wd-btn-border-radius:var(--wd-border-radius);--wd-btn-color-text:var(--wd-color-text-default);--wd-btn-color-text-inverse:var(--wd-color-text-inverse);--wd-btn-color-text-hover:var(--wd-color-text-default);--wd-btn-color-text-active:var(--wd-color-text-default);--wd-btn-color-text-focus:var(--wd-color-text-default);--wd-btn-color-text-disabled:var(--wd-color-text-disabled);--wd-btn-color-brand:var(--wd-color-brand);--wd-btn-color-brand-hover:var(--wd-color-brand-hover);--wd-btn-color-brand-active:var(--wd-color-brand-active);--wd-btn-color-brand-focus:var(--wd-color-brand-focus);--wd-btn-color-brand-disabled:var(--wd-color-brand-disabled);--wd-btn-color-warning:var(--wd-color-warning);--wd-btn-color-warning-hover:var(--wd-color-warning-hover);--wd-btn-color-warning-active:var(--wd-color-warning-active);--wd-btn-color-warning-focus:var(--wd-color-warning-focus);--wd-btn-color-warning-disabled:var(--wd-color-warning-disabled);--wd-btn-color-error:var(--wd-color-error);--wd-btn-color-error-hover:var(--wd-color-error-hover);--wd-btn-color-error-active:var(--wd-color-error-active);--wd-btn-color-error-focus:var(--wd-color-error-focus);--wd-btn-color-error-disabled:var(--wd-color-error-disabled);--wd-btn-color-gray:var(
     --wd-color-gray-1

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

@@ -5,6 +5,7 @@ import './style';
 type UploaderProps = (H5UploaderProps | PcUploaderProps) & {
     showShape?: string;
     showType?: string;
+    setUploadHandle?: (uploadHandle?: any) => void;
 };
 export default function Uploader(props: UploaderProps): JSX.Element;
 export {};

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

@@ -31,7 +31,8 @@ function UploaderPc(props) {
     });
 }
 export default function Uploader(props) {
-    const { showShape } = props;
+    // 数据管理后台中，使用value段传默认值
+    const { showShape, value, defaultValue } = props;
     const [imgTypeCls, setImgTypeCls] = React.useState(null);
     React.useEffect(() => {
         // let shapeClass;
@@ -50,11 +51,13 @@ export default function Uploader(props) {
         }
     }, [showShape]);
     const platform = usePlatform();
+    // 需要兼容 cloud:和https: 协议，需要兼容 字符串和字符串数组
+    const _value = value !== undefined ? value : defaultValue;
     if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {
-        return _jsx(UploaderPc, { imgTypeCls: imgTypeCls, ...props });
+        return _jsx(UploaderPc, { imgTypeCls: imgTypeCls, ...props, defaultValue: _value });
     }
     if ((props === null || props === void 0 ? void 0 : props.showType) === 'h5') {
-        return _jsx(UploaderH5, { imgTypeCls: imgTypeCls, ...props });
+        return _jsx(UploaderH5, { imgTypeCls: imgTypeCls, ...props, defaultValue: _value });
     }
-    return platform === 'h5' ? (_jsx(UploaderH5, { imgTypeCls: imgTypeCls, ...props })) : (_jsx(UploaderPc, { imgTypeCls: imgTypeCls, ...props }));
+    return platform === 'h5' ? (_jsx(UploaderH5, { imgTypeCls: imgTypeCls, ...props, defaultValue: _value })) : (_jsx(UploaderPc, { imgTypeCls: imgTypeCls, ...props, defaultValue: _value }));
 }

package/dist/web/components/form/uploader/upload/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { DataType, EventsType, PreviewFileItemType } from '../../../../../configs/components/wd-upload-image';
+export type TempFileProps = PreviewFileItemType;
+interface UploadProps extends EventsType {
+    name?: DataType['name'];
+    value?: DataType['value'] | string;
+    acceptTypes?: any;
+    capture?: any;
+    disabled?: boolean;
+    readOnly?: boolean;
+    uploadPath?: string;
+    multiple?: boolean;
+    isCompressBeforeUpload?: DataType['isCompressBeforeUpload'];
+    compressQuality?: DataType['compressQuality'];
+    compressedHeight?: DataType['compressedHeight'];
+    compressedWidth?: DataType['compressedWidth'];
+    maxSize?: DataType['maxSize'];
+    maxUploadCount?: DataType['maxUploadCount'];
+    callbacks?: DataType['callbacks'];
+    onChange?: (val?: any) => void;
+    setUploadHandle?: (uploadHandle: any) => void;
+    children?: any;
+}
+export declare const IMAGE_TYPES: string[];
+export declare const Upload: React.ForwardRefExoticComponent<UploadProps & React.RefAttributes<unknown>>;
+export {};

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

@@ -0,0 +1,200 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { forwardRef, useState, useCallback, useEffect, useImperativeHandle } from 'react';
+import { getUuid } from '../../../../utils/tool';
+import { upload as uploadAction, checkBeforeUpload, getPreviewFileMap, getInitTempFile, getBase64 } from '../util';
+import { errorHandler } from '../../../../utils/error';
+import { isNil } from '../../../../utils/lodash';
+import { toBase64Uri } from '../../../../utils/file2base64';
+import { randomStr } from '../../../../utils/platform';
+// 默认图片类型
+export const IMAGE_TYPES = [
+    'image/jpg',
+    'image/png',
+    'image/tif',
+    'image/bmp',
+    'image/jpeg',
+    'image/tiff',
+    'image/gif',
+];
+export const Upload = forwardRef(function Upload({ children, ...props }, ref) {
+    const { maxUploadCount, acceptTypes, multiple, maxSize, capture, disabled, readOnly, name, isCompressBeforeUpload, compressQuality, compressedHeight, compressedWidth, events, onChange, callbacks, setUploadHandle, value: _value, } = props;
+    const inputRef = React.useRef(null);
+    const [inputId, setInputId] = useState(() => {
+        return getUuid();
+    });
+    const accepts = React.useMemo(() => {
+        var _a;
+        return (acceptTypes === null || acceptTypes === void 0 ? void 0 : acceptTypes.length) === 0 ? IMAGE_TYPES.join(',') : (_a = Array.from(new Set(acceptTypes))) === null || _a === void 0 ? void 0 : _a.join(',');
+    }, [acceptTypes]);
+    const finalMaxImgCount = React.useMemo(() => {
+        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+        if (!multiple)
+            return 1;
+        return maxUploadCount;
+    }, [multiple, maxUploadCount]);
+    const value = React.useMemo(() => {
+        return [].concat(_value).filter((d) => typeof d === 'string' && d !== '');
+    }, [_value]);
+    // 预览文件列表
+    const [previewFile, updatePreviewFile] = useState(() => {
+        return getInitTempFile({ value });
+    });
+    const [config, updateConfig] = useState({
+        accepts,
+        disabled,
+        maxSize,
+        maxUploadCount: finalMaxImgCount,
+        isCompressBeforeUpload,
+        compressQuality,
+        compressedHeight,
+        compressedWidth,
+    });
+    const [initFlag, setInitFlag] = useState(false);
+    React.useEffect(() => {
+        // 预览文件map,缓存临时预览链接，优化上传体验
+        const previewFileMap = getPreviewFileMap(previewFile);
+        if (value.some((i) => !previewFileMap[i])) {
+            updatePreviewFile(getInitTempFile({ value }));
+        }
+        // value变化的时候判断是否需要重新初始化
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value]);
+    const [uploadInstance, setUploadInstance] = useState({
+        config,
+    });
+    const uploadChange = useCallback(async (e) => {
+        const { accepts, maxSize, maxUploadCount } = config;
+        let files = [...e.target.files];
+        const checked = checkBeforeUpload({
+            tempFile: previewFile,
+            files,
+            accepts,
+            maxSize,
+            maxUploadCount,
+        });
+        if (!checked) {
+            return;
+        }
+        let shouldUploadToCos = true;
+        if (typeof (uploadInstance === null || uploadInstance === void 0 ? void 0 : uploadInstance.beforeUpload) === 'function') {
+            try {
+                const base64Uri = await Promise.all(files.map((file) => toBase64Uri(file)));
+                const ret = await uploadInstance.beforeUpload({ files, base64Uri });
+                if (typeof ret === 'boolean') {
+                    shouldUploadToCos = ret;
+                }
+                else if (Array.isArray(ret) && ret.every((item) => item instanceof File)) {
+                    files = ret;
+                }
+                else if (!isNil(ret)) {
+                    throw new TypeError('web端返回值接受布尔值 / File对象数组');
+                }
+            }
+            catch (err) {
+                errorHandler({
+                    code: 'BEFORE_UPLOAD_ERROR',
+                    error: err,
+                });
+                shouldUploadToCos = false;
+            }
+        }
+        if (shouldUploadToCos === false) {
+            return;
+        }
+        let tempFiles = files.map((i) => ({
+            file: i,
+            key: randomStr(),
+            progress: 0,
+            loading: true,
+        }));
+        tempFiles = await getBase64(tempFiles);
+        const allTempFile = [...previewFile, ...tempFiles];
+        updatePreviewFile(allTempFile);
+        await uploadAction(tempFiles, uploadInstance, allTempFile);
+    }, [config, previewFile, uploadInstance]);
+    const handleChange = useCallback((allFile = [], isDelete = false) => {
+        var _a;
+        updatePreviewFile(allFile);
+        const getTempFile = (allFile = []) => {
+            let value = allFile.map((i) => i === null || i === void 0 ? void 0 : i.cloudId).filter((j) => !!j);
+            value = !multiple ? value[0] || '' : value;
+            return value;
+        };
+        const value = getTempFile(allFile);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value, isDelete });
+        setInputId(getUuid());
+    }, [events, multiple, onChange]);
+    // 点击上传
+    const onClick = useCallback(() => {
+        const el = inputRef;
+        if (!el || disabled || readOnly) {
+            return;
+        }
+        el.current.click();
+    }, [disabled, readOnly]);
+    const deleteFile = useCallback(({ cloudId }) => {
+        const fileList = previewFile.filter((d) => d.cloudId !== cloudId);
+        handleChange(fileList, true);
+    }, [handleChange, previewFile]);
+    const destroy = useCallback(() => {
+        if (!uploadInstance)
+            return;
+        setUploadInstance(null);
+    }, [setUploadInstance, uploadInstance]);
+    const init = useCallback((config) => {
+        let _uploadInstance = uploadInstance;
+        if (_uploadInstance) {
+            destroy();
+        }
+        _uploadInstance = {
+            config,
+            onUploadProgress(item) {
+                updatePreviewFile((allTempFile) => allTempFile.map((i) => (i.key === item.key ? { ...i, ...item } : i)));
+            },
+            onComplete(result) {
+                handleChange(result);
+            },
+            onSuccess(item) {
+                var _a;
+                updatePreviewFile((allTempFile) => allTempFile.map((i) => (i.key === item.key ? { ...i, ...item } : i)));
+                (_a = events === null || events === void 0 ? void 0 : events.success) === null || _a === void 0 ? void 0 : _a.call(events, { value: item.cloudId, file: item.file });
+            },
+            onFail(err) {
+                events === null || events === void 0 ? void 0 : events.error(err);
+            },
+            beforeUpload: callbacks === null || callbacks === void 0 ? void 0 : callbacks.beforeUpload,
+        };
+        setUploadInstance(_uploadInstance);
+    }, [callbacks === null || callbacks === void 0 ? void 0 : callbacks.beforeUpload, destroy, events, handleChange, uploadInstance]);
+    useEffect(() => {
+        init(config);
+        setInitFlag(true);
+        return () => {
+            destroy();
+        };
+    }, [config]);
+    useEffect(() => {
+        if ((events === null || events === void 0 ? void 0 : events.onReady) && initFlag) {
+            // eslint-disable-next-line rulesdir/no-trigger-event-in-effect
+            events.onReady(uploadInstance);
+        }
+        // 仅初始化时触发一次
+    }, [initFlag]);
+    useImperativeHandle(ref, () => {
+        const uploadHandle = {
+            setConfig: ({ config: _config }) => {
+                updateConfig((config) => ({ ...config, ..._config }));
+            },
+            uploadInstance,
+            previewFile,
+            upload: onClick,
+            delete: deleteFile,
+        };
+        if (setUploadHandle) {
+            setUploadHandle(uploadHandle);
+        }
+        return uploadHandle;
+    }, [deleteFile, onClick, previewFile, setUploadHandle, uploadInstance]);
+    return (_jsxs(React.Fragment, { children: [_jsx("input", { ref: inputRef, name: name, disabled: disabled || readOnly, type: "file", onClick: (e) => e.stopPropagation(), style: { display: 'none' }, accept: accepts, multiple: multiple, onChange: uploadChange, ...(capture != null ? { capture } : {}) }, inputId), children] }));
+});

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

@@ -10,7 +10,7 @@ export declare function ImageUploaderH5(props: H5UploaderProps): JSX.Element;
 interface TempFileProps {
     progress?: number;
     loading?: boolean;
-    realUrl?: string;
+    cloudId?: string;
     tempUrl?: string;
     key?: string;
 }
@@ -31,5 +31,10 @@ export interface H5UploaderProps extends Except<CommonFormPropsType, 'events'>,
     single?: boolean;
     onChange?: (v: any) => void;
     readOnly?: boolean;
+    uploadPath?: string;
+    value?: string[] | string;
+    tempFile?: any;
+    setTempFile?: any;
+    setUploadHandle?: (arg?: any) => void;
 }
 export {};

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

@@ -2,46 +2,31 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import * as React from 'react';
 import weui from '../../../utils/weui';
 import classNames from '../../../utils/classnames';
-import { browserEnv, alertErrorMessage } from '../../../utils/platform';
+import { browserEnv } from '../../../utils/platform';
 import { IMAGE_TYPES, encodeConvert } from './uploader.pc';
 import { useTempUrl } from '../../../utils/hooks/use-cloud-id-temp-url';
-import { toBase64Uri } from '../../../utils/file2base64';
-import { isNil } from '../../../utils/lodash';
-import { useUploader } from './useUploadFile';
-import { errorHandler } from '../../../utils/error';
-import { checkAcceptedFiles } from './util';
+import { Upload } from './upload';
 /**
  * H5端
  */
 export function ImageUploaderH5(props) {
     var _a;
-    const { title: label, maxUploadCount, maxSize = 10, acceptTypes = IMAGE_TYPES, className, id, events, layout: _layout, single = false, disabled = false, requiredFlag = false, labelVisible = true, onChange, style, imgTypeCls, readOnly, sourceType, callbacks, } = props;
+    const { title: label, maxUploadCount, maxSize = 10, acceptTypes = IMAGE_TYPES, className, id, events, layout: _layout, single = false, disabled = false, requiredFlag = false, labelVisible = true, onChange, style, imgTypeCls, readOnly, sourceType, callbacks, defaultValue, setUploadHandle: outSetUploadHandle, } = props;
     const layout = _layout !== 'vertical' ? 'horizontal' : 'vertical';
     const layoutCls = layout === 'horizontal' ? 'weda-formcells weui-flex' : '';
     const cls = classNames({
         'weda-ui': true,
         [className]: className,
     });
-    const inputRef = React.useRef(null);
-    const { tempFile, uploading, upload, getTempFile } = useUploader(props);
+    const uploadRef = React.useRef(null);
+    const [uploadHandle, setUploadHandle] = React.useState({});
+    const tempFile = React.useMemo(() => (uploadHandle === null || uploadHandle === void 0 ? void 0 : uploadHandle.previewFile) || [], [uploadHandle === null || uploadHandle === void 0 ? void 0 : uploadHandle.previewFile]);
+    const uploading = tempFile === null || tempFile === void 0 ? void 0 : tempFile.some((i) => i.loading);
     const finalMaxImgCount = React.useMemo(() => {
         if (single)
             return 1;
         return maxUploadCount;
     }, [single, maxUploadCount]);
-    const deleteFile = (file) => {
-        const fileList = tempFile.filter((d) => d.key !== file.key);
-        handleChange(fileList, true);
-    };
-    const handleChange = (allFile = [], isDelete = false) => {
-        var _a;
-        const value = getTempFile(allFile);
-        onChange === null || onChange === void 0 ? void 0 : onChange(value);
-        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value, isDelete });
-    };
-    const accepts = React.useMemo(() => {
-        return acceptTypes.length === 0 ? IMAGE_TYPES : Array.from(new Set(acceptTypes));
-    }, [acceptTypes]);
     const showAdd = React.useMemo(() => {
         if (single) {
             // single 模式时，当数组为空且不在上传文件过程中时显示
@@ -49,82 +34,29 @@ export function ImageUploaderH5(props) {
         }
         return tempFile.length < maxUploadCount;
     }, [tempFile, single, maxUploadCount, uploading]);
-    const uploadChange = async (e) => {
-        let files = [...e.target.files];
-        const isAccepted = files.every((i) => checkAcceptedFiles(i, accepts));
-        if (!isAccepted) {
-            alertErrorMessage({
-                message: `上传图片类型错误`,
-                icon: 'none',
-            });
-            return false;
-        }
-        if (files.some((f) => f.size > maxSize * 1024 * 1024)) {
-            alertErrorMessage({
-                message: `请上传不超过 ${maxSize}M 的图片`,
-                icon: 'none',
-            });
-            return false;
+    const setUploadRef = React.useCallback((uploadHandle) => {
+        setUploadHandle(uploadHandle);
+        // 兼容云后台数据库中使用uploader组件，未传outSetUploadHandle
+        if (outSetUploadHandle) {
+            outSetUploadHandle(uploadHandle);
         }
-        if (files.length > finalMaxImgCount) {
-            // 防止一下子选择过多文件
-            alertErrorMessage({
-                message: `最多只能上传${finalMaxImgCount}张图片，请重新选择`,
-                icon: 'none',
-            });
-            return false;
-        }
-        if (tempFile.length + files.length > finalMaxImgCount) {
-            alertErrorMessage({
-                message: `最多只能上传${finalMaxImgCount}张图片`,
-                icon: 'none',
-            });
-            return false;
-        }
-        let shouldUploadToCos = true;
-        if (typeof (callbacks === null || callbacks === void 0 ? void 0 : callbacks.beforeUpload) === 'function') {
-            try {
-                const base64Uri = await Promise.all(files.map((file) => toBase64Uri(file)));
-                const ret = await callbacks.beforeUpload({ files, base64Uri });
-                if (typeof ret === 'boolean') {
-                    shouldUploadToCos = ret;
-                }
-                else if (Array.isArray(ret) && ret.every((item) => item instanceof File)) {
-                    files = ret;
-                }
-                else if (!isNil(ret)) {
-                    throw new TypeError('web端返回值接受布尔值 / File对象数组');
-                }
-            }
-            catch (err) {
-                errorHandler({
-                    code: 'BEFORE_UPLOAD_ERROR',
-                    error: err,
-                });
-                shouldUploadToCos = false;
-            }
-        }
-        if (shouldUploadToCos === false) {
-            return;
-        }
-        const allFile = await upload(files);
-        handleChange(allFile);
-    };
-    return (_jsx("div", { className: cls, id: id, style: style, children: _jsxs("div", { className: classNames('weui-uploader weui-cells weui-cells_form weda-formcells', layout, layoutCls), children: [_jsx("div", { className: classNames('weui-uploader__hd', layout), children: _jsx(UploaderLabel, { layout: layout, label: label, labelVisible: labelVisible, currentCount: tempFile.length, maxCount: finalMaxImgCount, requiredFlag: requiredFlag }) }), _jsx("div", { className: "weui-uploader__bd", children: _jsxs("ul", { className: "weui-uploader__files", id: "uploaderFiles", children: [(_a = (tempFile !== null && tempFile !== void 0 ? tempFile : [])) === null || _a === void 0 ? void 0 : _a.map((f) => (_jsx(SingleImage, { tempFile: f, deleteBySrc: deleteFile, disabled: disabled || readOnly || sourceType === 'album', imgTypeCls: imgTypeCls }, f === null || f === void 0 ? void 0 : f.key))), tempFile.length < 1 && readOnly && _jsx(_Fragment, { children: "-" }), showAdd && !readOnly && (_jsx("li", { className: `weui-uploader__input-box ${imgTypeCls}`, children: !disabled &&
-                                    sourceType !== 'album' &&
-                                    (sourceType === 'camera' ? (_jsx("input", { ref: inputRef, onClick: () => {
-                                            inputRef.current && (inputRef.current.value = '');
-                                        }, "data-testid": "uploaderh5_input", id: "uploaderInput", className: "weui-uploader__input", type: "file", accept: accepts.join(','), multiple: !single && !(browserEnv().android && browserEnv().weixin), capture: true, onChange: uploadChange })) : (_jsx("input", { ref: inputRef, onClick: () => {
-                                            inputRef.current && (inputRef.current.value = '');
-                                        }, "data-testid": "uploaderh5_input", id: "uploaderInput", className: "weui-uploader__input", type: "file", accept: accepts.join(','), multiple: !single && !(browserEnv().android && browserEnv().weixin), onChange: uploadChange }))) }))] }) })] }) }));
+    }, [outSetUploadHandle]);
+    const multiple = !single && !(browserEnv().android && browserEnv().weixin);
+    return (_jsx("div", { className: cls, id: id, style: style, children: _jsxs("div", { className: classNames('weui-uploader weui-cells weui-cells_form weda-formcells', layout, layoutCls), children: [_jsx("div", { className: classNames('weui-uploader__hd', layout), children: _jsx(UploaderLabel, { layout: layout, label: label, labelVisible: labelVisible, currentCount: tempFile.length, maxCount: finalMaxImgCount, requiredFlag: requiredFlag }) }), _jsx("div", { className: "weui-uploader__bd", children: _jsx(Upload, { ...props, acceptTypes: acceptTypes, events: events, capture: sourceType === 'camera' ? 'capture' : null, multiple: multiple, maxSize: maxSize, maxUploadCount: maxUploadCount, disabled: disabled, onChange: onChange, callbacks: callbacks, ref: uploadRef, value: defaultValue, setUploadHandle: setUploadRef, children: _jsxs("ul", { className: "weui-uploader__files", id: "uploaderFiles", children: [(_a = (tempFile !== null && tempFile !== void 0 ? tempFile : [])) === null || _a === void 0 ? void 0 : _a.map((f) => (_jsx(SingleImage, { tempFile: f, deleteBySrc: (file) => {
+                                        var _a;
+                                        (_a = uploadRef === null || uploadRef === void 0 ? void 0 : uploadRef.current) === null || _a === void 0 ? void 0 : _a.delete({ cloudId: file.cloudId });
+                                    }, disabled: disabled || readOnly || sourceType === 'album', imgTypeCls: imgTypeCls }, f === null || f === void 0 ? void 0 : f.cloudId))), tempFile.length < 1 && readOnly && _jsx(_Fragment, { children: "-" }), showAdd && !readOnly && (_jsx("li", { className: `weui-uploader__input-box ${imgTypeCls}`, children: !disabled && sourceType !== 'album' && (_jsx("span", { onClick: () => {
+                                            var _a;
+                                            (_a = uploadRef === null || uploadRef === void 0 ? void 0 : uploadRef.current) === null || _a === void 0 ? void 0 : _a.upload();
+                                        }, "data-testid": "uploaderh5_input", id: "uploaderInput", className: "weui-uploader__input" })) }))] }) }) })] }) }));
 }
 function SingleImage({ deleteBySrc, disabled, imgTypeCls, tempFile }) {
-    const { progress, loading, realUrl, tempUrl } = tempFile;
+    const { progress, loading, cloudId, tempUrl } = tempFile;
     const cls = classNames({
         'weui-uploader__file': true,
         'weui-uploader__file_status': loading,
     });
-    const src = realUrl !== null && realUrl !== void 0 ? realUrl : tempUrl;
+    const src = cloudId !== null && cloudId !== void 0 ? cloudId : tempUrl;
     const { data: realSrc, error } = useTempUrl(src);
     const encodeSrc = encodeConvert(realSrc !== null && realSrc !== void 0 ? realSrc : tempUrl);
     // 圆括号冲突，加上引号引用url地址
@@ -145,11 +77,11 @@ function SingleImage({ deleteBySrc, disabled, imgTypeCls, tempFile }) {
             },
         });
     };
-    return (_jsxs("li", { className: `${cls} ${imgTypeCls}`, style: imgStyle, onClick: showGallery, "data-testid": "uploaderh5_imgStyle", children: [error || status ? (_jsx("div", { className: "weui-uploader__file-content", children: error ? (_jsx("i", { role: "img", "aria-label": "\u9519\u8BEF", className: "weui-icon-warn" })) : (_jsx("i", { className: `weui-loading ${imgTypeCls}`, style: { width: 30, height: 30 } })) })) : (false), loading && _jsxs("div", { className: "weui-uploader__file-progress", children: [progress, "%"] })] }));
+    return (_jsxs("li", { className: `${cls} ${imgTypeCls}`, style: imgStyle, onClick: showGallery, "data-testid": "uploaderh5_imgStyle", children: [error || status ? (_jsx("div", { className: "weui-uploader__file-content", children: error ? (_jsx("i", { role: "img", "aria-label": "\u9519\u8BEF", className: "weui-icon-warn" })) : (_jsx("i", { className: `weui-loading ${imgTypeCls}`, style: { width: 30, height: 30 } })) })) : (false), loading && _jsxs("div", { className: "weui-uploader__file-progress", children: [progress, "%"] })] }, cloudId));
 }
 const UploaderLabel = ({ layout, label, currentCount, maxCount, requiredFlag, labelVisible }) => {
     if (layout === 'horizontal') {
-        return (_jsx(React.Fragment, { children: _jsx(_Fragment, { children: labelVisible && (_jsx("div", { className: "weda-formcells__label weui-cell", children: _jsxs("div", { children: [requiredFlag && _jsx("label", { className: "weda-formcells__flag", children: "*" }), _jsx("p", { className: "weui-uploader__title", children: label }), _jsxs("div", { className: "weui-uploader__info", children: [_jsx("span", { id: "uploadCount", children: currentCount }), "/", maxCount] })] }) })) }) }));
+        return (_jsx(React.Fragment, { children: labelVisible && (_jsx("div", { className: "weda-formcells__label weui-cell", children: _jsxs("div", { children: [requiredFlag && _jsx("label", { className: "weda-formcells__flag", children: "*" }), _jsx("p", { className: "weui-uploader__title", children: label }), _jsxs("div", { className: "weui-uploader__info", children: [_jsx("span", { id: "uploadCount", children: currentCount }), "/", maxCount] })] }) })) }));
     }
-    return (_jsx(React.Fragment, { children: _jsx(_Fragment, { children: labelVisible && (_jsxs("div", { className: "weda-formcells__label weui-cell", children: [_jsxs("div", { className: "weui-uploader__label", children: [requiredFlag && _jsx("label", { className: "weda-formcells__flag", children: "*" }), _jsx("p", { className: "weui-uploader__title", children: label })] }), _jsxs("div", { className: "weui-uploader__info", children: [_jsx("span", { id: "uploadCount", children: currentCount }), "/", maxCount] })] })) }) }));
+    return (_jsx(React.Fragment, { children: labelVisible && (_jsxs("div", { className: "weda-formcells__label weui-cell", children: [_jsxs("div", { className: "weui-uploader__label", children: [requiredFlag && _jsx("label", { className: "weda-formcells__flag", children: "*" }), _jsx("p", { className: "weui-uploader__title", children: label })] }), _jsxs("div", { className: "weui-uploader__info", children: [_jsx("span", { id: "uploadCount", children: currentCount }), "/", maxCount] })] })) }));
 };