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

package/dist/web/components/form/input/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 { usePlatform } from '../../../utils/platform';
@@ -8,7 +9,7 @@ import './index.css';
 import { emptyObject } from '../../../utils/constant';
 export default function Input({ id, className, style, events = emptyObject, 
 // 组件属性
-label = '标题', labelVisible = true, name = 'formInput', defaultValue = '', password = false, placeholder = '请输入', type = 'text', maxLength = 140, disabled = false, focus: autoFocus = false, layout = 'horizontal', requiredFlag = false, size = 'l', clearable = true, decorator, }) {
+label = '标题', labelVisible = true, name = 'formInput', defaultValue = '', password = false, placeholder = '请输入', type = 'text', maxLength = 140, disabled = false, focus: autoFocus = false, layout = 'horizontal', requiredFlag = false, size = 'l', clearable = true, decorator, onChange: outerOnChange, }) {
     const platform = usePlatform();
     const cls = classNames({
         'weda-ui': true,
@@ -34,29 +35,34 @@ label = '标题', labelVisible = true, name = 'formInput', defaultValue = '', pa
         setTimeout(() => setHasInit(true));
     }, []);
     React.useEffect(() => {
+        var _a;
         if (['number', 'digit'].includes(type) && value === '' && hasInit) {
-            events.change({ value: null }, { originEvent: null });
+            (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: null }, { originEvent: null });
         }
     }, [value, type, hasInit]);
     const onChange = function (e) {
+        var _a;
         const text = typeof e === 'string' ? e : e.target.value;
         if (maxLength > 0 && text.length > maxLength) {
             return;
         }
         const newValue = text;
         setValue(newValue);
-        events.change({ value: newValue }, { originEvent: e });
+        outerOnChange === null || outerOnChange === void 0 ? void 0 : outerOnChange(newValue);
+        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: newValue }, { originEvent: e });
     };
     const onClear = function (e) {
-        events.clear({ originValue: value }, { originEvent: e });
-        events.change({ value: '' }, { originEvent: e });
+        var _a, _b;
+        (_a = events === null || events === void 0 ? void 0 : events.clear) === null || _a === void 0 ? void 0 : _a.call(events, { originValue: value }, { originEvent: e });
+        (_b = events === null || events === void 0 ? void 0 : events.change) === null || _b === void 0 ? void 0 : _b.call(events, { value: '' }, { originEvent: e });
         setValue('');
         e.preventDefault();
     };
     const onKeyDown = function (e) {
+        var _a;
         // 确认逻辑
         if (e.key === 'enter' || e.keyCode === 13) {
-            events.confirm({ value: e.target.value }, { originEvent: e });
+            (_a = events === null || events === void 0 ? void 0 : events.confirm) === null || _a === void 0 ? void 0 : _a.call(events, { value: e.target.value }, { originEvent: e });
         }
         // 数字类型的键盘, 不能输入e
         if (inputType === 'number' && e.key === 'e') {
@@ -64,21 +70,16 @@ label = '标题', labelVisible = true, name = 'formInput', defaultValue = '', pa
         }
     };
     const onFocus = function (e) {
-        events.focus({ value: e.target.value }, { originEvent: e });
+        var _a;
+        (_a = events === null || events === void 0 ? void 0 : events.focus) === null || _a === void 0 ? void 0 : _a.call(events, { value: e.target.value }, { originEvent: e });
         setIsFocus(true);
     };
     const onBlur = function (e) {
-        events.blur({ value: e.target.value }, { originEvent: e });
+        var _a;
+        (_a = events === null || events === void 0 ? void 0 : events.blur) === null || _a === void 0 ? void 0 : _a.call(events, { value: e.target.value }, { originEvent: e });
         setIsFocus(false);
     };
