zy-react-library 1.1.0 → 1.1.2

package/components/Icon/AddIcon/index.js

@@ -1,9 +1,9 @@
-import { PlusOutlined } from "@ant-design/icons";
-
-const AddIcon = props => (
-  <PlusOutlined {...props} />
-);
+import { PlusOutlined } from '@ant-design/icons';
+import { jsx } from 'react/jsx-runtime';
 
+const AddIcon = props => /*#__PURE__*/jsx(PlusOutlined, {
+  ...props
+});
 AddIcon.displayName = "AddIcon";
 
-export default AddIcon;
+export { AddIcon as default };

package/components/Icon/BackIcon/index.js

@@ -1,9 +1,9 @@
-import { ArrowLeftOutlined } from "@ant-design/icons";
-
-const BackIcon = props => (
-  <ArrowLeftOutlined {...props} />
-);
+import { ArrowLeftOutlined } from '@ant-design/icons';
+import { jsx } from 'react/jsx-runtime';
 
+const BackIcon = props => /*#__PURE__*/jsx(ArrowLeftOutlined, {
+  ...props
+});
 BackIcon.displayName = "BackIcon";
 
-export default BackIcon;
+export { BackIcon as default };

package/components/Icon/DeleteIcon/index.js

@@ -1,9 +1,9 @@
-import { DeleteOutlined } from "@ant-design/icons";
-
-const DeleteIcon = props => (
-  <DeleteOutlined {...props} />
-);
+import { DeleteOutlined } from '@ant-design/icons';
+import { jsx } from 'react/jsx-runtime';
 
+const DeleteIcon = props => /*#__PURE__*/jsx(DeleteOutlined, {
+  ...props
+});
 DeleteIcon.displayName = "DeleteIcon";
 
-export default DeleteIcon;
+export { DeleteIcon as default };

package/components/Icon/DownloadIcon/index.js

@@ -1,9 +1,9 @@
-import { DownloadOutlined } from "@ant-design/icons";
-
-const DownloadIcon = props => (
-  <DownloadOutlined {...props} />
-);
+import { DownloadOutlined } from '@ant-design/icons';
+import { jsx } from 'react/jsx-runtime';
 
+const DownloadIcon = props => /*#__PURE__*/jsx(DownloadOutlined, {
+  ...props
+});
 DownloadIcon.displayName = "DownloadIcon";
 
-export default DownloadIcon;
+export { DownloadIcon as default };

package/components/Icon/EditIcon/index.js

@@ -1,9 +1,9 @@
-import { EditOutlined } from "@ant-design/icons";
-
-const EditIcon = props => (
-  <EditOutlined {...props} />
-);
+import { EditOutlined } from '@ant-design/icons';
+import { jsx } from 'react/jsx-runtime';
 
+const EditIcon = props => /*#__PURE__*/jsx(EditOutlined, {
+  ...props
+});
 EditIcon.displayName = "EditIcon";
 
-export default EditIcon;
+export { EditIcon as default };

package/components/Icon/ExportIcon/index.js

@@ -1,9 +1,9 @@
-import { ExportOutlined } from "@ant-design/icons";
-
-const ExportIcon = props => (
-  <ExportOutlined {...props} />
-);
+import { ExportOutlined } from '@ant-design/icons';
+import { jsx } from 'react/jsx-runtime';
 
+const ExportIcon = props => /*#__PURE__*/jsx(ExportOutlined, {
+  ...props
+});
 ExportIcon.displayName = "ExportIcon";
 
-export default ExportIcon;
+export { ExportIcon as default };

package/components/Icon/ImportIcon/index.js

@@ -1,9 +1,9 @@
-import { ImportOutlined } from "@ant-design/icons";
-
-const ImportIcon = props => (
-  <ImportOutlined {...props} />
-);
+import { ImportOutlined } from '@ant-design/icons';
+import { jsx } from 'react/jsx-runtime';
 
+const ImportIcon = props => /*#__PURE__*/jsx(ImportOutlined, {
+  ...props
+});
 ImportIcon.displayName = "ImportIcon";
 
-export default ImportIcon;
+export { ImportIcon as default };

