@cloudbase/weda-ui 3.2.0 → 3.3.0

package/dist/src/web/components/form/location/common/propsConfig.d.ts

@@ -0,0 +1,59 @@
+export namespace propTypes {
+    const id: PropTypes.Requireable<string>;
+    const className: PropTypes.Requireable<string>;
+    const style: PropTypes.Requireable<string>;
+    const events: PropTypes.Requireable<object>;
+    const label: PropTypes.Requireable<string>;
+    const labelVisible: PropTypes.Requireable<boolean>;
+    const APIKEY: PropTypes.Requireable<string>;
+    const showLngLat: PropTypes.Requireable<boolean>;
+    const showMap: PropTypes.Requireable<boolean>;
+    const defauleShowLocation: PropTypes.Requireable<boolean>;
+    const drag: PropTypes.Requireable<boolean>;
+    const zoom: PropTypes.Requireable<boolean>;
+    const disabled: PropTypes.Requireable<boolean>;
+    const requiredFlag: PropTypes.Requireable<boolean>;
+    const decorator: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+    const value: PropTypes.Requireable<object>;
+    const locationType: PropTypes.Requireable<number>;
+    const dataSource: PropTypes.Requireable<object>;
+}
+export namespace defaultProps {
+    const events_1: {};
+    export { events_1 as events };
+    const label_1: string;
+    export { label_1 as label };
+    const labelVisible_1: boolean;
+    export { labelVisible_1 as labelVisible };
+    const APIKEY_1: string;
+    export { APIKEY_1 as APIKEY };
+    const showLngLat_1: boolean;
+    export { showLngLat_1 as showLngLat };
+    const showMap_1: boolean;
+    export { showMap_1 as showMap };
+    const defauleShowLocation_1: boolean;
+    export { defauleShowLocation_1 as defauleShowLocation };
+    const drag_1: boolean;
+    export { drag_1 as drag };
+    const zoom_1: boolean;
+    export { zoom_1 as zoom };
+    const disabled_1: boolean;
+    export { disabled_1 as disabled };
+    const requiredFlag_1: boolean;
+    export { requiredFlag_1 as requiredFlag };
+    const locationType_1: number;
+    export { locationType_1 as locationType };
+    export namespace value_1 {
+        const address: string;
+        namespace geopoint {
+            const coordinates: number[];
+            const type: string;
+        }
+    }
+    export { value_1 as value };
+    export const readOnly: boolean;
+    export const isModalApp: boolean;
+    const dataSource_1: {};
+    export { dataSource_1 as dataSource };
+}
+import * as PropTypes from "prop-types";

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

@@ -0,0 +1,50 @@
+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,
+    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,
+    // 模型应用属性
+    value: {
+        address: '',
+        geopoint: {
+            coordinates: [39.984104, 116.307503],
+            type: 'Point',
+        },
+    },
+    readOnly: false,
+    isModalApp: false,
+    dataSource: {},
+};

package/dist/src/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/src/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/src/web/components/form/location/common/tmap.d.ts

@@ -0,0 +1,3 @@
+export function getTMap(): any;
+export function calculateDistance(latlng1: any, latlng2: any): number;
+export const base64LocationIcon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODQiIGhlaWdodD0iODgiIHZpZXdCb3g9IjAgMCA4NCA4OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC45OCIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZGRkXzI0NDdfNTc0OSkiPgo8Y2lyY2xlIGN4PSI0MiIgY3k9IjM2IiByPSIxMiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8Y2lyY2xlIGN4PSI0MiIgY3k9IjM2IiByPSI3IiBmaWxsPSIjMDA1MkQ5Ii8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkZF8yNDQ3XzU3NDkiIHg9IjAiIHk9IjAiIHdpZHRoPSI4NCIgaGVpZ2h0PSI4OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSI4Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDggMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yNDQ3XzU3NDkiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMTYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDQgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfMjQ0N181NzQ5Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iZWZmZWN0Ml9kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJlZmZlY3QzX2Ryb3BTaGFkb3dfMjQ0N181NzQ5Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0M19kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K";

package/dist/src/web/components/form/location/common/tmap.js

