@hzab/form-render 1.6.4 → 1.6.6

package/CHANGELOG.md

@@ -1,6 +1,15 @@
+# @hzab/form-render@1.6.6
+
+fix: 修复 LocationListPicker 组件在编辑时第一次无法正确渲染的 bug。
+
+# @hzab/form-render@1.6.5
+
+fix: 修复 LocationListPicker 组件在编辑时第一次无法正确渲染的 bug。
+feat: LocationPicker 渲染时增加范围
+
 # @hzab/form-render@1.6.3
 
-fix: 修复LocationListPicker组件的Pupup弹窗在某些时候漂移的bug。
+fix: 修复 LocationListPicker 组件的 Pupup 弹窗在某些时候漂移的 bug。
 
 # @hzab/form-render@1.6.2
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/form-render",
-  "version": "1.6.4",
+  "version": "1.6.6",
   "description": "",
   "main": "src",
   "scripts": {

package/src/components/LocationListPicker/index.tsx

@@ -48,7 +48,7 @@ export const LocationListPicker = observer((props) => {
   const currentItemRef = useRef();
   const popupRef = useRef();
   const isEditingRef = useRef();
-  const mapBoxRef = useRef(null)
+  const mapBoxRef = useRef(null);
 
   useEffect(() => {
     return () => {
@@ -60,6 +60,7 @@ export const LocationListPicker = observer((props) => {
   }, []);
 
   useEffect(() => {
+    listRef.current = value || [];
     if (!Array.isArray(value) || value?.length == 0 || !mapUtilsRef.current) {
       return;
     }
@@ -69,7 +70,6 @@ export const LocationListPicker = observer((props) => {
         it.id = nanoid();
       }
     });
-    listRef.current = value || [];
     renderMarker();
   }, [value]);
 

package/src/components/LocationPicker/common/utils.ts

@@ -11,18 +11,20 @@
     }
  */
 export function getPropsValue(value = {}, opt) {
-  const { lonKey = "longitude", latKey = "latitude", addrKey = "address", pointsKey = "points" } = opt || {};
+  const { lonKey = "longitude", latKey = "latitude", addrKey = "address", pointsKey = "points", rangeKey = "range" } = opt || {};
 
   let lon = value[lonKey];
   let lat = value[latKey];
   let addr = value[addrKey];
   let points = value[pointsKey];
+  let range =  value[rangeKey];
 
   const res = {
     lon,
     lat,
     addr,
-    points
+    points,
+    range
   };
   return res;
 }

package/src/components/LocationPicker/components/ModalContent/index.tsx

@@ -38,6 +38,7 @@ export const ModalContent = observer((props: any) => {
     latKey = "latitude",
     addrKey = "address",
     pointsKey = "points",
+    rangeKey = "range",
     value,
     // 搜索框是否自动搜索
     isAutoSearch = true,
@@ -63,8 +64,9 @@ export const ModalContent = observer((props: any) => {
         latKey,
         addrKey,
         pointsKey,
+        rangeKey
       }),
-    [lonKey, latKey, addrKey, pointsKey, value, value?.[pointsKey], value?.[lonKey], value?.[latKey], value?.[addrKey]],
+    [lonKey, latKey, addrKey, pointsKey,rangeKey, value, value?.[rangeKey], value?.[pointsKey], value?.[lonKey], value?.[latKey], value?.[addrKey]],
   );
 
   const [loading, setLoading] = useState(props.loading || false);
@@ -167,6 +169,7 @@ export const ModalContent = observer((props: any) => {
           addr,
           lon: center[0],
           lat: center[1],
+          range: 0
         });
       }
     }
@@ -178,14 +181,17 @@ export const ModalContent = observer((props: any) => {
     let _lon = defaultLocation.lon;
     let _lat = defaultLocation.lat;
     let _points = defaultLocation.points;
+    let _range = defaultLocation.range
     if (pickInfo.lon && pickInfo.lat) {
       _lon = pickInfo.lon;
       _lat = pickInfo.lat;
       _points = pickInfo.points;
+      _range = pickInfo.range
     } else if (formatValRef.current?.lon && formatValRef.current?.lat) {
       _lon = formatValRef.current?.lon;
       _lat = formatValRef.current?.lat;
       _points = formatValRef.current?.points;
+      _range = formatValRef.current?.range;
     }
 
     setMapCenter(_lon, _lat);
@@ -211,6 +217,7 @@ export const ModalContent = observer((props: any) => {
       // 禁用、只读情况使用 marker 展示点位
       if (element === "Polypoint") {
         mapUtilsRef.current?.setPickerMarker(_lon, _lat);
+        mapUtilsRef.current.setCircle(_lon, _lat, _range);
       } else {
         setDrawEditor(_points, true);
       }