package/components/Icon/LocationIcon/index.js

@@ -1,9 +1,9 @@
-import { EnvironmentOutlined } from "@ant-design/icons";
-
-const LocationIcon = props => (
-  <EnvironmentOutlined {...props} />
-);
+import { EnvironmentOutlined } from '@ant-design/icons';
+import { jsx } from 'react/jsx-runtime';
 
+const LocationIcon = props => /*#__PURE__*/jsx(EnvironmentOutlined, {
+  ...props
+});
 LocationIcon.displayName = "LocationIcon";
 
-export default LocationIcon;
+export { LocationIcon as default };

package/components/Icon/PrintIcon/index.js

@@ -1,9 +1,9 @@
-import { PrinterOutlined } from "@ant-design/icons";
-
-const PrintIcon = props => (
-  <PrinterOutlined {...props} />
-);
+import { PrinterOutlined } from '@ant-design/icons';
+import { jsx } from 'react/jsx-runtime';
 
+const PrintIcon = props => /*#__PURE__*/jsx(PrinterOutlined, {
+  ...props
+});
 PrintIcon.displayName = "PrintIcon";
 
-export default PrintIcon;
+export { PrintIcon as default };

package/components/Icon/ResetIcon/index.js

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

package/components/Icon/SearchIcon/index.js

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

package/components/Icon/VideoIcon/index.js

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

package/components/Icon/ViewIcon/index.js

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

package/components/ImportFile/index.js

@@ -1,91 +1,94 @@
-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, Modal, Button } from 'antd';
+import { getFileUrl } from '../../utils/index.js';
+import Upload from '../Upload/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+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 /*#__PURE__*/jsx(Modal, {
+    title: title,
+    open: visible,
+    onCancel: handleClose,
+    width: 600,
+    maskClosable: false,
+    footer: [templateUrl && /*#__PURE__*/jsx(Button, {
+      onClick: handleExportTemplate,
+      children: exportTemplateButtonText
+    }, "export"), ...(extraButtons || []), /*#__PURE__*/jsx(Button, {
+      onClick: handleClose,
+      children: "\u53D6\u6D88"
+    }, "cancel"), /*#__PURE__*/jsx(Button, {
+      type: "primary",
+      onClick: form.submit,
+      children: "\u786E\u5B9A"
+    }, "submit")],
+    children: /*#__PURE__*/jsxs(Form, {
+      form: form,
+      labelCol: labelCol,
+      wrapperCol: {
+        span: 24 - labelCol.span
+      },
+      scrollToFirstError: true,
+      onFinish: handleSubmit,
+      ...restProps,
+      children: [children && typeof children === "function" ? children({
+        form
+      }) : children, /*#__PURE__*/jsx(Form.Item, {
+        label: "\u9644\u4EF6",
+        name: "file",
+        rules: [{
+          required: true,
+          message: "附件不能为空"
+        }],
+        children: /*#__PURE__*/jsx(Upload, {
+          accept: ".xls,.xlsx",
+          listType: "text",
+          maxCount: 1
+        })
+      })]
+    })
+  });
+};
+ImportFile.displayName = "ImportFile";
+
+export { ImportFile as default };

package/components/LeftTree/Area/index.js

@@ -1,15 +1,15 @@
-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 Area from '../../../json/area.json';
+import BasicLeftTree from '../Basic/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+function AreaLeftTree(props) {
+  return /*#__PURE__*/jsx(BasicLeftTree, {
+    treeData: Area,
+    nameKey: "label",
+    idKey: "value",
+    ...props
+  });
+}
+AreaLeftTree.displayName = "AreaLeftTree";
+
+export { AreaLeftTree as default };

package/components/LeftTree/Basic/index.js

@@ -1,13 +1,16 @@
-import { Input, Tree } from "antd";
-import { useEffect, useState } from "react";
-import { getTreeNodePaths } from "../../../utils";
+import { Input, Tree } from 'antd';
+import { useState, useEffect } from 'react';
+import { getTreeNodePaths } from '../../../utils/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-const { Search } = Input;
+const {
+  Search
+} = Input;
 
 /**
  * 基础左侧树组件（不建议直接使用此组件，二次继承使用）
  */
