@cloudbase/weda-ui 3.1.0 → 3.1.1

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

@@ -0,0 +1,52 @@
+import * as PropTypes from 'prop-types';
+export const propTypes = {
+    // 系统属性
+    id: PropTypes.string,
+    className: PropTypes.string,
+    style: PropTypes.string,
+    events: PropTypes.object,
+    // 组件属性
+    label: PropTypes.string,
+    labelVisible: PropTypes.bool,
+    APIKEY: PropTypes.string,
+    showLngLat: PropTypes.bool,
+    showMap: PropTypes.bool,
+    defauleShowLocation: PropTypes.bool,
+    drag: PropTypes.bool,
+    zoom: PropTypes.bool,
+    disabled: PropTypes.bool,
+    requiredFlag: PropTypes.bool,
+    decorator: PropTypes.oneOfType([PropTypes.array, PropTypes.node]),
+    value: PropTypes.object,
+    locationType: PropTypes.number,
+    customLocation: PropTypes.object,
+    dataSource: PropTypes.object,
+};
+export const defaultProps = {
+    // 系统属性
+    events: {},
+    // 组件属性
+    label: '地图定位',
+    labelVisible: true,
+    APIKEY: '',
+    showLngLat: false,
+    showMap: false,
+    defauleShowLocation: false,
+    drag: true,
+    zoom: true,
+    disabled: false,
+    requiredFlag: false,
+    locationType: 1,
+    customLocation: {},
+    // 模型应用属性
+    value: {
+        address: '',
+        geopoint: {
+            coordinates: [39.984104, 116.307503],
+            type: 'Point',
+        },
+    },
+    readOnly: false,
+    isModalApp: false,
+    dataSource: {},
+};

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

@@ -0,0 +1,45 @@
+.form-select-map .tea-dialog__inner {
+  width: 100vw !important;
+  height: 100vh !important;
+  min-width: auto !important;
+  padding: 0;
+}
+.form-select-map .wedatea2td-dialog__inner {
+  box-shadow: none;
+  border: 0;
+  min-width: 100vw !important;
+  width: 100vw !important;
+  height: 100vh !important;
+  overflow-x: scroll;
+}
+.form-select-map .wedatea2td-dialog__inner .wedatea2td-dialog__header {
+  font-size: 1.14286rem !important;
+  margin-bottom: 0;
+}
+.form-select-map .tea-dialog__header {
+  height: 2.14286rem;
+  margin-bottom: 0;
+  margin-left: 1.07143rem;
+  margin-right: 1.07143rem;
+}
+.form-select-map .tea-dialog__header .tea-dialog__headertitle {
+  line-height: 2.14286rem;
+  margin-bottom: 0;
+}
+.form-select-map .tea-dialog__body {
+  height: calc(100vh - 6.42857rem);
+}
+.form-select-map .tea-dialog__footer {
+  height: 2.14286rem;
+  margin-top: 0.71429rem;
+}
+.weda-ui_form-select {
+  background: none;
+}
+/* 大屏版样式 */
+.form-select-map-pc .wedatea2td-dialog__inner {
+  height: 57.14286rem !important;
+}
+.form-select-map-pc .wedatea2td-dialog__body {
+  height: calc(100% - 7.14286rem);
+}

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

@@ -0,0 +1,21 @@
+export default function SelectModal({ currentLocations, location, setLocation, isSelectMapVisible, setIsSelectMapVisible, chooseLocation, APIKEY, locationRange, customRange, }: {
+    currentLocations?: {
+        latlng: {
+            lat: any;
+            lng: any;
+        };
+    };
+    location?: {
+        latlng: {
+            lat: any;
+            lng: any;
+        };
+    };
+    setLocation: any;
+    isSelectMapVisible?: boolean;
+    setIsSelectMapVisible: any;
+    chooseLocation: any;
+    APIKEY?: string;
+    locationRange: any;
+    customRange: any;
+}): JSX.Element;

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

@@ -0,0 +1,44 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+import * as React from 'react';
+import { Modal, Button } from 'tea-component';
+import { usePlatform } from '../../../../utils/platform';
+import classNames from '../../../../utils/classnames';
+import MapChoose from './mapChoose';
+import './selectModal.css';
+const { useRef, useState } = React;
+const defaultLatLng = { latlng: { lat: null, lng: null } };
+export default function SelectModal({ currentLocations = defaultLatLng, location = defaultLatLng, setLocation, isSelectMapVisible = false, setIsSelectMapVisible, chooseLocation, APIKEY = '', locationRange, customRange, }) {
+    const latlng = location.latlng || { lat: null, lng: null };
+    const positionRef = useRef({});
+    const platform = usePlatform();
+    const isPC = platform === 'pc';
+    const [confirmStatus, setConfirmStatus] = useState(true);
+    const close = () => setIsSelectMapVisible(false);
+    const confirm = () => {
+        if (positionRef.current.latlng) {
+            setLocation(positionRef.current);
+            chooseLocation(positionRef.current);
+        }
+        close();
+    };
+    const getPosition = (value) => {
+        const { title, location, address } = value;
+        let loc = {
+            poiname: title,
+            detailedAddress: address,
+            latlng: { lat: location.lat, lng: location.lng },
+        };
+        positionRef.current = loc;
+    };
+    return (React.createElement(Modal, { visible: isSelectMapVisible, caption: "\u9009\u62E9\u5730\u7406\u4F4D\u7F6E", onClose: close, className: classNames({
+            'weda-ui_form-select': true,
+            'form-select-map': !isPC,
+            'form-select-map-pc': isPC,
+        }), ...(isPC ? { size: 1200 } : {}) },
+        React.createElement(Modal.Body, null,
+            React.createElement(MapChoose, { latlng: latlng, currentLocations: currentLocations, changeLocation: getPosition, isPC: isPC, APIKEY: APIKEY, onClose: close, onConfirm: confirm, locationRange: locationRange, customRange: customRange, setConfirmStatus: setConfirmStatus })),
+        React.createElement(Modal.Footer, null,
+            React.createElement(Button, { type: "primary", onClick: confirm, disabled: confirmStatus }, "\u786E\u5B9A"),
+            React.createElement(Button, { type: "weak", onClick: close }, "\u53D6\u6D88"))));
+}

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