-    const fieldEl = platform === 'h5' ? (React.createElement("div", { className: subCls },
-        React.createElement("div", { className: "weui-cell__bd weui-flex" },
-            React.createElement("input", { className: "weui-input", "data-testid": "weui-input-test", type: inputType, placeholder: placeholder, value: value, disabled: disabled, name: name, autoFocus: autoFocus, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, role: "input" }),
-            clearable && (React.createElement("button", { "data-testid": "weui-btn_input-clear-test", className: "weui-btn_reset weui-btn_icon weui-btn_input-clear", onMouseDown: onClear },
-                React.createElement("i", { className: "weui-icon-clear" })))))) : (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement("div", { className: 'weui-pc-input' },
-            React.createElement(TeaInput, { "data-testid": "weui-input-test-pc", className: 'pc-input', size: size, type: inputType, placeholder: placeholder, value: value, disabled: disabled, name: name, autoFocus: autoFocus, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown }),
-            showPcClear && (React.createElement(Icon, { "data-testid": "weui-input-test-pc-clear", className: 'pc-clear', type: "dismiss", size: "s", onMouseDown: onClear })))));
+    const fieldEl = platform === 'h5' ? (_jsx("div", { className: subCls, children: _jsxs("div", { className: "weui-cell__bd weui-flex", children: [_jsx("input", { className: "weui-input", "data-testid": "weui-input-test", type: inputType, placeholder: placeholder, value: value, disabled: disabled, name: name, autoFocus: autoFocus, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, role: "input" }), clearable && (_jsx("button", { "data-testid": "weui-btn_input-clear-test", className: "weui-btn_reset weui-btn_icon weui-btn_input-clear", onMouseDown: onClear, children: _jsx("i", { className: "weui-icon-clear" }) }))] }) })) : (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { className: 'weui-pc-input', children: [_jsx(TeaInput, { "data-testid": "weui-input-test-pc", className: 'pc-input', size: size, type: inputType, placeholder: placeholder, value: value, disabled: disabled, name: name, autoFocus: autoFocus, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown }), showPcClear && (_jsx(Icon, { "data-testid": "weui-input-test-pc-clear", className: 'pc-clear', type: "dismiss", size: "s", onMouseDown: onClear }))] }) }));
     return renderDecorator(fieldEl, decorator)({
         id,
         className: cls,

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck
 import * as React from 'react';
@@ -336,9 +337,7 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
         changeSearchBoxHeight(false);
     };
     const renderMapView = () => {
-        return (React.createElement("div", { id: `form-map-choose-${mapDomName.current}`, style: { height: '100%', width: '100%', position: 'relative' } },
-            React.createElement("div", { className: "weda-ui_mapChoose_map_control", onClick: backToOrigin, onTouchEnd: backToOrigin },
-                React.createElement("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/16f372916b73decb45faa912e37f6e6f.svg", className: "weda-ui_mapChoose_map_control_img", alt: "" }))));
+        return (_jsx("div", { id: `form-map-choose-${mapDomName.current}`, style: { height: '100%', width: '100%', position: 'relative' }, children: _jsx("div", { className: "weda-ui_mapChoose_map_control", onClick: backToOrigin, onTouchEnd: backToOrigin, children: _jsx("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/16f372916b73decb45faa912e37f6e6f.svg", className: "weda-ui_mapChoose_map_control_img", alt: "" }) }) }));
     };
     const handletouchmove = (event) => {
         document.getElementsByClassName('map-choose-header_search_input')[0].blur();
@@ -384,58 +383,38 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
         relativePosition = searchListRef.current.scrollTop;
     };
     const renderSearchList = () => {
-        return (React.createElement("div", { className: classNames({
+        return (_jsxs("div", { className: classNames({
                 'weda-ui_mapChoose_search': true,
                 'weda-ui_mapChoose_search_pc': isPC,
-            }), style: { height: `${searchBoxHeight}px` }, onTouchStart: handletouchstart, onTouchMove: handletouchmove },
-            searchBoxHeight !== 328 && searchBoxHeight !== 282 && !isPC && (React.createElement("div", { className: "weda-ui_mapChoose_search_input_arrow", onClick: () => {
-                    changeSearchBoxHeight(false);
-                } },
-                React.createElement("span", { className: "weda-ui_mapChoose_search_input_arrow-con" }))),
-            React.createElement("div", { className: classNames({
-                    'map-choose-header': true,
-                    'map-choose-header_focus': isSearch,
-                }) },
-                React.createElement("div", { className: "map-choose-header_search" },
-                    React.createElement("input", { type: "text", onFocus: () => {
-                            handleFocus(true);
-                        }, onClick: (e) => {
-                            e.stopPropagation();
-                        }, onChange: changeSearchValue, value: searchValue, className: "map-choose-header_search_input" }),
-                    React.createElement("div", { className: classNames({
-                            'map-choose-header_search_place': true,
-                            'map-choose-header_search_place_value': searchValue,
-                        }) },
-                        React.createElement("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/388c48cdcbe9ca07f5682fb10d05ebdd.png", alt: "" }),
-                        React.createElement("span", null, "\u641C\u7D22\u5730\u70B9")),
-                    searchValue && (React.createElement("div", { className: "weda-ui_mapChoose_search_input_clear", onClick: changeSearchValue },
-                        React.createElement("p", { className: "weda-ui_mapChoose_search_input_clear_close" })))),
-                React.createElement("span", { className: "map-choose-header_search_cancel", onClick: cancleSearch }, "\u53D6\u6D88")),
-            searchLoadingStatus && !isSearch && (React.createElement("div", { className: "weda-ui_mapChoose_search_list_lodading" },
-                React.createElement("span", { className: "weda-ui_mapChoose_search_list_lodading_con" }))),
-            React.createElement("div", { className: classNames({
-                    'weda-ui_mapChoose_search_list': true,
-                    'weda-ui_mapChoose_search_list_top': searchBoxHeight !== 328 && searchBoxHeight !== 282 && !isPC,
-                }), onTouchStart: (e) => {
-                    e.stopPropagation();
-                }, onTouchMove: (e) => {
-                    e.stopPropagation();
-                }, ref: searchListRef, onScroll: searchListOnScroll }, (isSearch ? searchList : exploreList).map((item, index) => (React.createElement("div", { key: index, className: "weda-ui_mapChoose_search_list_li", onClick: () => {
-                    chooseLoction(item, isSearch);
-                } },
-                React.createElement("div", { className: "weda-ui_mapChoose_search_list_li_wrap" },
-                    React.createElement("div", { className: "weda-ui_mapChoose_search_list_li_title" }, item.title),
-                    React.createElement("div", { className: "weda-ui_mapChoose_search_list_li_con" }, item.address),
-                    item.id === chooseLoc.id && (React.createElement("span", { className: "weda-ui_mapChoose_search_list_li_con_choosed" })))))))));
+            }), style: { height: `${searchBoxHeight}px` }, onTouchStart: handletouchstart, onTouchMove: handletouchmove, children: [searchBoxHeight !== 328 && searchBoxHeight !== 282 && !isPC && (_jsx("div", { className: "weda-ui_mapChoose_search_input_arrow", onClick: () => {
+                        changeSearchBoxHeight(false);
+                    }, children: _jsx("span", { className: "weda-ui_mapChoose_search_input_arrow-con" }) })), _jsxs("div", { className: classNames({
+                        'map-choose-header': true,
+                        'map-choose-header_focus': isSearch,
+                    }), children: [_jsxs("div", { className: "map-choose-header_search", children: [_jsx("input", { type: "text", onFocus: () => {
+                                        handleFocus(true);
+                                    }, onClick: (e) => {
+                                        e.stopPropagation();
+                                    }, onChange: changeSearchValue, value: searchValue, className: "map-choose-header_search_input" }), _jsxs("div", { className: classNames({
+                                        'map-choose-header_search_place': true,
+                                        'map-choose-header_search_place_value': searchValue,
+                                    }), children: [_jsx("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/388c48cdcbe9ca07f5682fb10d05ebdd.png", alt: "" }), _jsx("span", { children: "\u641C\u7D22\u5730\u70B9" })] }), searchValue && (_jsx("div", { className: "weda-ui_mapChoose_search_input_clear", onClick: changeSearchValue, children: _jsx("p", { className: "weda-ui_mapChoose_search_input_clear_close" }) }))] }), _jsx("span", { className: "map-choose-header_search_cancel", onClick: cancleSearch, children: "\u53D6\u6D88" })] }), searchLoadingStatus && !isSearch && (_jsx("div", { className: "weda-ui_mapChoose_search_list_lodading", children: _jsx("span", { className: "weda-ui_mapChoose_search_list_lodading_con" }) })), _jsx("div", { className: classNames({
+                        'weda-ui_mapChoose_search_list': true,
+                        'weda-ui_mapChoose_search_list_top': searchBoxHeight !== 328 && searchBoxHeight !== 282 && !isPC,
+                    }), onTouchStart: (e) => {
+                        e.stopPropagation();
+                    }, onTouchMove: (e) => {
+                        e.stopPropagation();
+                    }, ref: searchListRef, onScroll: searchListOnScroll, children: (isSearch ? searchList : exploreList).map((item, index) => (_jsx("div", { className: "weda-ui_mapChoose_search_list_li", onClick: () => {
+                            chooseLoction(item, isSearch);
+                        }, children: _jsxs("div", { className: "weda-ui_mapChoose_search_list_li_wrap", children: [_jsx("div", { className: "weda-ui_mapChoose_search_list_li_title", children: item.title }), _jsx("div", { className: "weda-ui_mapChoose_search_list_li_con", children: item.address }), item.id === chooseLoc.id && (_jsx("span", { className: "weda-ui_mapChoose_search_list_li_con_choosed" }))] }) }, index))) })] }));
     };
     const renderOutTip = () => {
-        return (React.createElement("div", { className: classNames({
+        return (_jsxs("div", { className: classNames({
                 'weda-ui_mapChoose_outTip': true,
                 'weda-ui_mapChoose_outTip_block': isOutofrange,
                 'weda-ui_mapChoose_outTip_pc': isPC,
-            }) },
-            isOutofrange && (React.createElement(Icon, { type: "warning", size: "default", color: "#ED7B2F", style: { marginRight: '9px' } })),
-            isOutofrange && React.createElement("span", null, "\u5B9A\u4F4D\u8D85\u51FA\u5141\u8BB8\u8303\u56F4,\u8BF7\u8C03\u6574")));
+            }), children: [isOutofrange && (_jsx(Icon, { type: "warning", size: "default", color: "#ED7B2F", style: { marginRight: '9px' } })), isOutofrange && _jsx("span", { children: "\u5B9A\u4F4D\u8D85\u51FA\u5141\u8BB8\u8303\u56F4,\u8BF7\u8C03\u6574" })] }));
     };
     const getRadius = () => {
         let radius = 0;
@@ -470,26 +449,15 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
         return isOutofrange || !chooseLoc.id;
     };
     if (isPC) {
-        return (React.createElement("div", { className: classNames('map-choose', 'map-choose-pc', 'weda-ui_map-choose') },
-            renderOutTip(),
-            React.createElement("div", { className: classNames({
-                    'map-choose-pc_warp': true,
-                    'map-choose-pc_warp_out': isOutofrange,
-                }) },
-                React.createElement("div", { className: "map-choose-pc-left" }, renderSearchList()),
-                React.createElement("div", { className: "map-choose-pc-right" }, renderMapView()))));
+        return (_jsxs("div", { className: classNames('map-choose', 'map-choose-pc', 'weda-ui_map-choose'), children: [renderOutTip(), _jsxs("div", { className: classNames({
+                        'map-choose-pc_warp': true,
+                        'map-choose-pc_warp_out': isOutofrange,
+                    }), children: [_jsx("div", { className: "map-choose-pc-left", children: renderSearchList() }), _jsx("div", { className: "map-choose-pc-right", children: renderMapView() })] })] }));
     }
