@cloudbase/weda-ui 2.0.28 → 3.1.0

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

@@ -1,104 +0,0 @@
-import * as React from 'react';
-const { useEffect, useState, useRef } = React;
-
-export default function useLocationInfo({
-  apiKey: APIKEY,
-  locationType,
-  eventsChange,
-  dataSourceStatus,
-}) {
-  const [location, setLocation] = useState({
-    poiname: '',
-    detailedAddress: '',
-    latlng: { lat: 39.98410411, lng: 116.307503 },
-  });
-  const [apiKeyStatus, setApiKeyStatus] = useState({
-    status: false,
-    message: '"地图定位组件"需进行地图配置，请检查',
-  });
-  const [currentLocStatus, setCurrentLocStatus] = useState(false);
-  const locationPlugRef = useRef();
-  const currentLocations = useRef();
-  useEffect(() => {
-    if (!dataSourceStatus || !APIKEY || APIKEY == '这里是示例') return;
-    function loadScript() {
-      // 移除之前的
-      if (document.getElementById('form-location-plug')) {
-        document.body.removeChild(
-          document.getElementById('form-location-plug')
-        );
-      }
-      const script = document.createElement('script');
-      script.type = 'text/javascript';
-      script.src = `https://apis.map.qq.com/tools/geolocation/min?key=${APIKEY}&referer=myapp`;
-      script.setAttribute('id', 'form-location-plug');
-      // @ts-ignore
-      locationPlugRef.current = 'form-location-plug';
-      script.onload = () => {
-        // @ts-ignore
-        let geolocation = new window.qq.maps.Geolocation();
-        geolocation.getIpLocation(
-          ({ city, lat, lng, addr }) => {
-            let locations = {
-              poiname: city + addr,
-              detailedAddress: city + addr,
-              latlng: { lat, lng },
-              locationType,
-            };
-            setLocation(locations);
-            eventsChange &&
-              eventsChange(
-                {
-                  poiname: city + addr,
-                  detailedAddress: city + addr,
-                  latitude: lat,
-                  longitude: lng,
-                },
-                locationType === 1
-              );
-            // @ts-ignore
-            currentLocations.current = locations;
-            setApiKeyStatus({ status: true, message: '' });
-            setCurrentLocStatus(true);
-          },
-          (error) => {
-            console.log('error loc', error);
-            currentLocations.current = null;
-            setApiKeyStatus({
-              status: false,
-              message:
-                error.code === 1
-                  ? '请打开定位权限'
-                  : error.message || '定位失败',
-            });
-            setCurrentLocStatus(false);
-          }
-        );
-      };
-      script.onerror = (error) => {
-        console.log('Geolocation script onerror', error);
-        setApiKeyStatus({
-          status: false,
-          message: '定位失败',
-        });
-        setLocation({
-          poiname: '',
-          detailedAddress: '',
-          latlng: { lat: 39.98410411, lng: 116.307503 },
-          // @ts-ignore
-          locationType,
-        });
-      };
-      document.body.appendChild(script);
-    }
-    loadScript();
-  }, [APIKEY, locationType]);
-  return {
-    location,
-    setLocation,
-    apiKeyStatus,
-    setApiKeyStatus,
-    currentLocStatus,
-    currentLocations,
-  };
-}

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