@@ -0,0 +1,34 @@
+export default function useLocationInfo({ apiKey: APIKEY, locationType, eventsChange, dataSourceStatus, }: {
+    apiKey: any;
+    locationType: any;
+    eventsChange: any;
+    dataSourceStatus: any;
+}): {
+    location: {
+        poiname: string;
+        detailedAddress: string;
+        latlng: {
+            lat: number;
+            lng: number;
+        };
+    };
+    setLocation: React.Dispatch<React.SetStateAction<{
+        poiname: string;
+        detailedAddress: string;
+        latlng: {
+            lat: number;
+            lng: number;
+        };
+    }>>;
+    apiKeyStatus: {
+        status: boolean;
+        message: string;
+    };
+    setApiKeyStatus: React.Dispatch<React.SetStateAction<{
+        status: boolean;
+        message: string;
+    }>>;
+    currentLocStatus: boolean;
+    currentLocations: React.MutableRefObject<undefined>;
+};
+import * as React from "react";

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

@@ -0,0 +1,88 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+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 currentLocations = useRef();
+    useEffect(() => {
+        if (!dataSourceStatus ||
+            !APIKEY ||
+            new RegExp('[\\u4E00-\\u9FFF]+', 'g').test(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');
+            script.onload = () => {
+                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);
+                    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 },
+                    locationType,
+                });
+            };
+            document.body.appendChild(script);
+        }
+        loadScript();
+    }, [APIKEY, locationType]);
+    return {
+        location,
+        setLocation,
+        apiKeyStatus,
+        setApiKeyStatus,
+        currentLocStatus,
+        currentLocations,
+    };
+}

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

@@ -0,0 +1,100 @@
+.form-location-warp {
+  white-space: nowrap;
+}
+
+.form-location-label {
+  display: flex;
+  align-items: center;
+  padding: 1.14286rem;
+  width: 9.28571rem;
+  font-size: 1.14286rem;
+}
+.form-location-label > label {
+  white-space: normal;
+  word-break: break-all;
+}
+.form-location-label > span {
+  display: inline-block;
+  margin-left: 0.28571rem;
+  font-family: SimSun;
+  font-size: 0.85714rem;
+  color: #f60;
+  align-self: flex-start;
+}
+
+.weda-ui .form-location-con {
+  display: flex;
+  align-items: center;
+}
+.form-location-con_vertical {
+  padding: 1.14286rem;
+}
+.form-location-con > img {
+  width: 1.28571rem;
+  height: 1.28571rem;
+}
+.form-location-con > span {
+  color: #006eff;
+  margin-left: 0.57143rem;
+  cursor: pointer;
+}
+
+.form-location-con_disabled {
+  cursor: not-allowed !important;
+}
+
+.form-location-addr {
+  display: flex;
+  align-items: flex-start;
+  padding-left: 9.28571rem;
+  padding-right: 1.14286rem;
+  margin: 0 0 0.85714rem 0 !important;
+}
+
+.form-location-addr-vertical {
+  padding-left: 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: 0.85714rem;
+}
+.form-map-container {
+  padding: 0 1.14286rem 1.14286rem 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: 2.14286rem;
+  margin-bottom: 0;
+  margin-left: 1.07143rem;
+  margin-right: 1.07143rem;
+}
+.form-select-map .tea-dialog__header .tea-dialog__headertitle {
+  line-height: 2.14286rem;
+  margin-bottom: 0;
+}
+.form-select-map .tea-dialog__body {
+  height: calc(100vh - 6.42857rem);
+}
+.form-select-map .tea-dialog__footer {
+  height: 2.14286rem;
+  margin-top: 0.71429rem;
+}

package/dist/web/components/form/location/components/LocationH5/location.h5.d.ts

@@ -0,0 +1,8 @@
+declare function LocationH5(props: any): JSX.Element;
+declare namespace LocationH5 {
+    export { propTypes };
+    export { defaultProps };
+}
+export default LocationH5;
+import { propTypes } from "../../common/propsConfig";
+import { defaultProps } from "../../common/propsConfig";