-    return (React.createElement("div", { className: "map-choose weda-ui_map-choose" },
-        renderOutTip(),
-        React.createElement("div", { className: "weda-ui_mapChoose_map", style: { height: `${mapBoxHeight}px` } },
-            React.createElement("div", { className: "weda-ui_mapChoose_msg" },
-                React.createElement("div", { className: classNames({
-                        'weda-ui_mapChoose_confirm': true,
-                        'weda-ui_mapChoose_confirm_disable': getConfirm(),
-                    }), onClick: () => {
-                        !getConfirm() && onConfirm();
-                    } }, "\u786E\u5B9A"),
-                React.createElement("div", { className: "weda-ui_mapChoose_colse", onClick: onClose }, "\u53D6\u6D88")),
-            renderMapView()),
-        renderSearchList()));
+    return (_jsxs("div", { className: "map-choose weda-ui_map-choose", children: [renderOutTip(), _jsxs("div", { className: "weda-ui_mapChoose_map", style: { height: `${mapBoxHeight}px` }, children: [_jsxs("div", { className: "weda-ui_mapChoose_msg", children: [_jsx("div", { className: classNames({
+                                    'weda-ui_mapChoose_confirm': true,
+                                    'weda-ui_mapChoose_confirm_disable': getConfirm(),
+                                }), onClick: () => {
+                                    !getConfirm() && onConfirm();
+                                }, children: "\u786E\u5B9A" }), _jsx("div", { className: "weda-ui_mapChoose_colse", onClick: onClose, children: "\u53D6\u6D88" })] }), renderMapView()] }), renderSearchList()] }));
 }

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck
 import * as React from 'react';
