zy-react-library 1.1.1 → 1.1.3

package/components/Icon/ResetIcon/index.js

@@ -1,9 +1 @@
-import { ReloadOutlined } from "@ant-design/icons";
-
-const ResetIcon = props => (
-  <ReloadOutlined {...props} />
-);
-
-ResetIcon.displayName = "ResetIcon";
-
-export default ResetIcon;
+import{ReloadOutlined as t}from"@ant-design/icons";import{jsx as e}from"react/jsx-runtime";const o=o=>e(t,{...o});o.displayName="ResetIcon";export{o as default};

package/components/Icon/SearchIcon/index.js

@@ -1,9 +1 @@
-import { SearchOutlined } from "@ant-design/icons";
-
-const SearchIcon = props => (
-  <SearchOutlined {...props} />
-);
-
-SearchIcon.displayName = "SearchIcon";
-
-export default SearchIcon;
+import{SearchOutlined as o}from"@ant-design/icons";import{jsx as r}from"react/jsx-runtime";const t=t=>r(o,{...t});t.displayName="SearchIcon";export{t as default};

package/components/Icon/VideoIcon/index.js

@@ -1,9 +1 @@
-import { PlayCircleOutlined } from "@ant-design/icons";
-
-const VideoIcon = props => (
-  <PlayCircleOutlined {...props} />
-);
-
-VideoIcon.displayName = "VideoIcon";
-
-export default VideoIcon;
+import{PlayCircleOutlined as o}from"@ant-design/icons";import{jsx as t}from"react/jsx-runtime";const e=e=>t(o,{...e});e.displayName="VideoIcon";export{e as default};

package/components/Icon/ViewIcon/index.js

@@ -1,9 +1 @@
-import { EyeOutlined } from "@ant-design/icons";
-
-const ViewIcon = props => (
-  <EyeOutlined {...props} />
-);
-
-ViewIcon.displayName = "ViewIcon";
-
-export default ViewIcon;
+import{EyeOutlined as o}from"@ant-design/icons";import{jsx as t}from"react/jsx-runtime";const e=e=>t(o,{...e});e.displayName="ViewIcon";export{e as default};

package/components/ImportFile/index.js

@@ -1,91 +1 @@
-import { Button, Form, Modal } from "antd";
-import { getFileUrl } from "../../utils";
-import Upload from "../Upload";
-
-/**
- * 导入文件组件
- */
-const ImportFile = (props) => {
-  const {
-    visible,
-    onCancel,
-    onConfirm,
-    title = "导入",
-    templateUrl,
-    labelCol = { span: 4 },
-    children,
-    exportTemplateButtonText = "导出模板",
-    extraButtons,
-    ...restProps
-  } = props;
-
-  const [form] = Form.useForm();
-
-  // 关闭弹窗
-  const handleClose = () => {
-    form.resetFields();
-    onCancel();
-  };
-
-  // 提交表单
-  const handleSubmit = (values) => {
-    onConfirm(values);
-    handleClose();
-  };
-
-  // 导出模板
-  const handleExportTemplate = () => {
-    Modal.confirm({
-      title: "提示",
-      content: "确定要下载excel模板吗？",
-      okText: "确定",
-      cancelText: "取消",
-      onOk: () => {
-        const fileUrl = getFileUrl();
-        window.open(fileUrl + templateUrl);
-      },
-    });
-  };
-
-  return (
-    <Modal
-      title={title}
-      open={visible}
-      onCancel={handleClose}
-      width={600}
-      maskClosable={false}
-      footer={[
-        templateUrl && (
-          <Button key="export" onClick={handleExportTemplate}>
-            {exportTemplateButtonText}
-          </Button>
-        ),
-        ...(extraButtons || []),
-        <Button key="cancel" onClick={handleClose}>
-          取消
-        </Button>,
-        <Button key="submit" type="primary" onClick={form.submit}>
-          确定
-        </Button>,
-      ]}
-    >
-      <Form
-        form={form}
-        labelCol={labelCol}
-        wrapperCol={{ span: 24 - labelCol.span }}
-        scrollToFirstError
-        onFinish={handleSubmit}
-        {...restProps}
-      >
-        {children && typeof children === "function" ? children({ form }) : children}
-        <Form.Item label="附件" name="file" rules={[{ required: true, message: "附件不能为空" }]}>
-          <Upload accept=".xls,.xlsx" listType="text" maxCount={1} />
-        </Form.Item>
-      </Form>
-    </Modal>
-  );
-};
-
-ImportFile.displayName = "ImportFile";
-
-export default ImportFile;
+import{Form as e,Modal as t,Button as o}from"antd";import{getFileUrl as l}from"../../utils/index.js";import n from"../Upload/index.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";const s=s=>{const{visible:a,onCancel:c,onConfirm:m,title:p="导入",templateUrl:d,labelCol:x={span:4},children:f,exportTemplateButtonText:u="导出模板",extraButtons:C,...h}=s,[b]=e.useForm(),k=()=>{b.resetFields(),c()};return r(t,{title:p,open:a,onCancel:k,width:600,maskClosable:!1,footer:[d&&r(o,{onClick:()=>{t.confirm({title:"提示",content:"确定要下载excel模板吗？",okText:"确定",cancelText:"取消",onOk:()=>{const e=l();window.open(e+d)}})},children:u},"export"),...C||[],r(o,{onClick:k,children:"取消"},"cancel"),r(o,{type:"primary",onClick:b.submit,children:"确定"},"submit")],children:i(e,{form:b,labelCol:x,wrapperCol:{span:24-x.span},scrollToFirstError:!0,onFinish:e=>{m(e),k()},...h,children:[f&&"function"==typeof f?f({form:b}):f,r(e.Item,{label:"附件",name:"file",rules:[{required:!0,message:"附件不能为空"}],children:r(n,{accept:".xls,.xlsx",listType:"text",maxCount:1})})]})})};s.displayName="ImportFile";export{s as default};