-const BasicLeftTree = (props) => {
+const BasicLeftTree = props => {
   const {
     onGetData,
     onSelect,
@@ -20,21 +23,18 @@ const BasicLeftTree = (props) => {
     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) => {
+    data.forEach(node => {
       if (node[childrenKey]) {
-        if (node[nameKey].includes(searchValue)
-          || node[childrenKey].some(child => child[nameKey].includes(searchValue))) {
+        if (node[nameKey].includes(searchValue) || node[childrenKey].some(child => child[nameKey].includes(searchValue))) {
           keys.push(node[idKey]);
         }
         getAllExpandedKeys(node[childrenKey], searchValue, keys);
@@ -48,7 +48,6 @@ const BasicLeftTree = (props) => {
     if (!searchValue) {
       return data;
     }
-
     return data.reduce((acc, node) => {
       // 检查当前节点是否匹配
       const isMatch = node[nameKey].includes(searchValue);
@@ -60,19 +59,16 @@ const BasicLeftTree = (props) => {
       if (isMatch || filteredChildren.length > 0) {
         acc.push({
           ...node,
-          [childrenKey]: filteredChildren.length > 0 ? filteredChildren : undefined,
+          [childrenKey]: filteredChildren.length > 0 ? filteredChildren : undefined
         });
       }
-
       return acc;
     }, []);
   };
-
-  const handleExpand = (newExpandedKeys) => {
+  const handleExpand = newExpandedKeys => {
     setExpandedKeys(newExpandedKeys);
     setAutoExpandParent(false);
   };
-
   const handleSelect = (selectedKeys, event) => {
     if (selectedKeys.length > 0) {
       const selectedNodeId = selectedKeys[0];
@@ -81,91 +77,84 @@ const BasicLeftTree = (props) => {
         targetId: selectedNodeId,
         idKey,
         childrenKey,
-        isIncludeOneself: onGetNodePathsIsIncludeOneself,
+        isIncludeOneself: onGetNodePathsIsIncludeOneself
       });
       onGetNodePaths?.(parentNodes);
     }
     onSelect?.(selectedKeys, event);
   };
-
-  const onFilterTreeData = (value) => {
+  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;
+  const onSearch = async value => {
+    if (value === searchValue) return;
     onFilterTreeData(value);
   };
 
   // 渲染带高亮的标题
-  const renderTitle = (name) => {
-    if (!searchValue)
-      return name;
-
+  const renderTitle = name => {
+    if (!searchValue) return name;
     const index = name.indexOf(searchValue);
-    if (index === -1)
-      return name;
-
+    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>
-    );
+    return /*#__PURE__*/jsxs("span", {
+      children: [beforeStr, /*#__PURE__*/jsx("span", {
+        style: {
+          color: "#f50"
+        },
+        children: searchValue
+      }), afterStr]
+    });
   };
 
   // 递归处理树节点标题显示
-  const processTreeData = (data) => {
+  const processTreeData = data => {
     return data.map(node => ({
       ...node,
       [nameKey]: renderTitle(node[nameKey]),
-      [childrenKey]: node[childrenKey] ? processTreeData(node[childrenKey]) : undefined,
+      [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>
-  );
+  return /*#__PURE__*/jsxs("div", {
+    style: {
+      width: 300
+    },
+    children: [/*#__PURE__*/jsx(Search, {
+      style: {
+        marginBottom: 8
+      },
+      placeholder: "\u8F93\u5165\u5173\u952E\u5B57\u8FDB\u884C\u8FC7\u6EE4",
+      onSearch: onSearch
+    }), /*#__PURE__*/jsx(Tree, {
+      onExpand: handleExpand,
+      onSelect: handleSelect,
+      autoExpandParent: autoExpandParent,
+      expandedKeys: expandedKeys,
+      treeData: processedTreeData,
+      fieldNames: {
+        title: nameKey,
+        key: idKey,
+        children: childrenKey
+      },
+      ...restProps
+    })]
+  });
 };
-
 BasicLeftTree.displayName = "BasicLeftTree";
 
-export default BasicLeftTree;
+export { BasicLeftTree as default };