@@ -162,7 +163,7 @@ export default function MapView({ APIKEY = '', drag = true, zoom = true, latlng
             control.setPosition(TMap.constants.CONTROL_POSITION.BOTTOM_RIGHT);
         }
     };
-    return (React.createElement("div", { ref: mapDom, id: `form-location-map-${mapDomName.current}`, style: { height: '100%', width: '100%' } }));
+    return (_jsx("div", { ref: mapDom, id: `form-location-map-${mapDomName.current}`, style: { height: '100%', width: '100%' } }));
 }
 MapView.propTypes = {
     APIKEY: PropTypes.string,

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck
 import * as React from 'react';
@@ -31,14 +32,9 @@ export default function SelectModal({ currentLocations = defaultLatLng, location
         };
         positionRef.current = loc;
     };
-    return (React.createElement(Modal, { visible: isSelectMapVisible, caption: "\u9009\u62E9\u5730\u7406\u4F4D\u7F6E", onClose: close, className: classNames({
+    return (_jsxs(Modal, { visible: isSelectMapVisible, caption: "\u9009\u62E9\u5730\u7406\u4F4D\u7F6E", onClose: close, className: classNames({
             'weda-ui_form-select': true,
             'form-select-map': !isPC,
             'form-select-map-pc': isPC,
-        }), ...(isPC ? { size: 1200 } : {}) },
-        React.createElement(Modal.Body, null,
-            React.createElement(MapChoose, { latlng: latlng, currentLocations: currentLocations, changeLocation: getPosition, isPC: isPC, APIKEY: APIKEY, onClose: close, onConfirm: confirm, locationRange: locationRange, customRange: customRange, setConfirmStatus: setConfirmStatus })),
-        React.createElement(Modal.Footer, null,
-            React.createElement(Button, { type: "primary", onClick: confirm, disabled: confirmStatus }, "\u786E\u5B9A"),
-            React.createElement(Button, { type: "weak", onClick: close }, "\u53D6\u6D88"))));
+        }), ...(isPC ? { size: 1200 } : {}), children: [_jsx(Modal.Body, { children: _jsx(MapChoose, { latlng: latlng, currentLocations: currentLocations, changeLocation: getPosition, isPC: isPC, APIKEY: APIKEY, onClose: close, onConfirm: confirm, locationRange: locationRange, customRange: customRange, setConfirmStatus: setConfirmStatus }) }), _jsxs(Modal.Footer, { children: [_jsx(Button, { type: "primary", onClick: confirm, disabled: confirmStatus, children: "\u786E\u5B9A" }), _jsx(Button, { type: "weak", onClick: close, children: "\u53D6\u6D88" })] })] }));
 }

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck
 import * as React from 'react';
