@hzab/form-render 1.6.5 → 1.6.7

package/CHANGELOG.md

@@ -1,11 +1,15 @@
-# @hzab/form-render@1.6.4
+# @hzab/form-render@1.6.7
 
-fix: 修复LocationListPicker组件在编辑时第一次无法正确渲染的bug。
-feat: LocationPicker渲染时增加范围
+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.5",
+  "version": "1.6.7",
   "description": "",
   "main": "src",
   "scripts": {

package/src/components/LocationListPicker/index.tsx

@@ -48,8 +48,7 @@ export const LocationListPicker = observer((props) => {
   const currentItemRef = useRef();
   const popupRef = useRef();
   const isEditingRef = useRef();
-  const mapBoxRef = useRef(null)
-  const [mapInitCompleted, setMapInitCompleted] = useState(false);
+  const mapBoxRef = useRef(null);
 
   useEffect(() => {
     return () => {
@@ -61,22 +60,24 @@ export const LocationListPicker = observer((props) => {
   }, []);
 
   useEffect(() => {
-
-    if (!Array.isArray(value) || value?.length == 0 || !mapInitCompleted) {
+    if (!Array.isArray(value) || value?.length == 0) {
       return;
     }
+    listRef.current = value || [];
     // 处理 id
     value?.forEach((it) => {
       if (!it.id) {
         it.id = nanoid();
       }
     });
-    listRef.current = value || [];
-    renderMarker(value);
-  }, [value, mapInitCompleted]);
+    if (!mapUtilsRef.current) {
+      return;
+    }
+    renderMarker();
+  }, [value]);
 
-  function renderMarker(value = []) {
-    (listRef.current || value)?.forEach((item) => {
+  function renderMarker() {
+    listRef.current?.forEach((item) => {
       if (item.type === "polygon") {
         mapUtilsRef.current.setPolygon({
           ...item,
@@ -91,6 +92,7 @@ export const LocationListPicker = observer((props) => {
         mapUtilsRef.current.setCircle(item.longitude, item.latitude, item.range, { ...item });
       }
     });
+    mapUtilsRef.current.setFitView();
     clearActive();
   }
 
@@ -107,9 +109,7 @@ export const LocationListPicker = observer((props) => {
       onClick: onPolygonClick,
     });
 
-    mapUtils && setMapInitCompleted(true);
     renderMarker();
-    mapUtilsRef.current.setFitView();
   }
 
   function onAddClick() {