package/components/LeftTree/Area/index.js

@@ -1,15 +1 @@
-import Area from "../../../json/area.json";
-import BasicLeftTree from "../Basic";
-
-/**
- * 属地左侧树组件
- */
-function AreaLeftTree(props) {
-  return (
-    <BasicLeftTree treeData={Area} nameKey="label" idKey="value" {...props} />
-  );
-}
-
-AreaLeftTree.displayName = "AreaLeftTree";
-
-export default AreaLeftTree;
+import e from"../../../json/area.json";import r from"../Basic/index.js";import{jsx as a}from"react/jsx-runtime";function t(t){return a(r,{treeData:e,nameKey:"label",idKey:"value",...t})}t.displayName="AreaLeftTree";export{t as default};

package/components/LeftTree/Basic/index.js

@@ -1,171 +1 @@
-import { Input, Tree } from "antd";
-import { useEffect, useState } from "react";
-import { getTreeNodePaths } from "../../../utils";
-
-const { Search } = Input;
-
-/**
- * 基础左侧树组件（不建议直接使用此组件，二次继承使用）
- */
-const BasicLeftTree = (props) => {
-  const {
-    onGetData,
-    onSelect,
-    onGetNodePaths,
-    onGetNodePathsIsIncludeOneself = true,
-    expandedKeys: externalExpandedKeys,
-    treeData = [],
-    nameKey = "name",
-    idKey = "id",
-    childrenKey = "children",
-    ...restProps
-  } = props;
-
-  const [expandedKeys, setExpandedKeys] = useState([]);
-  const [searchValue, setSearchValue] = useState("");
-  const [autoExpandParent, setAutoExpandParent] = useState(true);
-
-  useEffect(() => {
-    setExpandedKeys(externalExpandedKeys);
-  }, [externalExpandedKeys]);
-
-  // 展开所有包含匹配项的父节点
-  const getAllExpandedKeys = (data, searchValue, keys = []) => {
-    data.forEach((node) => {
-      if (node[childrenKey]) {
-        if (node[nameKey].includes(searchValue)
-          || node[childrenKey].some(child => child[nameKey].includes(searchValue))) {
-          keys.push(node[idKey]);
-        }
-        getAllExpandedKeys(node[childrenKey], searchValue, keys);
-      }
-    });
-    return keys;
-  };
-
-  // 过滤树数据，只保留匹配的节点
-  const filterTreeData = (data, searchValue) => {
-    if (!searchValue) {
-      return data;
-    }
-
-    return data.reduce((acc, node) => {
-      // 检查当前节点是否匹配
-      const isMatch = node[nameKey].includes(searchValue);
-
-      // 递归处理子节点
-      const filteredChildren = node[childrenKey] ? filterTreeData(node[childrenKey], searchValue) : [];
-
-      // 如果当前节点匹配或者有匹配的子节点，则保留该节点
-      if (isMatch || filteredChildren.length > 0) {
-        acc.push({
-          ...node,
-          [childrenKey]: filteredChildren.length > 0 ? filteredChildren : undefined,
-        });
-      }
-
-      return acc;
-    }, []);
-  };
-
-  const handleExpand = (newExpandedKeys) => {
-    setExpandedKeys(newExpandedKeys);
-    setAutoExpandParent(false);
-  };
-
-  const handleSelect = (selectedKeys, event) => {
-    if (selectedKeys.length > 0) {
-      const selectedNodeId = selectedKeys[0];
-      const parentNodes = getTreeNodePaths({
-        data: treeData,
-        targetId: selectedNodeId,
-        idKey,
-        childrenKey,
-        isIncludeOneself: onGetNodePathsIsIncludeOneself,
-      });
-      onGetNodePaths?.(parentNodes);
-    }
-    onSelect?.(selectedKeys, event);
-  };
-
-  const onFilterTreeData = (value) => {
-    setSearchValue(value);
-    setAutoExpandParent(true);
-
-    if (!value) {
-      setExpandedKeys([]);
-      return;
-    }
-
-    const expandedKeys = getAllExpandedKeys(treeData, value);
-
-    setExpandedKeys(expandedKeys);
-  };
-
-  const onSearch = async (value) => {
-    if (value === searchValue)
-      return;
-    onFilterTreeData(value);
-  };
-
-  // 渲染带高亮的标题
-  const renderTitle = (name) => {
-    if (!searchValue)
-      return name;
-
-    const index = name.indexOf(searchValue);
-    if (index === -1)
-      return name;
-
-    const beforeStr = name.substring(0, index);
-    const afterStr = name.substring(index + searchValue.length);
-
-    return (
-      <span>
-        {beforeStr}
-        <span style={{ color: "#f50" }}>{searchValue}</span>
-        {afterStr}
-      </span>
-    );
-  };
-
-  // 递归处理树节点标题显示
-  const processTreeData = (data) => {
-    return data.map(node => ({
-      ...node,
-      [nameKey]: renderTitle(node[nameKey]),
-      [childrenKey]: node[childrenKey] ? processTreeData(node[childrenKey]) : undefined,
-    }));
-  };
-
-  // 过滤并处理树数据
-  const filteredTreeData = filterTreeData(treeData, searchValue);
-  const processedTreeData = processTreeData(filteredTreeData);
-
-  useEffect(() => {
-    onGetData?.(treeData);
-  }, [treeData]);
-
-  return (
-    <div style={{ width: 300 }}>
-      <Search
-        style={{ marginBottom: 8 }}
-        placeholder="输入关键字进行过滤"
-        onSearch={onSearch}
-      />
-      <Tree
-        onExpand={handleExpand}
-        onSelect={handleSelect}
-        autoExpandParent={autoExpandParent}
-        expandedKeys={expandedKeys}
-        treeData={processedTreeData}
-        fieldNames={{ title: nameKey, key: idKey, children: childrenKey }}
-        {...restProps}
-      />
-    </div>
-  );
-};
-
-BasicLeftTree.displayName = "BasicLeftTree";
-
-export default BasicLeftTree;
+import{Input as e,Tree as t}from"antd";import{useState as n,useEffect as r}from"react";import{getTreeNodePaths as s}from"../../../utils/index.js";import{jsxs as d,jsx as i}from"react/jsx-runtime";const{Search:a}=e,o=e=>{const{onGetData:o,onSelect:c,onGetNodePaths:l,onGetNodePathsIsIncludeOneself:h=!0,expandedKeys:u,treeData:m=[],nameKey:f="name",idKey:p="id",childrenKey:y="children",...g}=e,[x,K]=n([]),[v,I]=n(""),[N,S]=n(!0);r(()=>{K(u)},[u]);const D=(e,t,n=[])=>(e.forEach(e=>{e[y]&&((e[f].includes(t)||e[y].some(e=>e[f].includes(t)))&&n.push(e[p]),D(e[y],t,n))}),n),E=(e,t)=>t?e.reduce((e,n)=>{const r=n[f].includes(t),s=n[y]?E(n[y],t):[];return(r||s.length>0)&&e.push({...n,[y]:s.length>0?s:void 0}),e},[]):e,G=e=>{if(!v)return e;const t=e.indexOf(v);if(-1===t)return e;const n=e.substring(0,t),r=e.substring(t+v.length);return d("span",{children:[n,i("span",{style:{color:"#f50"},children:v}),r]})},O=e=>e.map(e=>({...e,[f]:G(e[f]),[y]:e[y]?O(e[y]):void 0})),P=E(m,v),b=O(P);return r(()=>{o?.(m)},[m]),d("div",{style:{width:300},children:[i(a,{style:{marginBottom:8},placeholder:"输入关键字进行过滤",onSearch:async e=>{e!==v&&(e=>{if(I(e),S(!0),!e)return void K([]);const t=D(m,e);K(t)})(e)}}),i(t,{onExpand:e=>{K(e),S(!1)},onSelect:(e,t)=>{if(e.length>0){const t=e[0],n=s({data:m,targetId:t,idKey:p,childrenKey:y,isIncludeOneself:h});l?.(n)}c?.(e,t)},autoExpandParent:N,expandedKeys:x,treeData:b,fieldNames:{title:f,key:p,children:y},...g})]})};o.displayName="BasicLeftTree";export{o as default};