@@ -17,7 +18,7 @@ export default function LocationH5(props) {
     // 系统属性
     id, className, style, events, 
     // 组件属性
-    value, label, labelVisible, showLngLat, showMap, drag, zoom, disabled, requiredFlag, decorator, locationType, dataSource, layout, locationRange, customRange, } = props;
+    value, label, labelVisible, showLngLat, showMap, drag, zoom, disabled, requiredFlag, decorator, locationType, dataSource, onChange, layout, locationRange, customRange, } = props;
     const cls = classNames({
         'weda-ui': true,
         cloudbase_standard: true,
@@ -246,16 +247,18 @@ export default function LocationH5(props) {
     };
     const onChangeLocation = (value) => {
         const { poiname, latlng, detailedAddress } = value;
-        let res = {
-            value: {
-                address: poiname,
-                detailedAddress,
-                geopoint: {
-                    coordinates: [latlng.lng, latlng.lat],
-                    type: 'Point',
-                },
+        const finalValue = {
+            address: poiname,
+            detailedAddress,
+            geopoint: {
+                coordinates: [latlng.lng, latlng.lat],
+                type: 'Point',
             },
         };
+        const res = {
+            value: finalValue,
+        };
+        onChange === null || onChange === void 0 ? void 0 : onChange(finalValue);
         events.change && events.change(res);
     };
     const getIsShowMap = () => {
@@ -290,31 +293,16 @@ export default function LocationH5(props) {
         }
         return status;
     };
-    const LocationEl = (React.createElement("div", { className: "form-location weda-ui_form-location", "data-testid": "form-location" },
-        React.createElement("div", { className: `form-location-warp ${styles.locationDisabled}`, style: { display: layout === 'vertical' ? 'block' : 'flex' } },
-            labelVisible && (React.createElement("div", { className: "form-location-label" },
-                React.createElement("label", null, label),
-                requiredFlag && React.createElement("span", null, "*"))),
-            React.createElement("div", { className: classNames({
-                    'form-location-con': true,
-                    [styles.locationContent]: true,
-                    'form-location-con_vertical': layout === 'vertical',
-                }) },
-                React.createElement("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/6542e1ce1dd36a90085b2eb979801df9.png", alt: "" }),
-                React.createElement("span", { className: classNames({ 'form-location-con_disabled': disabled }), onClick: handleChooseLocation }, "\u9009\u62E9\u5730\u7406\u4F4D\u7F6E"))),
-        getIsShowAddr() && (React.createElement("div", { className: classNames({
-                'form-location-addr': true,
-                'form-location-addr-vertical': layout === 'vertical',
-            }) },
-            React.createElement("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/f9729e0b091f394110a6e12d3f4e7290.png", alt: "" }),
-            React.createElement("div", null,
-                location.poiname && (React.createElement("div", { className: "form-location-addr-title" }, location.poiname)),
-                showLngLat && (React.createElement("div", { className: "form-location-addr-lat" }, location.latlng
-                    ? `${location.latlng.lat}N,${location.latlng.lng}E`
-                    : ''))))),
-        getIsShowMap() && (React.createElement("div", { className: "form-map-container", style: { height: '200px' } },
-            React.createElement(MapView, { APIKEY: APIKEY, drag: drag, zoom: zoom, latlng: location.latlng }))),
-        React.createElement(SelectModal, { isSelectMapVisible: isSelectMapVisible, setIsSelectMapVisible: setIsSelectMapVisible, location: location, currentLocations: currentLocations.current, setLocation: setLocation, chooseLocation: onChangeLocation, APIKEY: APIKEY, locationRange: locationRange, customRange: customRange })));
+    const LocationEl = (_jsxs("div", { className: "form-location weda-ui_form-location", "data-testid": "form-location", children: [_jsxs("div", { className: `form-location-warp ${styles.locationDisabled}`, style: { display: layout === 'vertical' ? 'block' : 'flex' }, children: [labelVisible && (_jsxs("div", { className: "form-location-label", children: [_jsx("label", { children: label }), requiredFlag && _jsx("span", { children: "*" })] })), _jsxs("div", { className: classNames({
+                            'form-location-con': true,
+                            [styles.locationContent]: true,
+                            'form-location-con_vertical': layout === 'vertical',
+                        }), children: [_jsx("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/6542e1ce1dd36a90085b2eb979801df9.png", alt: "" }), _jsx("span", { className: classNames({ 'form-location-con_disabled': disabled }), onClick: handleChooseLocation, children: "\u9009\u62E9\u5730\u7406\u4F4D\u7F6E" })] })] }), getIsShowAddr() && (_jsxs("div", { className: classNames({
+                    'form-location-addr': true,
+                    'form-location-addr-vertical': layout === 'vertical',
+                }), children: [_jsx("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/f9729e0b091f394110a6e12d3f4e7290.png", alt: "" }), _jsxs("div", { children: [location.poiname && (_jsx("div", { className: "form-location-addr-title", children: location.poiname })), showLngLat && (_jsx("div", { className: "form-location-addr-lat", children: location.latlng
+                                    ? `${location.latlng.lat}N,${location.latlng.lng}E`
+                                    : '' }))] })] })), getIsShowMap() && (_jsx("div", { className: "form-map-container", style: { height: '200px' }, children: _jsx(MapView, { APIKEY: APIKEY, drag: drag, zoom: zoom, latlng: location.latlng }) })), _jsx(SelectModal, { isSelectMapVisible: isSelectMapVisible, setIsSelectMapVisible: setIsSelectMapVisible, location: location, currentLocations: currentLocations.current, setLocation: setLocation, chooseLocation: onChangeLocation, APIKEY: APIKEY, locationRange: locationRange, customRange: customRange })] }));
     return renderDecorator(LocationEl, decorator)({
         id,
         className: cls,

package/dist/web/components/form/location/components/LocationPC/Header.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from 'tea-component';
 import classNames from '../../../../../utils/classnames';
 const Header = ({ onClick, isEdit, info, disabled, showLngLat, locationType, dataSourceStatus, apiKeyStatus, currentLocStatus, }) => {
@@ -22,22 +22,13 @@ const Header = ({ onClick, isEdit, info, disabled, showLngLat, locationType, dat
         }
         return status;
     };
-    return (React.createElement("div", { className: classNames({
+    return (_jsxs("div", { className: classNames({
             'wedatea2td-justify-grid _weda-fn-map__local': true,
             'weda-fn-map__local_loc': true,
             'weda-fn-map__local_edit': isEdit,
-        }) },
-        isEdit ? (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "wedatea2td-justify-grid__col wedatea2td-justify-grid__col--right weda-fn-map__local_loc_btn" },
-                React.createElement(Button, { type: buttonType, onClick: onClick, disabled: disabled }, buttonText)))) : (React.createElement("div", { className: "wedatea2td-justify-grid__col wedatea2td-justify-grid__col--left weda-fn-map__local_loc_btn_left" },
-            React.createElement(Button, { type: buttonType, onClick: onClick, disabled: disabled }, buttonText))),
-        getIsShowAddr() && (React.createElement("div", { className: classNames('wedatea2td-justify-grid__col', 'wedatea2td-justify-grid__col--left', 'weda-fn-map__local_wrap') },
-            React.createElement("i", { className: "wedatea2td-icon _weda-fn-icon-local weda-fn-map__local_wrap_icon" }),
-            React.createElement("div", { className: "weda-fn-map__local_wrap_addr" },
-                poiname && (React.createElement("span", { className: classNames('wedatea2td-fz-reset', 'form-location-map-pc-address') }, poiname)),
-                showLngLat ? (React.createElement("div", { className: classNames({
-                        'form-location-addr-lat': true,
-                        'form-location-map-pc-latlng': true,
-                    }) }, latlng.lat ? `${latlng.lat}N,${latlng.lng}E` : '')) : null)))));
+        }), children: [isEdit ? (_jsx(_Fragment, { children: _jsx("div", { className: "wedatea2td-justify-grid__col wedatea2td-justify-grid__col--right weda-fn-map__local_loc_btn", children: _jsx(Button, { type: buttonType, onClick: onClick, disabled: disabled, children: buttonText }) }) })) : (_jsx("div", { className: "wedatea2td-justify-grid__col wedatea2td-justify-grid__col--left weda-fn-map__local_loc_btn_left", children: _jsx(Button, { type: buttonType, onClick: onClick, disabled: disabled, children: buttonText }) })), getIsShowAddr() && (_jsxs("div", { className: classNames('wedatea2td-justify-grid__col', 'wedatea2td-justify-grid__col--left', 'weda-fn-map__local_wrap'), children: [_jsx("i", { className: "wedatea2td-icon _weda-fn-icon-local weda-fn-map__local_wrap_icon" }), _jsxs("div", { className: "weda-fn-map__local_wrap_addr", children: [poiname && (_jsx("span", { className: classNames('wedatea2td-fz-reset', 'form-location-map-pc-address'), children: poiname })), showLngLat ? (_jsx("div", { className: classNames({
+                                    'form-location-addr-lat': true,
+                                    'form-location-map-pc-latlng': true,
+                                }), children: latlng.lat ? `${latlng.lat}N,${latlng.lng}E` : '' })) : null] })] }))] }));
 };
 export default Header;

