@cloudbase/weda-ui 3.2.1 → 3.3.1

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

@@ -1,172 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { tmapApiUrl } from '../constants';
-import { getTMap } from '../../../../utils/tmap';
-const { useEffect, useRef, useState } = React;
-const defaultLatLng = {
-    lat: null,
-    lng: null,
-};
-export default function MapView({ APIKEY = '', drag = true, zoom = true, latlng = defaultLatLng, }) {
-    const mapRef = useRef();
-    const markerRef = useRef();
-    const mapDom = useRef();
-    const mapDomName = useRef(new Date().getTime());
-    const [mapStatus, setMapStatus] = useState(false);
-    const { lat, lng } = latlng;
-    const initMap = () => {
-        if (mapRef.current || !mapDom.current)
-            return;
-        try {
-            const TMap = getTMap();
-            //定义地图中心点坐标
-            const center = new TMap.LatLng(lat, lng);
-            //定义map变量，调用 TMap.Map() 构造函数创建地图
-            mapRef.current = new TMap.Map(mapDom.current, {
-                center,
-                zoom: 16,
-                minZoom: 3,
-                maxZoom: 20,
-            });
-            mapRef.current.setDraggable(drag);
-            removeOrAddZoom(mapRef.current, TMap);
-            initMarker();
-            setMapStatus(true);
-        }
-        catch (error) {
-            console.log('initMap error', error);
-        }
-    };
-    const initMarker = () => {
-        try {
-            const TMap = getTMap();
-            const canLoad = TMap && lat && lng && mapRef.current;
-            if (canLoad) {
-                const position = new TMap.LatLng(lat, lng);
-                markerRef.current = new TMap.MultiMarker({
-                    map: mapRef.current,
-                    styles: {
-                        pointer: new TMap.MarkerStyle({
-                            width: 26,
-                            height: 35,
-                        }),
-                    },
-                    geometries: [
-                        {
-                            id: `pointer-${mapDomName.current}`,
-                            styleId: 'pointer',
-                            position,
-                        },
-                    ],
-                });
-            }
-        }
-        catch (err) {
-            console.log('initMarker err', err);
-        }
-    };
-    useEffect(() => {
-        if (!APIKEY || new RegExp('[\\u4E00-\\u9FFF]+', 'g').test(APIKEY))
-            return;
-        function loadScript() {
-            // 移除之前的
-            if (document.getElementById('tmap-script')) {
-                document.body.removeChild(document.getElementById('tmap-script'));
-            }
-            const script = document.createElement('script');
-            script.type = 'text/javascript';
-            script.src = `${tmapApiUrl}?v=2.exp&key=${APIKEY}&callback=init&libraries=service`;
-            script.setAttribute('id', 'tmap-script');
-            script.onload = () => {
-                initMap();
-            };
-            script.onerror = (err) => {
-                console.log('loadScript err', err);
-            };
-            document.body.appendChild(script);
-        }
-        // 不知道
-        // eslint-disable-next-line rulesdir/no-timer
-        setTimeout(() => {
-            loadScript();
-        }, 1000);
-        return () => {
-            mapRef.current && mapRef.current.destroy();
-            mapRef.current = null;
-            setMapStatus(false);
-        };
-    }, [APIKEY]);
-    useEffect(() => {
-        mapRef.current && mapRef.current.setDraggable(drag);
-    }, [drag, mapRef.current]);
-    useEffect(() => {
-        mapRef.current && getTMap() && removeOrAddZoom(mapRef.current, getTMap());
-    }, [zoom, mapRef.current]);
-    useEffect(() => {
-        const TMap = getTMap();
-        const canLoad = TMap && lat && lng && mapRef.current && mapStatus;
-        if (canLoad) {
-            try {
-                const newLatLng = new TMap.LatLng(lat, lng);
-                mapRef.current.setCenter(newLatLng);
-                mapRef.current.panTo(newLatLng);
-                markerRef.current.updateGeometries([
-                    {
-                        styleId: 'pointer',
-                        id: `pointer-${mapDomName.current}`,
-                        position: newLatLng,
-                    },
-                ]);
-            }
-            catch (error) {
-                console.log('updateGeometries error view', error);
-            }
-        }
-    }, [lat, lng, mapStatus]);
-    // 缩放事件
-    const removeOrAddZoom = (map, TMap) => {
-        try {
-            let level = map.getZoom();
-            map.setScrollable(zoom);
-            map.setDoubleClickZoom(zoom);
-            // 缩放控件
-            if (zoom) {
-                addControl(map, TMap);
-                map.setMaxZoom(20);
-                map.setMinZoom(3);
-            }
-            else {
-                removeControl(map, TMap);
-                map.setMaxZoom(level);
-                map.setMinZoom(level);
-            }
-        }
-        catch (error) {
-            console.log('removeOrAddZoom error', error);
-        }
-    };
-    // 移除缩放控件
-    const removeControl = (map, TMap) => {
-        if (!map.getControl(TMap.constants.DEFAULT_CONTROL_ID.ZOOM)) {
-            return;
-        }
-        map.removeControl(TMap.constants.DEFAULT_CONTROL_ID.ZOOM);
-    };
-    // 缩放控件添加到地图上
-    const addControl = (map, TMap) => {
-        let control = map.getControl(TMap.constants.DEFAULT_CONTROL_ID.ZOOM);
-        if (!control) {
-            map.addControl(control);
-            control.setPosition(TMap.constants.CONTROL_POSITION.BOTTOM_RIGHT);
-        }
-    };
-    return (React.createElement("div", { ref: mapDom, id: `form-location-map-${mapDomName.current}`, style: { height: '100%', width: '100%' } }));
-}
-MapView.propTypes = {
-    APIKEY: PropTypes.string,
-    drag: PropTypes.bool,
-    zoom: PropTypes.bool,
-    latlng: PropTypes.object,
-};

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

@@ -1,59 +0,0 @@
-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<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/web/components/form/location/common/propsConfig.js

@@ -1,50 +0,0 @@
-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/web/components/form/location/common/selectModal.d.ts

@@ -1,21 +0,0 @@
-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

@@ -1,44 +0,0 @@
-// 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

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

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

@@ -1,104 +0,0 @@
-// 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.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,
-        customLocation,
-        checkCustomLocation,
-    };
-}

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

@@ -1,8 +0,0 @@
-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";