@@ -0,0 +1,21 @@
+export function getTMap() {
+    const TMap = window === null || window === void 0 ? void 0 : window.TMap;
+    return TMap;
+}
+export function calculateDistance(latlng1, latlng2) {
+    let lat1 = latlng1.latitude;
+    let lng1 = latlng1.longitude;
+    let lat2 = latlng2.latitude;
+    let lng2 = latlng2.longitude;
+    var radLat1 = (lat1 * Math.PI) / 180.0;
+    var radLat2 = (lat2 * Math.PI) / 180.0;
+    var a = radLat1 - radLat2;
+    var b = (lng1 * Math.PI) / 180.0 - (lng2 * Math.PI) / 180.0;
+    var s = 2 *
+        Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) +
+            Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
+    s = s * 6378.137; // EARTH_RADIUS;
+    s = Math.round(s * 10000) / 10000;
+    return s * 1000;
+}
+export const base64LocationIcon = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODQiIGhlaWdodD0iODgiIHZpZXdCb3g9IjAgMCA4NCA4OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC45OCIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZGRkXzI0NDdfNTc0OSkiPgo8Y2lyY2xlIGN4PSI0MiIgY3k9IjM2IiByPSIxMiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8Y2lyY2xlIGN4PSI0MiIgY3k9IjM2IiByPSI3IiBmaWxsPSIjMDA1MkQ5Ii8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkZF8yNDQ3XzU3NDkiIHg9IjAiIHk9IjAiIHdpZHRoPSI4NCIgaGVpZ2h0PSI4OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSI4Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDggMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yNDQ3XzU3NDkiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMTYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDQgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfMjQ0N181NzQ5Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iZWZmZWN0Ml9kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJlZmZlY3QzX2Ryb3BTaGFkb3dfMjQ0N181NzQ5Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0M19kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K';

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

@@ -0,0 +1,36 @@
+export default function useLocationInfo({ 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>;
+    customLocation: React.MutableRefObject<undefined>;
+    checkCustomLocation: (params: any) => boolean;
+};
+import * as React from "react";

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

@@ -0,0 +1,105 @@
+// 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();
+    const customLocation = useRef();
+    const checkCustomLocation = (params) => {
+        var _a;
+        let status = true;
+        if (!(params === null || params === void 0 ? void 0 : params.address) || !(params === null || params === void 0 ? void 0 : params.detailedAddress)) {
+            status = false;
+        }
+        else if (((_a = params === null || params === void 0 ? void 0 : params.geopoint) === null || _a === void 0 ? void 0 : _a.type) != 'Point') {
+            status = false;
+        }
+        return status;
+    };
+    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 }) => {
+                    setApiKeyStatus({ status: true, message: '' });
+                    setCurrentLocStatus(true);
+                    let locations = {
+                        poiname: city + addr,
+                        detailedAddress: city + addr,
+                        latlng: { lat, lng },
+                        locationType,
+                    };
+                    currentLocations.current = locations;
+                    if (checkCustomLocation(customLocation.current))
+                        return;
+                    setLocation(locations);
+                    eventsChange &&
+                        eventsChange({
+                            poiname: city + addr,
+                            detailedAddress: city + addr,
+                            latitude: lat,
+                            longitude: lng,
+                        }, locationType === 1);
+                }, (error) => {
+                    console.error('error loc', error);
+                    currentLocations.current = null;
+                    setApiKeyStatus({
+                        status: false,
+                        message: error.code === 1
+                            ? '请打开定位权限'
+                            : error.message || '定位失败',
+                    });
+                    setCurrentLocStatus(false);
+                });
+            };
+            script.onerror = (error) => {
+                console.error('Geolocation script onerror', error);
+                setApiKeyStatus({
+                    status: false,
+                    message: '定位失败',
+                });
+                setLocation({
+                    poiname: '',
+                    detailedAddress: '',
+                    latlng: { lat: 39.98410411, lng: 116.307503 },
+                    locationType,
+                });
+            };
+            document.body.appendChild(script);
+        }
+        loadScript();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [APIKEY, locationType]);
+    return {
+        location,
+        setLocation,
+        apiKeyStatus,
+        setApiKeyStatus,
+        currentLocStatus,
+        currentLocations,
+        customLocation,
+        checkCustomLocation,
+    };
+}

package/dist/src/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";