@cloudbase/weda-ui 3.5.3 → 3.6.0

package/dist/web/components/flow/modules/operations/controls-items/roll-back-modal.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { Button, Modal, Select, Form, Radio, message } from 'tea-component';
+import { Button, Modal, Select, Form, Radio, message, Input, } from 'tea-component';
 import { flowRequest } from '../../../common';
 import { FlowCheckListPopup } from './check-list-popup';
 /** 回退弹窗 */
 export function RollbackModal(props) {
-    const { visible, isH5, preElementList, selectedNodeId, setSelectedNodeId, onOpen, onClose, rollBack, } = useRollbackModel(props);
+    const { visible, isH5, preElementList, selectedNodeId, rollbackComment, setSelectedNodeId, setRollbackComment, onOpen, onClose, rollBack, } = useRollbackModel(props);
     const renderModal = () => {
-        return (_jsxs(Modal, { visible: visible, caption: '流程回退', onClose: onClose, children: [_jsx(Modal.Body, { children: _jsx(Form, { children: _jsx(Form.Item, { label: '选择回退节点', children: _jsx(Select, { size: "full", appearance: "button", matchButtonWidth: true, options: preElementList, value: selectedNodeId, onChange: (value) => setSelectedNodeId(value), style: { width: 200 } }) }) }) }), _jsxs(Modal.Footer, { children: [_jsx(Button, { type: "primary", disabled: (preElementList === null || preElementList === void 0 ? void 0 : preElementList.length) === 0 || !selectedNodeId, onClick: rollBack, children: "\u786E\u5B9A" }), _jsx(Button, { type: "weak", onClick: onClose, children: "\u53D6\u6D88" })] })] }));
+        return (_jsxs(Modal, { visible: visible, caption: '流程回退', onClose: onClose, children: [_jsx(Modal.Body, { children: _jsxs(Form, { children: [_jsx(Form.Item, { label: '选择回退节点', children: _jsx(Select, { size: "full", appearance: "button", matchButtonWidth: true, options: preElementList, value: selectedNodeId, onChange: (value) => setSelectedNodeId(value), style: { width: 200 } }) }), _jsx(Form.Item, { label: "\u56DE\u9000\u610F\u89C1", children: _jsx(Input.TextArea, { value: rollbackComment, size: "full", onChange: (value) => setRollbackComment(value) }) })] }) }), _jsxs(Modal.Footer, { children: [_jsx(Button, { type: "primary", disabled: (preElementList === null || preElementList === void 0 ? void 0 : preElementList.length) === 0 || !selectedNodeId, onClick: rollBack, children: "\u786E\u5B9A" }), _jsx(Button, { type: "weak", onClick: onClose, children: "\u53D6\u6D88" })] })] }));
     };
     const renderPopup = () => {
         return (_jsx(FlowCheckListPopup, { visible: visible, onClose: onClose, title: "\u8BF7\u9009\u62E9\u56DE\u9000\u8282\u70B9", overlayStyle: { zIndex: 998 }, height: 550, confirmButtonProps: {
@@ -26,6 +26,7 @@ function useRollbackModel(params) {
     /** 可回退节点列表 */
     const [preElementList, setPreElementList] = useState([]);
     const [selectedNodeId, setSelectedNodeId] = useState('');
+    const [rollbackComment, setRollbackComment] = useState('');
     useEffect(() => {
         visible && getPreElementList();
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -63,6 +64,10 @@ function useRollbackModel(params) {
     /** 回退请求 */
     const rollBack = async () => {
         var _a;
+        if (!selectedNodeId) {
+            message.error({ content: '请选择回退节点' });
+            return;
+        }
         const result = await flowRequest({
             action: 'RollBack',
             data: {
@@ -74,6 +79,7 @@ function useRollbackModel(params) {
                 sourceType: 1,
                 targetNodeId: selectedNodeId,
                 targetActTaskId: (_a = preElementList.find((item) => item.value === selectedNodeId)) === null || _a === void 0 ? void 0 : _a.actTaskId,
+                comment: rollbackComment,
             },
         }, { previewData: { Status: true } });
         if (result) {
@@ -88,7 +94,9 @@ function useRollbackModel(params) {
         visible,
         preElementList,
         selectedNodeId,
+        rollbackComment,
         setSelectedNodeId,
+        setRollbackComment,
         onOpen,
         onClose,
         rollBack,

package/dist/web/components/flow/modules/operations/style.css

@@ -5,6 +5,9 @@
   text-align: center;
   padding: 20px;
 }
+.weda-flow-control .weda-ui-user-selected {
+  display: none;
+}
 .weda-flow-h5-control {
   padding: 20px 0px;
 }

package/dist/web/components/flow/modules/operations/view-model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFlowModulesProps } from '../../common';
 import { IFlowControlConfigKey, IFlowAfterAction } from './config';
 export type IFlowControlModel = ReturnType<typeof useFlowControlModel>;

package/dist/web/components/flow/process/components/timeline/style.css

@@ -18,12 +18,12 @@
 .weda-process-timeline-dot {
   width: 4px;
   height: 4px;
-  border: 2px solid #0052d9;
+  border: 2px solid var(--wd-color-brand, #0052d9);
   border-radius: 50%;
   box-sizing: unset;
 }
 .weda-process-timeline-dot.primary {
-  border-color: #0052d9;
+  border-color: var(--wd-color-brand, #0052d9);
 }
 .weda-process-timeline-dot.error {
   border-color: #e45561;

package/dist/web/components/form/enumSelect/NormalSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const NormalSelect: {
     ({ id, style, className, events, label, labelVisible, layout, requiredFlag, decorator, value, placeholder, disabled, onChange, clearable, appearance, matchButtonWidth, virtual, searchable, size, options, isModelApp, }: {
         id: any;

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

@@ -120,7 +120,7 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
             }
             catch (err) {
                 (_e = events === null || events === void 0 ? void 0 : events.onInitDataSourceFieldsWithAuth) === null || _e === void 0 ? void 0 : _e.call(events, authValue);
-                alertError(platform, `获取数据源字段权限信息失败,字段权限可能无法正确展示,错误信息:${err}`);
+                alertError(platform, `获取数据源字段权限信息失败,字段权限可能无法正确展示,错误信息:${err === null || err === void 0 ? void 0 : err.message}`);
                 console.error('getDataSourceFieldsWithAuth err', err);
             }
         };

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

@@ -81,11 +81,12 @@
   line-height: 2.875em;
   text-align: center;
   font-size: 1em;
-  color: #0079ff;
   background-color: #fff;
   cursor: pointer;
   display: none;
   white-space: nowrap;
+  color: var(--wd-color-brand, #0079ff);
+  border-color: var(--wd-color-brand, #0079ff);
 }
 .map-choose-header_search img {
   width: 16px;
@@ -209,7 +210,7 @@
 
 .weda-ui_mapChoose_confirm {
   right: 20px;
-  background: #0052d9;
+  background-color: var(--wd-color-brand, #0052d9);
 }
 
 .weda-ui_mapChoose_confirm_disable {
@@ -294,7 +295,7 @@
 }
 
 .weda-ui_mapChoose_search_input_cancel {
-  color: #0052d9;
+  color: var(--wd-color-brand, #0052d9);
   word-wrap: keep-all;
   margin-left: 12px;
 }
@@ -409,19 +410,20 @@
 .weda-ui_mapChoose_search_list_li_con_choosed {
   width: 0.5em;
   height: 1em;
-  border-color: #0052d9;
   border-style: solid;
   border-width: 0 1.5px 1.5px 0;
   transform: rotate(45deg);
   position: absolute;
   top: 40%;
   right: 0.75em;
+  color: var(--wd-color-brand, #0052d9);
+  border-color: var(--wd-color-brand, #0079ff);
 }
 
 .weda-ui_mapChoose_search_list_lodading_con {
   width: 30px;
   height: 30px;
-  border: 2px solid #0052d9;
+  border: 2px solid var(--wd-color-brand, #0052d9);
   border-top-color: transparent;
   border-radius: 100%;
   animation: circle infinite 0.75s linear;

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

@@ -7,6 +7,7 @@ import debounce from '../../../../utils/debounce';
 import { tmapApiUrl } from '../constants';
 import { getTMap, calculateDistance, base64LocationIcon, } from '../../../../utils/tmap';
 import { Icon } from 'tea-component';
+import { inH5IsMobile } from '../../../../utils/platform';
 import './style';
 const { useEffect, useState, useRef, useMemo } = React;
 let relativePosition;
@@ -14,6 +15,7 @@ const defaultLatLng = {
     lat: null,
     lng: null,
 };
+let userLocation; // 本地缓存，间隔x秒钟再发一次请求当前默认位置
 export default function MapChoose({ changeLocation, onConfirm, onClose, currentLocations, latlng = defaultLatLng, isPC, APIKEY = '', locationRange, customRange, setConfirmStatus, }) {
     const { lat, lng } = latlng;
     const mapRef = useRef();
@@ -38,6 +40,7 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
     const [searchLoadingStatus, setSearchLoadingStatus] = useState(false);
     const [isOutofrange, setIsOutofrange] = useState(false);
     const [searchBoxHeight, setSearchBoxHeight] = useState(328);
+    const [controlLoading, setControlLoading] = useState(false);
     const touchCoordinate = useRef({
         startY: 0,
         lastY: 0,
@@ -156,6 +159,8 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
         const TMap = getTMap();
         const canLoad = TMap && lat && lng && mapRef.current;
         if (canLoad) {
+            setExploreList([]);
+            cancelSearch();
             const currentLocationsLatlng = currentLocations.latlng;
             let centerPosition = mapRef.current.getCenter();
             centerRef.current = centerPosition;
@@ -276,7 +281,7 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
             setExploreList([item]);
         });
     };
-    const chooseLoction = (value, type) => {
+    const chooseLoction = (value) => {
         const TMap = getTMap();
         //定义地图中心点坐标
         const center = new TMap.LatLng(value.location.lat, value.location.lng);
@@ -290,15 +295,8 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
         ]);
         setChooseLoc(value);
         changeLocation(value);
-        if (type) {
-            setExploreList([]);
-            cancelSearch();
-            mapDrag();
-        }
-        else {
-            const currentLocationsLatlng = currentLocations.latlng;
-            compareDistance(currentLocationsLatlng, value.location);
-        }
+        const currentLocationsLatlng = currentLocations.latlng;
+        compareDistance(currentLocationsLatlng, value.location);
     };
     const changeSearchValue = (event) => {
         if (event.target.value) {
@@ -406,7 +404,7 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
                     }, 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);
+                            chooseLoction(item);
                         }, 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 = () => {
@@ -426,11 +424,50 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
         }
         return radius;
     };
-    const backToOrigin = () => {
+    // 获取设备最新位置
+    const getLatestLc = function () {
+        return new Promise((resolve) => {
+            try {
+                if (userLocation) {
+                    resolve(userLocation);
+                    return;
+                }
+                const successCb = function (ipLocation) {
+                    const { city, lat, lng, addr } = ipLocation;
+                    let loc = {
+                        poiname: city + addr,
+                        detailedAddress: city + addr,
+                        latlng: { lat, lng },
+                    };
+                    userLocation = loc;
+                    // eslint-disable-next-line rulesdir/no-timer
+                    setTimeout(() => {
+                        userLocation = null;
+                    }, 1000 * 5);
+                    resolve(loc);
+                };
+                const errorCb = function () {
+                    resolve(null);
+                };
+                const geolocation = new window.qq.maps.Geolocation();
+                let getLocationType = inH5IsMobile() ? 'getLocation' : 'getIpLocation';
+                geolocation[getLocationType](successCb, errorCb, {
+                    timeout: 30,
+                    failTipFlag: true,
+                });
+            }
+            catch (e) {
+                resolve(null);
+            }
+        });
+    };
+    const backToOrigin = async () => {
+        setControlLoading(true);
         const TMap = getTMap();
         const canLoad = TMap && lat && lng && mapRef.current;
         if (canLoad) {
-            const currentLocationsLatlng = currentLocations.latlng;
+            const last = (await getLatestLc()) || currentLocations;
+            const currentLocationsLatlng = last === null || last === void 0 ? void 0 : last.latlng;
             const nowPosition = new TMap.LatLng(currentLocationsLatlng.lat, currentLocationsLatlng.lng);
             markerRef.current.updateGeometries([
                 {
@@ -444,9 +481,10 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
             setChooseLoc({});
             mapDrag();
         }
+        setControlLoading(false);
     };
     const getConfirm = () => {
-        return isOutofrange || !chooseLoc.id;
+        return isOutofrange || !chooseLoc.id || controlLoading;
     };
     if (isPC) {
         return (_jsxs("div", { className: classNames('map-choose', 'map-choose-pc', 'weda-ui_map-choose'), children: [renderOutTip(), _jsxs("div", { className: classNames({

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

@@ -2,10 +2,11 @@ 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';
-import { Modal, Button } from 'tea-component';
+import { Modal } from 'tea-component';
 import { usePlatform } from '../../../../utils/platform';
 import classNames from '../../../../utils/classnames';
 import MapChoose from './mapChoose';
+import { WdButton } from '../../../wd-button';
 import './style';
 const { useRef, useState } = React;
 const defaultLatLng = { latlng: { lat: null, lng: null } };
@@ -38,5 +39,5 @@ export default function SelectModal({ currentLocations = defaultLatLng, location
             'weda-ui_form-select': true,
             'form-select-map': !isPC,
             'form-select-map-pc': isPC,
-        }), ...(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" })] })] }));
+        }), ...(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(WdButton, { text: "\u786E\u5B9A", events: { tap: confirm }, disabled: confirmStatus, className: "wd-btn__margin-right" }), _jsx(WdButton, { text: "\u53D6\u6D88", events: { tap: close }, theme: "secondary", variant: "outline" })] })] }));
 }

package/dist/web/components/form/location/common/useLocationInfo.d.ts

@@ -33,4 +33,4 @@ export default function useLocationInfo({ apiKey: APIKEY, locationType, eventsCh
     customLocation: React.MutableRefObject<undefined>;
     checkCustomLocation: (params: any) => boolean;
 };
-import * as React from "react";
+export function checkCustomLocation(params: any): boolean;

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

@@ -2,6 +2,15 @@
 // @ts-nocheck
 import * as React from 'react';
 const { useEffect, useState, useRef } = React;
+// 改造：detailedAddress 和 type 非必须
+export const checkCustomLocation = (params) => {
+    var _a, _b;
+    if (!(params === null || params === void 0 ? void 0 : params.address) ||
+        (((_a = params === null || params === void 0 ? void 0 : params.geopoint) === null || _a === void 0 ? void 0 : _a.type) && ((_b = params === null || params === void 0 ? void 0 : params.geopoint) === null || _b === void 0 ? void 0 : _b.type) !== 'Point')) {
+        return false;
+    }
+    return true;
+};
 export default function useLocationInfo({ apiKey: APIKEY, locationType, eventsChange, dataSourceStatus, }) {
     const [location, setLocation] = useState({
         poiname: '',
@@ -15,17 +24,6 @@ export default function useLocationInfo({ apiKey: APIKEY, locationType, eventsCh
     const [currentLocStatus, setCurrentLocStatus] = useState(false);
     const currentLocations = useRef();
     const customLocation = useRef();
-    const checkCustomLocation = (params) => {
-        var _a;
-        let status = true;
-        if (!(params === null || params === void 0 ? void 0 : params.address) || !(params === null || params === void 0 ? void 0 : params.detailedAddress)) {
-            status = false;
-        }
-        else if (((_a = params === null || params === void 0 ? void 0 : params.geopoint) === null || _a === void 0 ? void 0 : _a.type) != 'Point') {
-            status = false;
-        }
-        return status;
-    };
     useEffect(() => {
         if (!dataSourceStatus ||
             !APIKEY ||

package/dist/web/components/form/location/components/ChooseBtn/index.css

@@ -0,0 +1,48 @@
+/* 定位前 */
+.form-location-con {
+  display: flex;
+  align-items: center;
+}
+
+.form-location-con__icon-wrap {
+  overflow: hidden;
+}
+
+.form-location-con__icon {
+  width: 16px;
+  height: 16px;
+  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUwMDEgNS45OTk5M0MxMC41MDAxIDcuMzgwNjQgOS4zODA4IDguNDk5OTMgOC4wMDAwOSA4LjQ5OTkzQzYuNjE5MzggOC40OTk5MyA1LjUwMDA5IDcuMzgwNjQgNS41MDAwOSA1Ljk5OTkzQzUuNTAwMDkgNC42MTkyMiA2LjYxOTM4IDMuNDk5OTMgOC4wMDAwOSAzLjQ5OTkzQzkuMzgwOCAzLjQ5OTkzIDEwLjUwMDEgNC42MTkyMiAxMC41MDAxIDUuOTk5OTNaTTkuNTAwMDkgNS45OTk5M0M5LjUwMDA5IDUuMTcxNSA4LjgyODUyIDQuNDk5OTMgOC4wMDAwOSA0LjQ5OTkzQzcuMTcxNjYgNC40OTk5MyA2LjUwMDA5IDUuMTcxNSA2LjUwMDA5IDUuOTk5OTNDNi41MDAwOSA2LjgyODM1IDcuMTcxNjYgNy40OTk5MyA4LjAwMDA5IDcuNDk5OTNDOC44Mjg1MiA3LjQ5OTkzIDkuNTAwMDkgNi44MjgzNSA5LjUwMDA5IDUuOTk5OTNaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjkiIHN0eWxlPSJmaWxsOmJsYWNrO2ZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjAuOTsiLz4KPHBhdGggZD0iTTguMzYxOTYgMTQuNDY4M0M4LjE4ODIxIDE0LjcyMzYgNy44MTE5NiAxNC43MjM2IDcuNjM4MjIgMTQuNDY4M0wzLjg1NTU3IDguOTExNjhDMi41MDA0MSA2LjkyMDk3IDIuNzUyMDQgNC4yNDc5OCA0LjQ1NDg4IDIuNTQ1MTNDNi40MTI4NCAwLjU4NzE3IDkuNTg3MzMgMC41ODcxNjkgMTEuNTQ1MyAyLjU0NTEzQzEzLjI0ODEgNC4yNDc5OCAxMy40OTk4IDYuOTIwOTcgMTIuMTQ0NiA4LjkxMTY4TDguMzYxOTYgMTQuNDY4M1pNMTEuMzE4IDguMzQ4OTVDMTIuNDAyOCA2Ljc1NTMgMTIuMjAxNCA0LjYxNTQ0IDEwLjgzODIgMy4yNTIyNEM5LjI3MDc1IDEuNjg0OCA2LjcyOTQzIDEuNjg0OCA1LjE2MTk5IDMuMjUyMjRDMy43OTg3OCA0LjYxNTQ1IDMuNTk3MzUgNi43NTUzIDQuNjgyMjEgOC4zNDg5NUw4LjAwMDA5IDEzLjIyMjlMMTEuMzE4IDguMzQ4OTVaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjkiIHN0eWxlPSJmaWxsOmJsYWNrO2ZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjAuOTsiLz4KPC9zdmc+Cg==);
+  background-repeat: no-repeat;
+  background-size: contain;
+  flex-shrink: 0;
+}
+
+.form-location-con .form-location-con__icon-btn {
+  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUwMDEgNS45OTk5M0MxMC41MDAxIDcuMzgwNjQgOS4zODA4IDguNDk5OTMgOC4wMDAwOSA4LjQ5OTkzQzYuNjE5MzggOC40OTk5MyA1LjUwMDA5IDcuMzgwNjQgNS41MDAwOSA1Ljk5OTkzQzUuNTAwMDkgNC42MTkyMiA2LjYxOTM4IDMuNDk5OTMgOC4wMDAwOSAzLjQ5OTkzQzkuMzgwOCAzLjQ5OTkzIDEwLjUwMDEgNC42MTkyMiAxMC41MDAxIDUuOTk5OTNaTTkuNTAwMDkgNS45OTk5M0M5LjUwMDA5IDUuMTcxNSA4LjgyODUyIDQuNDk5OTMgOC4wMDAwOSA0LjQ5OTkzQzcuMTcxNjYgNC40OTk5MyA2LjUwMDA5IDUuMTcxNSA2LjUwMDA5IDUuOTk5OTNDNi41MDAwOSA2LjgyODM1IDcuMTcxNjYgNy40OTk5MyA4LjAwMDA5IDcuNDk5OTNDOC44Mjg1MiA3LjQ5OTkzIDkuNTAwMDkgNi44MjgzNSA5LjUwMDA5IDUuOTk5OTNaIiBmaWxsPSIjMDA1MkQ5IiBzdHlsZT0iZmlsbDojMDA1MkQ5O2ZpbGw6Y29sb3IoZGlzcGxheS1wMyAwLjAwMDAgMC4zMjE2IDAuODUxMCk7ZmlsbC1vcGFjaXR5OjE7Ii8+CjxwYXRoIGQ9Ik04LjM2MTk2IDE0LjQ2ODNDOC4xODgyMSAxNC43MjM2IDcuODExOTYgMTQuNzIzNiA3LjYzODIyIDE0LjQ2ODNMMy44NTU1NyA4LjkxMTY4QzIuNTAwNDEgNi45MjA5NyAyLjc1MjA0IDQuMjQ3OTggNC40NTQ4OCAyLjU0NTEzQzYuNDEyODQgMC41ODcxNyA5LjU4NzMzIDAuNTg3MTY5IDExLjU0NTMgMi41NDUxM0MxMy4yNDgxIDQuMjQ3OTggMTMuNDk5OCA2LjkyMDk3IDEyLjE0NDYgOC45MTE2OEw4LjM2MTk2IDE0LjQ2ODNaTTExLjMxOCA4LjM0ODk1QzEyLjQwMjggNi43NTUzIDEyLjIwMTQgNC42MTU0NCAxMC44MzgyIDMuMjUyMjRDOS4yNzA3NSAxLjY4NDggNi43Mjk0MyAxLjY4NDggNS4xNjE5OSAzLjI1MjI0QzMuNzk4NzggNC42MTU0NSAzLjU5NzM1IDYuNzU1MyA0LjY4MjIxIDguMzQ4OTVMOC4wMDAwOSAxMy4yMjI5TDExLjMxOCA4LjM0ODk1WiIgZmlsbD0iIzAwNTJEOSIgc3R5bGU9ImZpbGw6IzAwNTJEOTtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC4wMDAwIDAuMzIxNiAwLjg1MTApO2ZpbGwtb3BhY2l0eToxOyIvPgo8L3N2Zz4K);
+  transform: translateX(20px);
+  filter: drop-shadow(-20px 0 0 var(--wd-color-brand, #0052d9));
+}
+
+.form-location-con .form-location-con__text {
+  margin-left: 4px;
+  cursor: pointer;
+}
+
+.form-location-con__text {
+  margin-left: 4px;
+}
+
+/* 禁用 */
+.form-location-con_disabled {
+  color: rgba(0, 0, 0, 0.26);
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+.form-location-con_disabled .form-location-con__text {
+  cursor: not-allowed;
+}
+
+/* 定位后 */
+.form-location-addr--disabled .form-location-con__icon {
+  opacity: 0.4;
+}

package/dist/web/components/form/location/components/ChooseBtn/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import './style';
+/**
+ * H5/PC端的地图选择按钮
+ */
+export default function ChooseBtn(props: any): JSX.Element;

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WdButton } from '../../../../wd-button';
+import classNames from '../../../../../utils/classnames';
+import { usePlatform } from '../../../../../utils/platform';
+import './style';
+/**
+ * H5/PC端的地图选择按钮
+ */
+export default function ChooseBtn(props) {
+    const { onClick, disabled, label, className } = props;
+    const platform = usePlatform();
+    const cls = classNames(className, 'form-location-con', {
+        'form-location-con_disabled': disabled,
+        [`form-location-con--${platform}`]: !!platform,
+    });
+    return (_jsxs("div", { onClick: onClick, className: cls, children: [_jsx("div", { className: "form-location-con__icon-wrap", children: _jsx("div", { className: "form-location-con__icon form-location-con__icon-btn" }) }), _jsx(WdButton, { className: "form-location-con__text", text: label, variant: "link" })] }));
+}

package/dist/web/components/form/location/components/ChooseBtn/style.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/dist/web/components/form/location/components/ChooseBtn/style.js

@@ -0,0 +1 @@
+import './index.css';

package/dist/web/components/form/location/components/LocationH5/index.css

@@ -35,10 +35,9 @@
   width: 18px;
   height: 18px;
 }
-.form-location-con > span {
-  color: #006eff;
-  margin-left: 8px;
-  cursor: pointer;
+
+.form-location-addr .form-location-con__icon {
+  margin-top: 2px;
 }
 
 .form-location-con_disabled {
@@ -62,16 +61,17 @@
   align-items: flex-start;
   padding-left: 130px;
   padding-right: 1.14286rem;
-  margin: 0 0 12px 0 !important;
+}
+
+.form-location-addr--disabled {
+  cursor: not-allowed;
+  color: rgba(0, 0, 0, 0.26);
 }
 
 .form-location-addr-vertical {
   padding-left: 16px;
 }
 
-.form-location-addr-title {
-  font-size: 1em;
-}
 .form-location-addr-lat {
   font-size: 0.75em;
   color: rgba(0, 0, 0, 0.4);
@@ -82,9 +82,6 @@
   width: 1.25em;
   height: 1.25em;
 }
-.form-location-addr > div {
-  margin-left: 8px;
-}
 .form-map-container {
   padding: 0 1.14286rem 1.14286rem 1.14286rem;
 }
@@ -112,7 +109,3 @@
   height: 30px;
   margin-top: 10px;
 }
-
-.location-disabled .location-content {
-  opacity: 0.4;
-}