package/components/LeftTree/Department/Gwj/index.js

@@ -1,32 +1 @@
-import { request } from "@cqsjjb/jjb-common-lib/http";
-import { useEffect, useState } from "react";
-import BasicLeftTree from "../../Basic";
-
-/**
- * 部门左侧树组件（港务局版本）
- */
-function DepartmentLeftTree(props) {
-  const {
-    params = {},
-    ...restProps
-  } = props;
-
-  const [treeData, setTreeData] = useState([]);
-
-  const getData = async () => {
-    const { data } = await request("/basicInfo/department/listTree", "post", params);
-    setTreeData(data);
-  };
-
-  useEffect(() => {
-    getData();
-  }, []);
-
-  return (
-    <BasicLeftTree treeData={treeData} childrenKey="childrenList" {...restProps} />
-  );
-}
-
-DepartmentLeftTree.displayName = "DepartmentLeftTree";
-
-export default DepartmentLeftTree;
+import{request as t}from"@cqsjjb/jjb-common-lib/http";import{useState as e,useEffect as r}from"react";import a from"../../Basic/index.js";import{jsx as i}from"react/jsx-runtime";function o(o){const{params:m={},...n}=o,[s,c]=e([]);return r(()=>{(async()=>{const{data:e}=await t("/basicInfo/department/listTree","post",m);c(e)})()},[]),i(a,{treeData:s,childrenKey:"childrenList",...n})}o.displayName="DepartmentLeftTree";export{o as default};