@@ -1,239 +0,0 @@
-.form-location-warp {
-  display: flex;
-  white-space: nowrap;
-}
-
-.form-location-label {
-  display: flex;
-  align-items: center;
-  padding: 16px;
-  width: 130px;
-}
-.form-location-label > span {
-  margin-right: 0.28571rem;
-  font-family: SimSun;
-  font-size: 0.85714rem;
-  color: #f60;
-}
-
-.weda-ui .form-location-con {
-  display: flex;
-  align-items: center;
-}
-.form-location-con > img {
-  width: 18px;
-  height: 18px;
-}
-.form-location-con > span {
-  color: #006eff;
-  margin-left: 8px;
-  cursor: pointer;
-}
-
-.form-location-con_disabled {
-  cursor: not-allowed !important;
-}
-
-.form-location-addr {
-  display: flex;
-  align-items: flex-start;
-  margin-top: 12px;
-  padding-left: 1.14286rem;
-  padding-right: 1.14286rem;
-}
-
-.form-location-addr-title {
-  font-size: 1em;
-}
-.form-location-addr-lat {
-  font-size: 0.75em;
-  color: rgba(0, 0, 0, 0.4);
-  line-height: 1.25em;
-}
-
-.form-location-addr > img {
-  width: 1.25em;
-  height: 1.25em;
-}
-.form-location-addr > div {
-  margin-left: 12px;
-}
-.form-map-container {
-  margin-top: 12px;
-  padding-left: 1.14286rem;
-  padding-right: 1.14286rem;
-}
-
-.form-select-map .tea-dialog__inner {
-  width: 100vw !important;
-  height: 100vh !important;
-  min-width: auto !important;
-  padding: 0;
-}
-.form-select-map .tea-dialog__header {
-  height: 30px;
-  margin-bottom: 0;
-  margin-left: 15px;
-  margin-right: 15px;
-}
-.form-select-map .tea-dialog__header .tea-dialog__headertitle {
-  line-height: 30px;
-  margin-bottom: 0;
-}
-.form-select-map .tea-dialog__body {
-  height: calc(100vh - 90px);
-}
-.form-select-map .tea-dialog__footer {
-  height: 30px;
-  margin-top: 10px;
-}
-
-/* mapChoose组件 */
-.weda-ui_map-choose {
-  width: 100%;
-  height: 100%;
-}
-.map-choose-header {
-  width: 100%;
-  padding: 8px 15px;
-  position: relative;
-  border-bottom: 1px solid #d3d3d3;
-}
-.map-choose-header_focus {
-  padding-right: 60px;
-}
-.map-choose-header_focus .map-choose-header_search_cancel {
-  display: block;
-}
-.map-choose-header_focus .map-choose-header_search_place {
-  left: 10px;
-  transform: translate(0, 0);
-}
-.map-choose-header_search {
-  height: 30px;
-  background-color: #ebebeb;
-  padding-left: 10px;
-  padding-right: 10px;
-  color: #b4b4b4;
-  font-size: 1em;
-  line-height: 2.21428em;
-  border-radius: 5px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  position: relative;
-}
-.map-choose-header_search_place {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  display: flex;
-  align-items: center;
-  transform: translate(-50%, 0);
-}
-.map-choose-header_search_cancel {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 3.4375em;
-  height: 2.875em;
-  line-height: 2.875em;
-  text-align: center;
-  font-size: 1em;
-  color: #0079ff;
-  background-color: #fff;
-  cursor: pointer;
-  display: none;
-}
-.map-choose-header_search img {
-  width: 1em;
-  height: 1em;
-  margin-right: 4px;
-}
-.map-choose-header_search input {
-  display: block;
-  width: 100%;
-  padding-top: 6px;
-  padding-bottom: 6px;
-  border: 0;
-  font-size: 0.875em;
-  line-height: 1.125em;
-  background: 0 0;
-  position: relative;
-  z-index: 1;
-}
-
-.map-choose-con {
-  width: 100%;
-  height: calc(100% - 50px);
-  position: relative;
-}
-.map-choose-warp,
-.map-choose-explore {
-  width: 100%;
-  height: 100%;
-}
-.map-choose-explore {
-  display: none;
-}
-.map-choose-explore_show {
-  display: block;
-  position: absolute;
-  z-index: 1000;
-  top: 0;
-  left: 0;
-  background-color: #fff;
-  overflow: hidden;
-}
-
-.map-choose-warp_sugges {
-  height: 55%;
-  width: 100%;
-}
-.map-choose-warp_sugges ul,
-.map-choose-explore_show ul {
-  width: 100%;
-  height: 100%;
-  padding: 0 15px;
-  overflow: scroll;
-}
-.map-choose-warp_sugges li,
-.map-choose-explore_show li {
-  width: 100%;
-  height: 59px;
-  padding-top: 6px;
-  position: relative;
-  border-bottom: 1px solid #d3d3d3;
-  cursor: pointer;
-  position: relative;
-}
-.map-choose-warp_sugges li span {
-  display: none;
-}
-.map-choose-warp_sugges_choosed span {
-  position: absolute;
-  right: 20px;
-  top: 50%;
-  transform: translate(0, -50%);
-  width: 1em;
-  height: 1em;
-  display: block !important;
-  background-image: url('https://qcloudimg.tencent-cloud.cn/raw/354c15c0cb845120ac3e9c474e6737b3.png');
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-}
-.map-choose-warp_sugges li div,
-.map-choose-explore_show li div {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  width: 98%;
-}
-.map-choose-warp_sugges_title,
-.map-choose-explore_title {
-  font-size: 0.875em;
-  line-height: 1.6875em;
-  color: #333;
-  font-weight: 400;
-  display: block;
-}