@hzab/form-render 0.3.1 → 0.4.0

package/src/components/LocationPicker/servers/index.ts

@@ -0,0 +1,121 @@
+/**
+ * 根据经纬度获取定义的地址
+ * @param lon
+ * @param lat
+ * @returns
+ */
+export function getAddress(lon, lat) {
+  return new Promise((resolve, reject) => {
+    if (!window.AMap) {
+      reject(Error("Error getAddress window.AMap is not defined."));
+      return;
+    }
+    const geocoder = new window.AMap.Geocoder({});
+    geocoder.getAddress([lon, lat], function (status, result) {
+      if (status === "complete" && result.info === "OK") {
+        const formattedAddress = result?.regeocode?.formattedAddress;
+        resolve(formattedAddress);
+        return formattedAddress;
+      } else if (result === "USER_DAILY_QUERY_OVER_LIMIT") {
+        // 超出限制，使用 webServer 进行请求
+        if (!window._AMapLoaderTemp.serverKey) {
+          reject(new Error("超出使用限制，请联系管理员"));
+          return;
+        }
+        fetch(
+          `https://restapi.amap.com/v3/geocode/regeo?location=${lon?.toFixed(6)},${lat?.toFixed(6)}&key=${
+            window._AMapLoaderTemp.serverKey
+          }`,
+          {
+            mode: "cors",
+          },
+        )
+          .then((res) => res.json())
+          .then((res) => {
+            if (res.status === "1") {
+              resolve(res.regeocode?.formatted_address);
+            } else {
+              console.warn("Warn getAddress fetch: ", res);
+              reject(new Error(res.info));
+            }
+          })
+          .catch(reject);
+      } else {
+        reject(result);
+      }
+    });
+  });
+}
+
+/**
+ * 获取搜索提示
+ * @param search
+ * @param cityCode
+ * @returns
+ */
+export function getSearchTips(search, cityCode = "0571") {
+  return new Promise((resolve, reject) => {
+    if (!window.AMap) {
+      reject(Error("Error getAddress window.AMap is not defined."));
+      return;
+    }
+    const autoComplete = new window.AMap.Autocomplete({
+      // city 限定城市，默认全国
+      city: cityCode,
+    });
+    autoComplete.search(search, function (status, result) {
+      if (status === "complete" && result.info === "OK") {
+        resolve(
+          result.tips?.map((it) => {
+            const { lng, lat } = it?.location || {};
+            return {
+              ...it,
+              label: it.name,
+              value: it.id,
+              lon: +lng,
+              lng: +lng,
+              lat: +lat,
+            };
+          }),
+        );
+      } else if (result === "USER_DAILY_QUERY_OVER_LIMIT") {
+        // 超出限制，使用 webServer 进行请求
+        if (!window._AMapLoaderTemp.serverKey) {
+          reject(new Error("超出使用限制，请联系管理员"));
+          return;
+        }
+        fetch(
+          `https://restapi.amap.com/v3/assistant/inputtips?key=${window._AMapLoaderTemp.serverKey}&keywords=${search}&city=${cityCode}`,
+          {
+            mode: "cors",
+          },
+        )
+          .then((res) => res.json())
+          .then((res) => {
+            if (res.status === "1") {
+              resolve(
+                res.tips?.map((it) => {
+                  const [lng, lat] = it.location?.split(",");
+
+                  return {
+                    ...it,
+                    label: it.name,
+                    value: it.id,
+                    lng: +lng,
+                    lon: +lng,
+                    lat: +lat,
+                  };
+                }),
+              );
+            } else {
+              console.warn("Warn getSearchTips fetch: ", res);
+              reject(new Error(res.info));
+            }
+          })
+          .catch(reject);
+      } else {
+        reject(result);
+      }
+    });
+  });
+}

package/src/components/UserSelect/index.tsx

@@ -65,7 +65,7 @@ export const UserSelect: React.FC<UserSelectProps> = observer((props) => {
 
   return (
     <AntdSelect
-      defaultOpen
+      // defaultOpen
       className={styles["user-select"]}
       {...resetProps}
       value={field.value}

package/src/components/index.tsx

@@ -5,5 +5,8 @@ export * from "./Upload";
 export * from "./UserSelect";
 
 export * from "./TreeCheckbox";
+export * from "./DatePicker";
+
+export * from "./LocationPicker";
 
 export { Text };