package/components/LeftTree/Dictionary/index.js

@@ -1,42 +1 @@
-import { request } from "@cqsjjb/jjb-common-lib/http";
-import { useEffect, useState } from "react";
-import { DICTIONARY_APP_KEY_ENUM } from "../../../enum/dictionary";
-import BasicLeftTree from "../Basic";
-
-/**
- * 数据字典左侧树组件
- */
-function DictionaryLeftTree(props) {
-  const {
-    appKey = DICTIONARY_APP_KEY_ENUM.DEFAULT,
-    dictValue = "",
-    nameKey = "dictLabel",
-    idKey = "dictValue",
-    ...restProps
-  } = props;
-
-  const [treeData, setTreeData] = useState([]);
-
-  const getData = async () => {
-    if (!Object.values(DICTIONARY_APP_KEY_ENUM).includes(appKey)) {
-      console.error("传入的 appKey 不在 DICTIONARY_APP_KEY_ENUM 中");
-      return;
-    }
-
-    setTreeData([]);
-    const { data } = await request("/config/dict-trees/list/by/dictValues", "get", { appKey, dictValue });
-    setTreeData(data);
-  };
-
-  useEffect(() => {
-    dictValue && getData();
-  }, [dictValue]);
-
-  return (
-    <BasicLeftTree treeData={treeData} nameKey={nameKey} idKey={idKey} {...restProps} />
-  );
-}
-
-DictionaryLeftTree.displayName = "DictionaryLeftTree";
-
-export default DictionaryLeftTree;
+import{request as e}from"@cqsjjb/jjb-common-lib/http";import{useState as t,useEffect as i}from"react";import{DICTIONARY_APP_KEY_ENUM as a}from"../../../enum/dictionary/index.js";import r from"../Basic/index.js";import{jsx as o}from"react/jsx-runtime";function c(c){const{appKey:n=a.DEFAULT,dictValue:m="",nameKey:d="dictLabel",idKey:s="dictValue",...p}=c,[l,u]=t([]);return i(()=>{m&&(async()=>{if(!Object.values(a).includes(n))return void console.error("传入的 appKey 不在 DICTIONARY_APP_KEY_ENUM 中");u([]);const{data:t}=await e("/config/dict-trees/list/by/dictValues","get",{appKey:n,dictValue:m});u(t)})()},[m]),o(r,{treeData:l,nameKey:d,idKey:s,...p})}c.displayName="DictionaryLeftTree";export{c as default};