package/dist/web/components/form/location/components/LocationPC/location.PC.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck
 import * as React from 'react';
@@ -19,7 +20,7 @@ export default function LocationPC(props) {
     // 系统属性
     id, className, style, events, 
     // 组件属性
-    value, label, labelVisible, locationType, showLngLat, showMap, drag, zoom, disabled, requiredFlag, decorator, dataSource, layout, locationRange, customRange, } = props;
+    value, label, labelVisible, locationType, showLngLat, showMap, drag, zoom, disabled, requiredFlag, decorator, dataSource, layout, locationRange, customRange, onChange, } = props;
     const cls = classNames({
         'weda-ui': true,
         cloudbase_standard: true,
@@ -111,17 +112,19 @@ export default function LocationPC(props) {
     };
     const onChangeLocation = (value) => {
         const { poiname, latlng, detailedAddress } = value;
+        const finalValue = {
+            address: poiname,
+            detailedAddress,
+            geopoint: {
+                coordinates: [latlng.lng, latlng.lat],
+                type: 'Point',
+            },
+        };
         events.change &&
             events.change({
-                value: {
-                    address: poiname,
-                    detailedAddress,
-                    geopoint: {
-                        coordinates: [latlng.lng, latlng.lat],
-                        type: 'Point',
-                    },
-                },
+                value: finalValue,
             });
+        onChange === null || onChange === void 0 ? void 0 : onChange(finalValue);
         setUserSelectStatus('selected');
     };
     useEffect(() => {
@@ -203,12 +206,7 @@ export default function LocationPC(props) {
         }
         return status;
     };
-    const LocationEl = (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement("div", { className: classNames('_weda-fn-map', className), "data-testid": "_weda-fn-map", style: style },
-            React.createElement(Header, { isEdit: userSelectStatus === 'selected', info: location, onClick: handleChooseLocation, disabled: disabled, showLngLat: showLngLat, locationType: locationType, apiKeyStatus: apiKeyStatus, currentLocStatus: currentLocStatus, dataSourceStatus: dataSourceStatus.status }),
-            getIsShowMap() ? (React.createElement("div", { className: classNames('form-location-map-pc') },
-                React.createElement(MapView, { APIKEY: APIKEY, drag: drag, zoom: zoom, latlng: location.latlng }))) : null),
-        React.createElement(SelectModal, { currentLocations: currentLocations.current, isSelectMapVisible: isSelectMapVisible, setIsSelectMapVisible: setIsSelectMapVisible, location: location, setLocation: setLocation, APIKEY: APIKEY, chooseLocation: onChangeLocation, locationRange: locationRange, customRange: customRange })));
+    const LocationEl = (_jsxs(ConfigProvider, { classPrefix: "wedatea2td", children: [_jsxs("div", { className: classNames('_weda-fn-map', className), "data-testid": "_weda-fn-map", style: style, children: [_jsx(Header, { isEdit: userSelectStatus === 'selected', info: location, onClick: handleChooseLocation, disabled: disabled, showLngLat: showLngLat, locationType: locationType, apiKeyStatus: apiKeyStatus, currentLocStatus: currentLocStatus, dataSourceStatus: dataSourceStatus.status }), getIsShowMap() ? (_jsx("div", { className: classNames('form-location-map-pc'), children: _jsx(MapView, { APIKEY: APIKEY, drag: drag, zoom: zoom, latlng: location.latlng }) })) : null] }), _jsx(SelectModal, { currentLocations: currentLocations.current, isSelectMapVisible: isSelectMapVisible, setIsSelectMapVisible: setIsSelectMapVisible, location: location, setLocation: setLocation, APIKEY: APIKEY, chooseLocation: onChangeLocation, locationRange: locationRange, customRange: customRange })] }));
     return renderDecorator(LocationEl, decorator)({
         id,
         className: cls,

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ConfigProvider } from 'tea-component';
 import './index.css';
 import { usePlatform } from '../../../utils/platform';
@@ -7,18 +7,16 @@ import LocationPC from './components/LocationPC/location.PC';
 import { CommonErrorBoundary } from '../../common/error-boundary';
 import { useLoopRenderDetect } from '../../common/use-loop-render-detect';
 export default function Location(props) {
-    return (React.createElement(CommonErrorBoundary, null,
-        React.createElement(LocationImpl, { ...props })));
+    return (_jsx(CommonErrorBoundary, { children: _jsx(LocationImpl, { ...props }) }));
 }
 function LocationImpl(props) {
     const platform = usePlatform();
     useLoopRenderDetect();
     if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {
-        return React.createElement(LocationPC, { ...props });
+        return _jsx(LocationPC, { ...props });
     }
     if ((props === null || props === void 0 ? void 0 : props.showType) === 'h5') {
-        return React.createElement(LocationH5, { ...props });
+        return _jsx(LocationH5, { ...props });
     }
-    return platform === 'h5' ? (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement(LocationH5, { ...props }))) : (React.createElement(LocationPC, { ...props }));
+    return platform === 'h5' ? (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(LocationH5, { ...props }) })) : (_jsx(LocationPC, { ...props }));
 }

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useState } from 'react';
 import { ConfigProvider, Radio as TeaRadio } from 'tea-component';
 import { usePlatform } from '../../../utils/platform';
