@cloudbase/weda-ui 3.4.7 → 3.4.9-alpha.1024

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import * as _moment from 'moment';
 import 'moment/locale/zh-cn';
@@ -15,20 +16,21 @@ import { useLoopRenderDetect } from '../../common/use-loop-render-detect';
 import { PureSelectPc } from './dropdown-select/ui';
 // @ts-ignore TODO: fix 与plugin构建阶段效果不同
 export const moment = (typeof _moment === 'function' ? _moment : _moment.default);
-export default function Select(props) {
-    return (React.createElement(CommonErrorBoundary, null,
-        React.createElement(SelectImpl, { ...props })));
-}
+const Select = React.memo(function Select(props) {
+    return (_jsx(CommonErrorBoundary, { children: _jsx(SelectImpl, { ...props }) }));
+});
+Select.whyDidYouRender = true;
+export default Select;
 function SelectImpl(props) {
     const { id, style, className, label = '标题', labelVisible = true, layout = 'horizontal', requiredFlag = false, size = 'l', decorator, } = props;
     const platform = usePlatform();
     useLoopRenderDetect();
     let selectEl;
     if (platform === 'h5') {
-        selectEl = React.createElement(SelectH5, { ...props });
+        selectEl = _jsx(SelectH5, { ...props });
     }
     else {
-        selectEl = React.createElement(SelectPc, { ...props });
+        selectEl = _jsx(SelectPc, { ...props });
     }
     const cls = classNames({
         'weda-ui': true,
@@ -67,7 +69,8 @@ export const defaultProps = {
     // region mode
     separator: ',',
 };
-function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumName, defaultValue, placeholder = '请选择', mode = 'selector', dateMode = 'day', events = emptyObject, disabled = false, range = defaultProps.range, startDate, endDate, defaultDate, defaultTime, startTime, endTime, defaultRegion, defaultMutiRegion, regionType, separator = defaultProps.separator, size = defaultProps.size, onChange, }) {
+// const button = <Button type="icon" icon="more" />;
+function SelectPc({ name, where, dataSourceName, viewId, format, primaryField, enumName, defaultValue, placeholder = '请选择', mode = 'selector', dateMode = 'day', events = emptyObject, disabled = false, range = defaultProps.range, startDate, endDate, defaultDate, defaultTime, startTime, endTime, defaultRegion, defaultMutiRegion, regionType, separator = defaultProps.separator, size = defaultProps.size, onChange, }) {
     // 两次默认值不同, 需要刷新
     const prevDefaultRef = React.useRef();
     const [date, setDate] = React.useState(decodeIsoDatetime(defaultDate, 'date'));
@@ -180,7 +183,7 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
     const createDropdown = () => {
         switch (mode) {
             case 'selector':
-                return (React.createElement(PureSelectPc, { params: params, disabled: disabled, placeholder: placeholder, size: size, value: selectedValue, onChange: (value) => {
+                return (_jsx(PureSelectPc, { button: '', name: name, params: params, disabled: disabled, placeholder: placeholder, size: size, value: selectedValue, onChange: (value) => {
                         var _a;
                         onChange && onChange(value);
                         (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
@@ -199,24 +202,24 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
                     size,
                 };
                 if (dateMode === 'year') {
-                    return (React.createElement(YearPicker, { ...dateProps, range: [
+                    return (_jsx(YearPicker, { ...dateProps, range: [
                             startDate && dateProps.range[0],
                             endDate && dateProps.range[1],
                         ] }));
                 }
                 else if (dateMode === 'month') {
-                    return (React.createElement(DatePicker.MonthPicker, { className: sizeClassName, ...dateProps }));
+                    return (_jsx(DatePicker.MonthPicker, { className: sizeClassName, ...dateProps }));
                 }
                 else if (dateMode === 'datetime') {
                     const startFormat = decodeIsoDatetime(startDate, 'date', 'datetime');
                     const endFormat = decodeIsoDatetime(endDate, 'date', 'datetime');
-                    return (React.createElement(DatePicker, { showTime: true, className: sizeClassName, ...dateProps, range: [
+                    return (_jsx(DatePicker, { showTime: true, className: sizeClassName, ...dateProps, range: [
                             moment(startFormat, 'YYYY-MM-DD HH:mm:ss'),
                             moment(endFormat, 'YYYY-MM-DD HH:mm:ss'),
                         ] }));
                 }
                 else {
-                    return React.createElement(DatePicker, { className: sizeClassName, ...dateProps });
+                    return _jsx(DatePicker, { className: sizeClassName, ...dateProps });
                 }
             }
             case 'time': {
@@ -224,18 +227,14 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
                     ? decodeIsoDatetime(startTime, 'time')
                     : '00:00';
                 const end = endTime ? decodeIsoDatetime(endTime, 'time') : '23:59';
-                return (React.createElement(TimePicker, { className: sizeClassName, onChange: onDataChange, disabled: disabled, placeholder: placeholder, value: time ? moment(time, 'HH:mm') : undefined, range: [moment(start, 'HH:mm'), moment(end, 'HH:mm')], format: "HH:mm" }));
+                return (_jsx(TimePicker, { className: sizeClassName, onChange: onDataChange, disabled: disabled, placeholder: placeholder, value: time ? moment(time, 'HH:mm') : undefined, range: [moment(start, 'HH:mm'), moment(end, 'HH:mm')], format: "HH:mm" }));
             }
             case 'region':
-                return (React.createElement(Cascader, { clearable: true, searchable: true, type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, className: sizeClassName, overlayClassName: "select-region-pc", valueRender: (options) => options.map(({ label, value }, index) => (React.createElement(React.Fragment, { key: `${value}-${index}` },
-                        index !== 0 && `${separator}`,
-                        label || value))), value: region }));
+                return (_jsx(Cascader, { clearable: true, searchable: true, type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, className: sizeClassName, overlayClassName: "select-region-pc", valueRender: (options) => options.map(({ label, value }, index) => (_jsxs(React.Fragment, { children: [index !== 0 && `${separator}`, label || value] }, `${value}-${index}`))), value: region }));
             case 'mutiRegion':
-                return (React.createElement(Cascader, { clearable: true, searchable: true, className: sizeClassName, overlayClassName: "select-region-pc", type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, valueRender: (options) => options.map(({ label, value }, index) => (React.createElement(React.Fragment, { key: `${value}-${index}` },
-                        index !== 0 && ',',
-                        label || value))), value: mutiRegion }));
+                return (_jsx(Cascader, { clearable: true, searchable: true, className: sizeClassName, overlayClassName: "select-region-pc", type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, valueRender: (options) => options.map(({ label, value }, index) => (_jsxs(React.Fragment, { children: [index !== 0 && ',', label || value] }, `${value}-${index}`))), value: mutiRegion }));
         }
     };
     const dropdown = createDropdown();
-    return React.createElement(ConfigProvider, { classPrefix: "wedatea2td" }, dropdown);
+    return _jsx(ConfigProvider, { classPrefix: "wedatea2td", children: dropdown });
 }

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

@@ -31,13 +31,13 @@ export async function getAreaCode() {
     }
     catch (error) {
         console.error('错误', error);
-        return {};
+        return [];
     }
 }
 /**
  * 构建树形结构
  */
-function formatTreeData(arr, regionType, regionMode) {
+function formatTreeData(arr = [], regionType, regionMode) {
     const provicesData = [];
     arr.forEach((item) => {
         //省数据集合

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

@@ -6,7 +6,7 @@ export const formatNeedDataFetch = [
     'related',
     'x-enum',
 ];
-export const PAGE_SIZE = 200;
+export const PAGE_SIZE = 50;
 export const RequestOptionType = {
     ALL: 0,
     SEARCH: 1,

package/dist/web/components/form/select/status/allEmpty.js

@@ -1,5 +1,5 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import './index.css';
 export default function AllEmpty({ height }) {
-    return (React.createElement("div", { className: "weda-ui-custom-picker__empty", style: { height } }, "\u6682\u65E0\u6570\u636E"));
+    return (_jsx("div", { className: "weda-ui-custom-picker__empty", style: { height }, children: "\u6682\u65E0\u6570\u636E" }));
 }

package/dist/web/components/form/select/status/empty.js

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import './index.css';
 import { usePlatform } from '../../../../utils/platform';
 export default function Empty({ height }) {
@@ -14,5 +15,5 @@ export default function Empty({ height }) {
             return '21px';
         }
     }, [platform]);
-    return (React.createElement("div", { className: "weda-ui-custom-picker__status weda-ui-custom-picker__status--empty", style: { height: loadingHeight, lineHeight: loadingHeight } }, "\u6682\u65E0\u6570\u636E"));
+    return (_jsx("div", { className: "weda-ui-custom-picker__status weda-ui-custom-picker__status--empty", style: { height: loadingHeight, lineHeight: loadingHeight }, children: "\u6682\u65E0\u6570\u636E" }));
 }

package/dist/web/components/form/select/status/loading.js

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import './index.css';
 import { usePlatform } from '../../../../utils/platform';
 export default function Loading({ height }) {
@@ -14,7 +15,5 @@ export default function Loading({ height }) {
             return '21px';
         }
     }, [platform]);
-    return (React.createElement("div", { className: "weda-ui-custom-picker__status weda-ui-custom-picker__status--loading", style: { height: loadingHeight } },
-        React.createElement("i", { className: "weda-ui-custom-picker__loading-icon" }),
-        "\u52A0\u8F7D\u4E2D..."));
+    return (_jsxs("div", { className: "weda-ui-custom-picker__status weda-ui-custom-picker__status--loading", style: { height: loadingHeight }, children: [_jsx("i", { className: "weda-ui-custom-picker__loading-icon" }), "\u52A0\u8F7D\u4E2D..."] }));
 }

package/dist/web/components/form/select/status/retry.js

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import './index.css';
 import { usePlatform } from '../../../../utils/platform';
 export default function Retry({ reTry, height }) {
@@ -14,7 +15,5 @@ export default function Retry({ reTry, height }) {
             return '21px';
         }
     }, [platform]);
-    return (React.createElement("div", { className: "weda-ui-custom-picker__status ", style: { height: loadingHeight, lineHeight: loadingHeight } },
-        "\u52A0\u8F7D\u5931\u8D25",
-        React.createElement("button", { className: "weda-ui-custom-picker__btn weda-ui-custom-picker__btn--link", onClick: reTry }, "\u91CD\u8BD5")));
+    return (_jsxs("div", { className: "weda-ui-custom-picker__status ", style: { height: loadingHeight, lineHeight: loadingHeight }, children: ["\u52A0\u8F7D\u5931\u8D25", _jsx("button", { className: "weda-ui-custom-picker__btn weda-ui-custom-picker__btn--link", onClick: reTry, children: "\u91CD\u8BD5" })] }));
 }

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Popover, ConfigProvider, useConfig, Input, Icon, Button, } from 'tea-component';
 import classNames from '../../../utils/classnames';
@@ -22,37 +23,21 @@ export default function YearPicker(props) {
     React.useEffect(() => {
         setInputValue(transValueToYear(value));
     }, [value]);
-    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement(Popover, { trigger: "click", visible: show, onVisibleChange: (v) => !v && setShow(v), overlay: React.createElement("div", { className: classNames(`${classPrefix}-dropdown-box`, 'year-picker__overlay') },
-                React.createElement("div", { className: classNames(`${classPrefix}-calendar__caption`, 'year-picker__header') },
-                    React.createElement("div", { className: "year-picker__header-title" },
-                        pageStart,
-                        "-",
-                        pageEnd),
-                    React.createElement("div", { className: "year-picker__header-actions" },
-                        React.createElement(Button, { type: "link", icon: "arrowleft", title: "\u4E0A\u4E8C\u5341\u5E74", onClick: () => setPage((d) => d - 1) }),
-                        React.createElement(Button, { type: "link", icon: "cur-active", title: "\u5F53\u524D\u4E8C\u5341\u5E74", onClick: () => setPage(0) }),
-                        React.createElement(Button, { type: "link", icon: "arrowright", title: "\u4E0B\u4E8C\u5341\u5E74", onClick: () => setPage((d) => d + 1) }))),
-                React.createElement("div", { className: classNames(`${classPrefix}-calendar__type--year`, 'year-picker__body') }, pageYears.map((list) => (React.createElement("div", { key: list.join(), className: classNames(`${classPrefix}-calendar__row`) }, list.map((item) => {
-                    const isSelected = item === inputValue;
-                    const isDisabled = (min && Number(item) < Number(min)) ||
-                        (max && Number(item) > Number(max));
-                    return (React.createElement("div", { key: item, className: classNames(`${classPrefix}-calendar__cell`, 'year-picker__cell', {
-                            'is-selected': isSelected,
-                            'is-disabled': isDisabled,
-                        }), onClick: () => {
-                            if (isDisabled)
-                                return;
-                            setShow(false);
-                            setInputValue(item);
-                            onChange === null || onChange === void 0 ? void 0 : onChange(moment(item));
-                        } },
-                        React.createElement("span", null, item)));
-                })))))) },
-            React.createElement("div", { ...rest, onClick: () => !disabled && setShow(true), className: classNames(`${classPrefix}-datepicker`, className) },
-                React.createElement("div", { className: classNames(`${classPrefix}-datepicker__input`) },
-                    React.createElement(Input, { size: size, ref: inputRef, disabled: disabled, placeholder: placeholder, value: inputValue, onFocus: () => inputRef.current.blur() }),
-                    React.createElement(Icon, { type: "dismiss" }))))));
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Popover, { trigger: "click", visible: show, onVisibleChange: (v) => !v && setShow(v), overlay: _jsxs("div", { className: classNames(`${classPrefix}-dropdown-box`, 'year-picker__overlay'), children: [_jsxs("div", { className: classNames(`${classPrefix}-calendar__caption`, 'year-picker__header'), children: [_jsxs("div", { className: "year-picker__header-title", children: [pageStart, "-", pageEnd] }), _jsxs("div", { className: "year-picker__header-actions", children: [_jsx(Button, { type: "link", icon: "arrowleft", title: "\u4E0A\u4E8C\u5341\u5E74", onClick: () => setPage((d) => d - 1) }), _jsx(Button, { type: "link", icon: "cur-active", title: "\u5F53\u524D\u4E8C\u5341\u5E74", onClick: () => setPage(0) }), _jsx(Button, { type: "link", icon: "arrowright", title: "\u4E0B\u4E8C\u5341\u5E74", onClick: () => setPage((d) => d + 1) })] })] }), _jsx("div", { className: classNames(`${classPrefix}-calendar__type--year`, 'year-picker__body'), children: pageYears.map((list) => (_jsx("div", { className: classNames(`${classPrefix}-calendar__row`), children: list.map((item) => {
+                                const isSelected = item === inputValue;
+                                const isDisabled = (min && Number(item) < Number(min)) ||
+                                    (max && Number(item) > Number(max));
+                                return (_jsx("div", { className: classNames(`${classPrefix}-calendar__cell`, 'year-picker__cell', {
+                                        'is-selected': isSelected,
+                                        'is-disabled': isDisabled,
+                                    }), onClick: () => {
+                                        if (isDisabled)
+                                            return;
+                                        setShow(false);
+                                        setInputValue(item);
+                                        onChange === null || onChange === void 0 ? void 0 : onChange(moment(item));
+                                    }, children: _jsx("span", { children: item }) }, item));
+                            }) }, list.join()))) })] }), children: _jsx("div", { ...rest, onClick: () => !disabled && setShow(true), className: classNames(`${classPrefix}-datepicker`, className), children: _jsxs("div", { className: classNames(`${classPrefix}-datepicker__input`), children: [_jsx(Input, { size: size, ref: inputRef, disabled: disabled, placeholder: placeholder, value: inputValue, onFocus: () => inputRef.current.blur() }), _jsx(Icon, { type: "dismiss" })] }) }) }) }));
 }
 /**
  * 获取当前20年，page 表示分页，1表示下一页，-1表示上一页

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from '../../../utils/classnames';
 import getLocalCounter from '../../../utils/getLocalCounter';
 import { usePlatform } from '../../../utils/platform';
@@ -9,9 +9,9 @@ import { emptyObject } from '../../../utils/constant';
 import styles from './switch.module.css';
 export default function Switch({ 
 // 系统属性
-id, className, style, events = emptyObject, 
+id, className, style, name, events = emptyObject, 
 // 组件属性
-label = '标题', labelVisible = true, checked: defaultChecked, layout = 'horizontal', disabled = false, requiredFlag = false, decorator, }) {
+label = '标题', labelVisible = true, checked: defaultChecked, layout = 'horizontal', disabled = false, requiredFlag = false, decorator, onChange: outerOnChange, }) {
     const isFlex = layout !== 'vertical';
     const cls = classNames({
         'weda-ui': true,
@@ -31,21 +31,17 @@ label = '标题', labelVisible = true, checked: defaultChecked, layout = 'horizo
     // 现在低码组件往源码组件传入的id不唯一, 暂时使用hashcode替代
     const hashcode = getLocalCounter();
     const _id = `switch-${hashcode}`;
-    const switchElement = platform === 'h5' ? (React.createElement("div", { className: subCls, "data-testid": "form-switch" },
-        isFlex ? React.createElement("div", { className: "weui-cell__bd" }) : null,
-        React.createElement("div", { className: isFlex ? 'weui-cell__ft' : 'weui-cell__bd' },
-            React.createElement("label", { htmlFor: _id, key: _id, className: "weui-switch-cp" },
-                React.createElement("input", { id: _id, className: `weui-switch-cp__input ${styles.wedaSwitchInput}`, type: "checkbox", checked: checked, disabled: disabled, onChange: (ev) => {
-                        const value = ev.target.checked;
-                        setChecked(value);
-                        events.change({ value }, { orgianalEvent: ev });
-                    } }),
-                React.createElement("div", { className: "weui-switch-cp__box" }))))) : (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement(TeaSwitch, { id: _id, value: checked, disabled: disabled, onChange: (value, context) => {
+    const switchElement = platform === 'h5' ? (_jsxs("div", { className: subCls, "data-testid": "form-switch", children: [isFlex ? _jsx("div", { className: "weui-cell__bd" }) : null, _jsx("div", { className: isFlex ? 'weui-cell__ft' : 'weui-cell__bd', children: _jsxs("label", { htmlFor: _id, className: "weui-switch-cp", children: [_jsx("input", { id: _id, name: name, className: `weui-switch-cp__input ${styles.wedaSwitchInput}`, type: "checkbox", checked: checked, disabled: disabled, onChange: (ev) => {
+                                const value = ev.target.checked;
+                                setChecked(value);
+                                outerOnChange === null || outerOnChange === void 0 ? void 0 : outerOnChange(value);
+                                events.change({ value }, { orgianalEvent: ev });
+                            } }), _jsx("div", { className: "weui-switch-cp__box" })] }, _id) })] })) : (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(TeaSwitch, { id: _id, value: checked, name: name, disabled: disabled, onChange: (value, context) => {
                 const originEvent = context.event;
                 setChecked(value);
+                outerOnChange === null || outerOnChange === void 0 ? void 0 : outerOnChange(value);
                 events.change({ value }, { originEvent });
-            }, "data-testid": "form-switch" })));
+            }, "data-testid": "form-switch" }) }));
     return renderDecorator(switchElement, decorator)({
         id,
         className: cls,

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from '../../../utils/classnames';
 import './index.css';
@@ -10,7 +11,7 @@ export default function Textarea({
 // 系统属性
 id, className, style, events = emptyObject, 
 // 组件属性
-label = '标题', labelVisible = true, defaultValue = '', placeholder = '请输入', maxLength = 140, disabled = false, focus: autoFocus = false, layout = 'horizontal', requiredFlag = false, counterVisible = true, size = 'l', decorator, }) {
+label = '标题', labelVisible = true, defaultValue = '', placeholder = '请输入', maxLength = 140, disabled = false, focus: autoFocus = false, layout = 'horizontal', requiredFlag = false, counterVisible = true, size = 'l', decorator, onChange: outerOnChange, }) {
     const platform = usePlatform();
     const cls = classNames({
         'weda-ui': true,
@@ -29,6 +30,7 @@ label = '标题', labelVisible = true, defaultValue = '', placeholder = '请输
     const onChange = function (e) {
         const text = typeof e === 'string' ? e : e.target.value;
         setValue(text);
+        outerOnChange === null || outerOnChange === void 0 ? void 0 : outerOnChange(text);
         events.change({ value: text });
     };
     const onFocus = function (e) {
@@ -41,17 +43,10 @@ label = '标题', labelVisible = true, defaultValue = '', placeholder = '请输
     };
     let textAreaElement;
     if (platform === 'h5') {
-        textAreaElement = (React.createElement("div", { className: subCls },
-            React.createElement("div", { className: "weui-cell__bd" },
-                React.createElement("textarea", { className: "weui-textarea", placeholder: placeholder, value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, maxLength: maxLength, disabled: disabled, autoFocus: autoFocus }),
-                counterVisible ? (React.createElement("div", { className: "weui-textarea-counter" },
-                    React.createElement("span", null, counter),
-                    "/",
-                    maxLength)) : null)));
+        textAreaElement = (_jsx("div", { className: subCls, children: _jsxs("div", { className: "weui-cell__bd", children: [_jsx("textarea", { className: "weui-textarea", placeholder: placeholder, value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, maxLength: maxLength, disabled: disabled, autoFocus: autoFocus }), counterVisible ? (_jsxs("div", { className: "weui-textarea-counter", children: [_jsx("span", { children: counter }), "/", maxLength] })) : null] }) }));
     }
     else {
-        textAreaElement = (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-            React.createElement(Input.TextArea, { "data-testid": "weui-textarea-test", size: size, placeholder: placeholder, value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, maxLength: maxLength, disabled: disabled, autoFocus: autoFocus, showCount: true })));
+        textAreaElement = (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Input.TextArea, { "data-testid": "weui-textarea-test", size: size, placeholder: placeholder, value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, maxLength: maxLength, disabled: disabled, autoFocus: autoFocus, showCount: true }) }));
     }
     return renderDecorator(textAreaElement, decorator)({
         id,

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from '../../../utils/classnames';
 import './index.css';
 export default function Tips({ 
@@ -13,5 +13,5 @@ tips = '表单提示', type = 'normal', id, style, }) {
         'weui-cells__tips_warn': !!tips && type === 'warn',
         [className]: className,
     });
-    return (React.createElement("div", { className: cls, id: id, style: style }, tips));
+    return (_jsx("div", { className: cls, id: id, style: style, children: tips }));
 }

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react/prop-types */
 import * as React from 'react';
 import { usePlatform } from '../../../utils/platform';
@@ -16,7 +17,7 @@ function UploaderPc(props) {
         [className]: className,
         cloudbase_standard: true,
     });
-    return renderDecorator(React.createElement(UploaderPCInner, { ...restProps, style: {
+    return renderDecorator(_jsx(UploaderPCInner, { ...restProps, style: {
             height: '100%',
             display: 'flex',
             alignItems: 'center',
@@ -51,10 +52,10 @@ export default function Uploader(props) {
     }, [showShape]);
     const platform = usePlatform();
     if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {
-        return React.createElement(UploaderPc, { imgTypeCls: imgTypeCls, ...props });
+        return _jsx(UploaderPc, { imgTypeCls: imgTypeCls, ...props });
     }
     if ((props === null || props === void 0 ? void 0 : props.showType) === 'h5') {
-        return React.createElement(UploaderH5, { imgTypeCls: imgTypeCls, ...props });
+        return _jsx(UploaderH5, { imgTypeCls: imgTypeCls, ...props });
     }
-    return platform === 'h5' ? (React.createElement(UploaderH5, { imgTypeCls: imgTypeCls, ...props })) : (React.createElement(UploaderPc, { imgTypeCls: imgTypeCls, ...props }));
+    return platform === 'h5' ? (_jsx(UploaderH5, { imgTypeCls: imgTypeCls, ...props })) : (_jsx(UploaderPc, { imgTypeCls: imgTypeCls, ...props }));
 }

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

@@ -1,18 +1,20 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import weui from '../../../utils/weui';
 import classNames from '../../../utils/classnames';
 import { getCloudInstance } from '../../../utils/tcb';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import { useSyncValue } from '../../../utils/hooks/useSyncValue';
-import { randomStr } from '../../../utils/platform';
+import { randomStr, browserEnv } from '../../../utils/platform';
 import { IMAGE_TYPES, encodeConvert } from './uploader.pc';
 import { useTempUrl } from '../../../utils/hooks/use-cloud-id-temp-url';
 import { getParentForm } from '../../../utils/widget-api';
+import { emptyObject } from '../../../utils/constant';
 const uploadPath = 'weda-uploader';
 /**
  * H5端
  */
-export function ImageUploaderH5({ title: label, maxUploadCount, maxSize = 10, acceptTypes, className, id, events, layout, defaultValue, single = false, disabled = false, requiredFlag = false, labelVisible = true, onChange, style, imgTypeCls, $node, }) {
+export function ImageUploaderH5({ title: label, maxUploadCount, maxSize = 10, acceptTypes = IMAGE_TYPES, className, id, events = emptyObject, layout, defaultValue, single = false, disabled = false, requiredFlag = false, labelVisible = true, onChange, style, imgTypeCls, $node, }) {
     var _a;
     const cls = classNames({
         'weda-ui': true,
@@ -130,37 +132,25 @@ export function ImageUploaderH5({ title: label, maxUploadCount, maxSize = 10, ac
         }
         return fileIdList.length < maxUploadCount;
     }, [fileIdList, single, maxUploadCount, uploading]);
-    return (React.createElement("div", { className: cls, id: id, style: style },
-        React.createElement("div", { className: classNames('weui-uploader', layout) },
-            React.createElement("div", { className: classNames('weui-uploader__hd', layout) },
-                React.createElement(UploaderLabel, { layout: layout, label: label, labelVisible: labelVisible, currentCount: fileIdList.length, maxCount: finalMaxImgCount, requiredFlag: requiredFlag })),
-            React.createElement("div", { className: "weui-uploader__bd" },
-                React.createElement("ul", { className: "weui-uploader__files", id: "uploaderFiles" },
-                    (fileIdList !== null && fileIdList !== void 0 ? fileIdList : []).map((f) => (React.createElement(SingleImage, { key: f, src: f, deleteBySrc: deleteFile, disabled: disabled, imgTypeCls: imgTypeCls }))),
-                    fileIdList.length < 1 && formType === 'read' && React.createElement(React.Fragment, null, "\u2014"),
-                    uploading && (React.createElement("li", { className: `weui-uploader__file weui-uploader__file_status ${imgTypeCls}` },
-                        React.createElement("div", { className: "weui-uploader__file-content" },
-                            progress,
-                            "%")))),
-                showAdd && formType !== 'read' && (React.createElement("div", { className: `weui-uploader__input-box ${imgTypeCls}` }, !disabled && (React.createElement("input", { "data-testid": "uploaderh5_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;
-                        if (files.some((f) => f.size > maxSize * 1024 * 1024)) {
-                            weui.alert('请上传不超过10M的图片');
-                            return false;
-                        }
-                        if (files.length > finalMaxImgCount) {
-                            // 防止一下子选择过多文件
-                            weui.alert(`最多只能上传${finalMaxImgCount}张图片，请重新选择`);
-                            return false;
-                        }
-                        if (fileIdList.length + files.length > finalMaxImgCount) {
-                            weui.alert(`最多只能上传${finalMaxImgCount}张图片`);
-                            return false;
-                        }
-                        files.forEach((f) => uploadToTcb(f));
-                    } }))))))));
+    return (_jsx("div", { className: cls, id: id, style: style, children: _jsx("div", { children: _jsxs("div", { className: classNames('weui-uploader', layout), children: [_jsx("div", { className: classNames('weui-uploader__hd', layout), children: _jsx(UploaderLabel, { layout: layout, label: label, labelVisible: labelVisible, currentCount: fileIdList.length, maxCount: finalMaxImgCount, requiredFlag: requiredFlag }) }), _jsxs("div", { className: "weui-uploader__bd", children: [_jsxs("ul", { className: "weui-uploader__files", id: "uploaderFiles", children: [(fileIdList !== null && fileIdList !== void 0 ? fileIdList : []).map((f) => (_jsx(SingleImage, { src: f, deleteBySrc: deleteFile, disabled: disabled, imgTypeCls: imgTypeCls }, f))), fileIdList.length < 1 && formType === 'read' && _jsx(_Fragment, { children: "\u2014" }), uploading && (_jsx("li", { className: `weui-uploader__file weui-uploader__file_status ${imgTypeCls}`, children: _jsxs("div", { className: "weui-uploader__file-content", children: [progress, "%"] }) }))] }), showAdd && formType !== 'read' && (_jsx("div", { className: `weui-uploader__input-box ${imgTypeCls}`, children: !disabled && (_jsx("input", { "data-testid": "uploaderh5_input", id: "uploaderInput", className: "weui-uploader__input", type: "file", accept: accepts.join(','), multiple: !single && !(browserEnv().android && browserEnv().weixin), onChange: (e) => {
+                                        const files = [...e.target.files];
+                                        if (!islegalType(files, accepts))
+                                            return;
+                                        if (files.some((f) => f.size > maxSize * 1024 * 1024)) {
+                                            weui.alert('请上传不超过10M的图片');
+                                            return false;
+                                        }
+                                        if (files.length > finalMaxImgCount) {
+                                            // 防止一下子选择过多文件
+                                            weui.alert(`最多只能上传${finalMaxImgCount}张图片，请重新选择`);
+                                            return false;
+                                        }
+                                        if (fileIdList.length + files.length > finalMaxImgCount) {
+                                            weui.alert(`最多只能上传${finalMaxImgCount}张图片`);
+                                            return false;
+                                        }
+                                        files.forEach((f) => uploadToTcb(f));
+                                    } })) }))] })] }) }) }));
 }
 function SingleImage({ src, deleteBySrc, disabled, imgTypeCls, }) {
     const cls = classNames({
@@ -168,11 +158,12 @@ function SingleImage({ src, deleteBySrc, disabled, imgTypeCls, }) {
     });
     const { data: realSrc, error } = useTempUrl(src);
     const encodeSrc = encodeConvert(realSrc);
+    // 圆括号冲突，加上引号引用url地址
     const imgStyle = {
-        backgroundImage: `url(${encodeURI(encodeSrc)})`,
+        backgroundImage: 'url("' + encodeURI(encodeSrc) + '")',
     };
     const showGallery = () => {
-        const gallery = weui.gallery(encodeURI(encodeSrc), {
+        const gallery = weui.gallery("'" + encodeURI(encodeSrc) + "'", {
             onDelete: function () {
                 if (!disabled) {
                     deleteBySrc(src);
@@ -181,27 +172,11 @@ function SingleImage({ src, deleteBySrc, disabled, imgTypeCls, }) {
             },
         });
     };
-    return (React.createElement("li", { className: `${cls} ${imgTypeCls}`, style: imgStyle, onClick: showGallery, "data-testid": "uploaderh5_imgStyle" }, error || status ? (React.createElement("div", { className: "weui-uploader__file-content" }, error ? (React.createElement("i", { role: "img", "aria-label": "\u9519\u8BEF", className: "weui-icon-warn" })) : (React.createElement("i", { className: `weui-loading ${imgTypeCls}`, style: { width: 30, height: 30 } })))) : (false)));
+    return (_jsx("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) }));
 }
 const UploaderLabel = ({ layout, label, currentCount, maxCount, requiredFlag, labelVisible, }) => {
     if (layout === 'horizontal') {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(React.Fragment, null, labelVisible && (React.createElement("div", { className: "weda-formcells__label weui-cell" },
-                React.createElement("div", null,
-                    React.createElement("p", { className: "weui-uploader__title" }, label),
-                    React.createElement("div", { className: "weui-uploader__info" },
-                        React.createElement("span", { id: "uploadCount" }, currentCount),
-                        "/",
-                        maxCount)),
-                requiredFlag && (React.createElement("label", { className: "weda-formcells__flag" }, "*")))))));
+        return (_jsx(React.Fragment, { children: _jsx(_Fragment, { children: labelVisible && (_jsxs("div", { className: "weda-formcells__label weui-cell", children: [_jsxs("div", { children: [_jsx("p", { className: "weui-uploader__title", children: label }), _jsxs("div", { className: "weui-uploader__info", children: [_jsx("span", { id: "uploadCount", children: currentCount }), "/", maxCount] })] }), requiredFlag && (_jsx("label", { className: "weda-formcells__flag", children: "*" }))] })) }) }));
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(React.Fragment, null, labelVisible && (React.createElement("div", { className: "weda-formcells__label weui-cell" },
-            React.createElement("div", { className: "weui-uploader__label" },
-                React.createElement("p", { className: "weui-uploader__title" }, label),
-                requiredFlag && (React.createElement("label", { className: "weda-formcells__flag" }, "*"))),
-            React.createElement("div", { className: "weui-uploader__info" },
-                React.createElement("span", { id: "uploadCount" }, 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: [_jsx("p", { className: "weui-uploader__title", children: label }), requiredFlag && (_jsx("label", { className: "weda-formcells__flag", children: "*" }))] }), _jsxs("div", { className: "weui-uploader__info", children: [_jsx("span", { id: "uploadCount", children: currentCount }), "/", maxCount] })] })) }) }));
 };