package/components/Map/MapSelector.js

@@ -1,254 +1 @@
-import { Button, Col, Form, Input, Modal, Row, Select, Spin } from "antd";
-import { useEffect, useRef, useState } from "react";
-import { dynamicLoadJs } from "../../utils";
-
-/**
- * 定位组件弹窗
- */
-const MapSelector = (props) => {
-  const {
-    visible,
-    onClose,
-    longitude,
-    latitude,
-    onConfirm,
-    area = "",
-    showArea = false,
-    disable = false,
-  } = props;
-
-  const mapContainerRef = useRef(null);
-  const mapInstanceRef = useRef(null);
-  const local = useRef(null);
-  const [loading, setLoading] = useState(false);
-  const [currentLongitude, setCurrentLongitude] = useState(longitude || "");
-  const [currentLatitude, setCurrentLatitude] = useState(latitude || "");
-  const [localSearch, setLocalSearch] = useState("");
-  const [currentArea, setCurrentArea] = useState("");
-
-  // 当外部经纬度变化时，更新内部状态
-  useEffect(() => {
-    setCurrentLongitude(longitude || "");
-    setCurrentLatitude(latitude || "");
-    setCurrentArea(area || "");
-  }, [longitude, latitude, area]);
-
-  // 初始化地图
-  const initMap = async () => {
-    if (!window.BMapGL) {
-      await dynamicLoadJs("https://api.map.baidu.com/api?v=1.0&type=webgl&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr&callback=initialize");
-    }
-
-    setLoading(true);
-
-    // 确保DOM已经渲染
-    await new Promise(resolve => setTimeout(resolve, 100));
-
-    if (mapContainerRef.current) {
-      // 只有在没有地图实例时才创建新地图
-      if (!mapInstanceRef.current) {
-        const map = new window.BMapGL.Map(mapContainerRef.current);
-        mapInstanceRef.current = map;
-
-        map.centerAndZoom(
-          new window.BMapGL.Point(
-            longitude || "119.69457721306945",
-            latitude || "39.940504336846665",
-          ),
-          16,
-        );
-
-        map.enableScrollWheelZoom(true);
-
-        // 如果有初始坐标，添加标记
-        if (longitude && latitude) {
-          const point = new window.BMapGL.Point(longitude, latitude);
-          const marker = new window.BMapGL.Marker(point);
-          map.addOverlay(marker);
-        }
-
-        // 添加点击事件
-        if (!disable) {
-          map.addEventListener("click", (event) => {
-            map.clearOverlays();
-            const point = new window.BMapGL.Point(event.latlng.lng, event.latlng.lat);
-            const marker = new window.BMapGL.Marker(point);
-            map.addOverlay(marker);
-            setCurrentLatitude(event.latlng.lat);
-            setCurrentLongitude(event.latlng.lng);
-          });
-        }
-      }
-
-      setLoading(false);
-    }
-  };
-
-  // 搜索功能
-  const handleLocalSearch = () => {
-    if (localSearch && mapInstanceRef.current) {
-      local.current = new window.BMapGL.LocalSearch(mapInstanceRef.current, {
-        renderOptions: { map: mapInstanceRef.current },
-      });
-      local.current.search(localSearch);
-    }
-  };
-
-  // 清空
-  const handleLocalClear = () => {
-    setLocalSearch("");
-    if (mapInstanceRef.current) {
-      local.current.search("");
-    }
-  };
-
-  // 关闭弹窗
-  const handleClose = () => {
-    setLocalSearch("");
-    if (onClose)
-      onClose();
-  };
-
-  // 确认选择
-  const handleConfirm = () => {
-    if (onConfirm) {
-      onConfirm(currentLongitude, currentLatitude, { area: currentArea });
-    }
-    handleClose();
-  };
-
-  // 监听visible变化
-  useEffect(() => {
-    let initTimer;
-
-    if (visible) {
-      // 延迟初始化地图，确保DOM完全渲染
-      initTimer = setTimeout(() => {
-        initMap();
-      }, 100);
-    }
-
-    return () => {
-      if (initTimer) {
-        clearTimeout(initTimer);
-      }
-    };
-  }, [visible]);
-
-  const handleAfterClose = () => {
-    if (mapInstanceRef.current) {
-      try {
-        mapInstanceRef.current.clearOverlays();
-        mapInstanceRef.current.destroy();
-        mapInstanceRef.current = null;
-      }
-      catch (e) {
-        console.warn("Error destroying map on unmount:", e);
-      }
-      mapInstanceRef.current = null;
-    }
-  };
-
-  // 组件卸载时清理地图
-  useEffect(() => {
-    return () => {
-      handleAfterClose();
-    };
-  }, []);
-
-  return (
-    <Modal
-      open={visible}
-      title="坐标"
-      onCancel={handleClose}
-      width={1000}
-      destroyOnHidden={false}
-      maskClosable={false}
-      afterClose={handleAfterClose}
-      footer={[
-        <Button key="back" onClick={handleClose}>
-          取消
-        </Button>,
-        !disable && (
-          <Button key="submit" type="primary" onClick={handleConfirm}>
-            确定
-          </Button>
-        ),
-      ]}
-    >
-      <Form labelAlign="right" labelCol={{ span: 6 }} wrapperCol={{ span: 18 }}>
-        {
-          showArea && (
-            <Row gutter={24}>
-              <Col span={12}>
-                <Form.Item label="所属区域">
-                  <Select value={currentArea} onChange={e => setCurrentArea(e)} allowClear>
-                    <Select.Option value="1">东港区</Select.Option>
-                    <Select.Option value="2">西港区</Select.Option>
-                  </Select>
-                </Form.Item>
-              </Col>
-            </Row>
-          )
-        }
-        {
-          !disable && (
-            <Row gutter={24}>
-              <Col span={12}>
-                <Form.Item label="关键字搜索">
-                  <Input value={localSearch} onChange={e => setLocalSearch(e.target.value)} allowClear />
-                </Form.Item>
-              </Col>
-              <Col span={12}>
-                <Form.Item label=" " colon={false} style={{ textAlign: "right" }}>
-                  <Button type="primary" onClick={handleLocalSearch}>
-                    搜索
-                  </Button>
-                  <Button onClick={handleLocalClear} style={{ marginLeft: 8 }}>
-                    重置
-                  </Button>
-                </Form.Item>
-              </Col>
-            </Row>
-          )
-        }
-        <Row gutter={24}>
-          <Col span={12}>
-            <Form.Item label="经度">
-              <Input disabled value={currentLongitude} />
-            </Form.Item>
-          </Col>
-          <Col span={12}>
-            <Form.Item label="纬度">
-              <Input disabled value={currentLatitude} />
-            </Form.Item>
-          </Col>
-        </Row>
-      </Form>
-      <div
-        ref={mapContainerRef}
-        style={{ width: "100%", height: "500px", position: "relative" }}
-      >
-        <Spin size="large" tip="地图正在加载中..." spinning={loading}>
-          <div style={{
-            position: "absolute",
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-            backgroundColor: "rgba(0, 0, 0, 0.5)",
-            zIndex: 1000,
-          }}
-          />
-        </Spin>
-      </div>
-    </Modal>
-  );
-};
-
-MapSelector.displayName = "MapSelector";
-
-export default MapSelector;
+import{Modal as e,Form as n,Row as l,Col as r,Select as t,Input as a,Button as i,Spin as o}from"antd";import{useRef as c,useState as d,useEffect as s}from"react";import{dynamicLoadJs as p}from"../../utils/index.js";import{jsxs as u,jsx as h}from"react/jsx-runtime";const w=w=>{const{visible:m,onClose:b,longitude:g,latitude:y,onConfirm:f,area:C="",showArea:v=!1,disable:k=!1}=w,L=c(null),M=c(null),O=c(null),[B,G]=d(!1),[x,I]=d(g||""),[A,F]=d(y||""),[K,N]=d(""),[z,E]=d("");s(()=>{I(g||""),F(y||""),E(C||"")},[g,y,C]);const P=()=>{N(""),b&&b()};s(()=>{let e;return m&&(e=setTimeout(()=>{(async()=>{if(window.BMapGL||(window?.base?.loadDynamicResource?await window.base.loadDynamicResource({url:"https://api.map.baidu.com/api?v=1.0&type=webgl&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr&callback=initialize",type:"script"}):await p("https://api.map.baidu.com/api?v=1.0&type=webgl&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr&callback=initialize")),G(!0),await new Promise(e=>setTimeout(e,100)),L.current){if(!M.current){const e=new window.BMapGL.Map(L.current);if(M.current=e,e.centerAndZoom(new window.BMapGL.Point(g||"119.69457721306945",y||"39.940504336846665"),16),e.enableScrollWheelZoom(!0),g&&y){const n=new window.BMapGL.Point(g,y),l=new window.BMapGL.Marker(n);e.addOverlay(l)}k||e.addEventListener("click",n=>{e.clearOverlays();const l=new window.BMapGL.Point(n.latlng.lng,n.latlng.lat),r=new window.BMapGL.Marker(l);e.addOverlay(r),F(n.latlng.lat),I(n.latlng.lng)})}G(!1)}})()},100)),()=>{e&&clearTimeout(e)}},[m]);const j=()=>{if(M.current){try{M.current.clearOverlays(),M.current.destroy(),M.current=null}catch(e){console.warn("Error destroying map on unmount:",e)}M.current=null}};return s(()=>()=>{j()},[]),u(e,{open:m,title:"坐标",onCancel:P,width:1e3,destroyOnHidden:!1,maskClosable:!1,afterClose:j,footer:[h(i,{onClick:P,children:"取消"},"back"),!k&&h(i,{type:"primary",onClick:()=>{f&&f(x,A,{area:z}),P()},children:"确定"},"submit")],children:[u(n,{labelAlign:"right",labelCol:{span:6},wrapperCol:{span:18},children:[v&&h(l,{gutter:24,children:h(r,{span:12,children:h(n.Item,{label:"所属区域",children:u(t,{value:z,onChange:e=>E(e),allowClear:!0,children:[h(t.Option,{value:"1",children:"东港区"}),h(t.Option,{value:"2",children:"西港区"})]})})})}),!k&&u(l,{gutter:24,children:[h(r,{span:12,children:h(n.Item,{label:"关键字搜索",children:h(a,{value:K,onChange:e=>N(e.target.value),allowClear:!0})})}),h(r,{span:12,children:u(n.Item,{label:" ",colon:!1,style:{textAlign:"right"},children:[h(i,{type:"primary",onClick:()=>{K&&M.current&&(O.current=new window.BMapGL.LocalSearch(M.current,{renderOptions:{map:M.current}}),O.current.search(K))},children:"搜索"}),h(i,{onClick:()=>{N(""),M.current&&O.current.search("")},style:{marginLeft:8},children:"重置"})]})})]}),u(l,{gutter:24,children:[h(r,{span:12,children:h(n.Item,{label:"经度",children:h(a,{disabled:!0,value:x})})}),h(r,{span:12,children:h(n.Item,{label:"纬度",children:h(a,{disabled:!0,value:A})})})]})]}),h("div",{ref:L,style:{width:"100%",height:"500px",position:"relative"},children:h(o,{size:"large",tip:"地图正在加载中...",spinning:B,children:h("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:1e3}})})})]})};w.displayName="MapSelector";export{w as default};