@@ -13,7 +14,7 @@ export default function Radio({
 // 系统属性
 id, className, style, events = emptyObject, 
 // 组件属性
-label = '标题', labelVisible = true, format = '', enumName = '', name = 'formRadio', range = emptyArray, layout = 'horizontal', disabled = false, requiredFlag = false, decorator, }) {
+label = '标题', labelVisible = true, format = '', enumName = '', name = 'formRadio', range = emptyArray, layout = 'horizontal', disabled = false, requiredFlag = false, decorator, onChange: outerOnChange, }) {
     var _a;
     const platform = usePlatform();
     const isH5 = platform === 'h5';
@@ -76,6 +77,7 @@ label = '标题', labelVisible = true, format = '', enumName = '', name = 'formR
             if (!disabled) {
                 setCheckedItemValue(value);
                 events.change({ value }, { originEvent: e });
+                outerOnChange === null || outerOnChange === void 0 ? void 0 : outerOnChange(value);
             }
         };
         return onChange;
@@ -87,21 +89,15 @@ label = '标题', labelVisible = true, format = '', enumName = '', name = 'formR
         radioElement = option.map(({ label, value }, index) => {
             const _id = `radio-${hashcode}-${index}`;
             const _name = `radio-${hashcode}-${name}`;
-            return (React.createElement("div", { className: subCls, key: _id, onClickCapture: getChangeHandler(value) },
-                React.createElement("div", { className: "weui-cell__hd" },
-                    React.createElement("input", { type: "radio", className: "weui-check", value: value, name: _name, id: _id, checked: checkedItemValue === value, disabled: disabled, onClick: (e) => e.stopPropagation() }),
-                    React.createElement("i", { className: "weui-icon-checked" })),
-                React.createElement("div", { className: "weui-cell__bd" },
-                    React.createElement("p", null, label))));
+            return (_jsxs("div", { className: subCls, onClickCapture: getChangeHandler(value), children: [_jsxs("div", { className: "weui-cell__hd", children: [_jsx("input", { type: "radio", className: "weui-check", value: value, name: _name, id: _id, checked: checkedItemValue === value, disabled: disabled, onClick: (e) => e.stopPropagation() }), _jsx("i", { className: "weui-icon-checked" })] }), _jsx("div", { className: "weui-cell__bd", children: _jsx("p", { children: label }) })] }, _id));
         });
     }
     else {
         // pc
-        radioElement = (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-            React.createElement(TeaRadio.Group, { disabled: disabled, value: checkedItemValue, onChange: (value, { event }) => getChangeHandler(value)(event) }, option.map(({ value, label }, index) => {
-                const _id = `radio-${hashcode}-${index}`;
-                return (React.createElement(TeaRadio, { key: _id, name: value, id: _id }, label));
-            }))));
+        radioElement = (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(TeaRadio.Group, { disabled: disabled, value: checkedItemValue, onChange: (value, { event }) => getChangeHandler(value)(event), children: option.map(({ value, label }, index) => {
+                    const _id = `radio-${hashcode}-${index}`;
+                    return (_jsx(TeaRadio, { name: value, id: _id, children: label }, _id));
+                }) }) }));
     }
     return renderDecorator(radioElement, decorator)({
         id,

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import FormCell from './formcell';
 /**
@@ -7,7 +8,7 @@ import FormCell from './formcell';
 export function renderDecorator(filedNode, DecoratorComponent = FormCell) {
     if (!DecoratorComponent) {
         return function WedaFormField() {
-            return React.createElement(React.Fragment, null, filedNode);
+            return _jsx(React.Fragment, { children: filedNode });
         };
     }
     return function WedaFormFiled(decoratorProps) {
@@ -15,6 +16,6 @@ export function renderDecorator(filedNode, DecoratorComponent = FormCell) {
             decoratorProps = DecoratorComponent[1];
             DecoratorComponent = DecoratorComponent[0];
         }
-        return (React.createElement(DecoratorComponent, { ...decoratorProps }, filedNode));
+        return (_jsx(DecoratorComponent, { ...decoratorProps, children: filedNode }));
     };
 }