zy-react-library 1.1.0 → 1.1.2

package/components/PreviewPdf/index.js

@@ -1,86 +1,78 @@
-import { Button, Space } from "antd";
-import { useState } from "react";
-import Pdf from "../Pdf";
-
-/**
- * 在查看页面中PDF查看组件
- */
-const PreviewPdf = (props) => {
-  const {
-    files = [],
-    nameKey = "",
-    urlKey = "",
-    name = "",
-    url = "",
-  } = props;
-
-  const [visible, setVisible] = useState(false);
-  const [currentSrc, setCurrentSrc] = useState("");
-  const [currentName, setCurrentName] = useState("");
-
-  const previewPdf = (src, name) => {
-    setVisible(true);
-    setCurrentSrc(src);
-    setCurrentName(name);
-  };
-
-  const onCancel = () => {
-    setVisible(false);
-    setCurrentSrc("");
-    setCurrentName("");
-  };
-
-  // 单个文件预览模式
-  if (files.length === 0 && name && url) {
-    return (
-      <>
-        <Space>
-          <span>{name}</span>
-          <Button type="primary" size="small" onClick={() => previewPdf(url, name)}>
-            预览
-          </Button>
-        </Space>
-        <Pdf
-          visible={visible}
-          file={currentSrc}
-          name={currentName}
-          onCancel={onCancel}
-        />
-      </>
-    );
-  }
-
-  // 多文件预览模式
-  if (files.length > 0 && !name && !url) {
-    return (
-      <>
-        {files.map(item => (
-          <div key={item.filePath || item[urlKey]} style={{ marginTop: 5 }}>
-            <Space>
-              <span>{item.name || item.fileName || item[nameKey]}</span>
-              <Button
-                type="primary"
-                size="small"
-                onClick={() => previewPdf(item.filePath || item[urlKey], item.name || item.fileName || item[nameKey])}
-              >
-                预览
-              </Button>
-            </Space>
-          </div>
-        ))}
-        <Pdf
-          visible={visible}
-          file={currentSrc}
-          name={currentName}
-          onCancel={onCancel}
-        />
-      </>
-    );
-  }
-
-  return null;
-};
-
-PreviewPdf.displayName = "PreviewPdf";
-
-export default PreviewPdf;
+import { Space, Button } from 'antd';
+import { useState } from 'react';
+import Pdf from '../Pdf/index.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+const PreviewPdf = props => {
+  const {
+    files = [],
+    nameKey = "",
+    urlKey = "",
+    name = "",
+    url = ""
+  } = props;
+  const [visible, setVisible] = useState(false);
+  const [currentSrc, setCurrentSrc] = useState("");
+  const [currentName, setCurrentName] = useState("");
+  const previewPdf = (src, name) => {
+    setVisible(true);
+    setCurrentSrc(src);
+    setCurrentName(name);
+  };
+  const onCancel = () => {
+    setVisible(false);
+    setCurrentSrc("");
+    setCurrentName("");
+  };
+
+  // 单个文件预览模式
+  if (files.length === 0 && name && url) {
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsxs(Space, {
+        children: [/*#__PURE__*/jsx("span", {
+          children: name
+        }), /*#__PURE__*/jsx(Button, {
+          type: "primary",
+          size: "small",
+          onClick: () => previewPdf(url, name),
+          children: "\u9884\u89C8"
+        })]
+      }), /*#__PURE__*/jsx(Pdf, {
+        visible: visible,
+        file: currentSrc,
+        name: currentName,
+        onCancel: onCancel
+      })]
+    });
+  }
+
+  // 多文件预览模式
+  if (files.length > 0 && !name && !url) {
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [files.map(item => /*#__PURE__*/jsx("div", {
+        style: {
+          marginTop: 5
+        },
+        children: /*#__PURE__*/jsxs(Space, {
+          children: [/*#__PURE__*/jsx("span", {
+            children: item.name || item.fileName || item[nameKey]
+          }), /*#__PURE__*/jsx(Button, {
+            type: "primary",
+            size: "small",
+            onClick: () => previewPdf(item.filePath || item[urlKey], item.name || item.fileName || item[nameKey]),
+            children: "\u9884\u89C8"
+          })]
+        })
+      }, item.filePath || item[urlKey])), /*#__PURE__*/jsx(Pdf, {
+        visible: visible,
+        file: currentSrc,
+        name: currentName,
+        onCancel: onCancel
+      })]
+    });
+  }
+  return null;
+};
+PreviewPdf.displayName = "PreviewPdf";
+
+export { PreviewPdf as default };

package/components/Search/index.js

@@ -1,141 +1,147 @@
-import { DownOutlined, UpOutlined } from "@ant-design/icons";
-import { Button, Col, Form, Row } from "antd";
-import { useEffect, useRef, useState } from "react";
-import FormItemsRenderer from "../FormBuilder/FormItemsRenderer";
-import ResetIcon from "../Icon/ResetIcon";
-import SearchIcon from "../Icon/SearchIcon";
-
-/**
- * 搜索表单组件
- */
-const Search = (props) => {
-  const {
-    labelCol = { span: 6 },
-    options = [],
-    values = {},
-    onFinish,
-    onSubmit,
-    onReset,
-    searchText = "搜索",
-    resetText = "重置",
-    showSearchButton = true,
-    showResetButton = true,
-    extraButtons,
-    form,
-    ...restProps
-  } = props;
-
-  const [collapse, setCollapse] = useState(true);
-  const [span, setSpan] = useState(6);
-  const [showCollapseButton, setShowCollapseButton] = useState(false);
-  const classNameRef = useRef(`search-${Date.now()}`);
-
-  // 计算是否需要显示展开/收起按钮
-  useEffect(() => {
-    if (!options || options.length === 0)
-      return;
-
-    const calculateLayout = () => {
-      const colEl = document.querySelectorAll(
-        `.${classNameRef.current}>.${window.process.env.app.antd["ant-prefix"]}-col`,
-      );
-      const colElLength = colEl.length;
-      const excludeLast = colElLength - (extraButtons ? 2 : 1);
-
-      const spanMap = { 0: 24, 1: 18, 2: 12, 3: 6 };
-      setSpan(spanMap[excludeLast % 4] || 6);
-
-      setShowCollapseButton(excludeLast > 3);
-    };
-
-    // 延迟执行以确保 DOM 已渲染
-    setTimeout(calculateLayout, 0);
-  }, [options, extraButtons]);
-
-  // 处理表单提交
-  const handleSubmit = () => {
-    const values = form.getFieldsValue();
-    onFinish?.(values, "submit");
-    onSubmit?.(values);
-  };
-
-  // 处理重置
-  const handleReset = () => {
-    // form.resetFields();
-    // const values = form.getFieldsValue();
-    // onFinish?.(values, "reset");
-    // onReset?.(values);
-
-    const currentValues = form.getFieldsValue();
-    const resetValues = {};
-    Object.keys(currentValues).forEach((key) => {
-      resetValues[key] = values.hasOwnProperty(key) ? values[key] : undefined;
-    });
-
-    form.setFieldsValue(resetValues);
-    onFinish?.(values, "reset");
-    onReset?.(values);
-  };
-
-  // 切换展开/收起
-  const toggleCollapse = () => {
-    setCollapse(!collapse);
-  };
-
-  return (
-    <div className="search-layout card-layout">
-      <Form
-        form={form}
-        labelCol={labelCol}
-        initialValues={values}
-        {...restProps}
-      >
-        <Row className={classNameRef.current}>
-          <FormItemsRenderer
-            options={options}
-            labelCol={labelCol}
-            span={6}
-            collapse={collapse}
-            useAutoGenerateRequired={false}
-            initialValues={values}
-          />
-          <Col span={showCollapseButton ? (collapse ? 6 : span) : span}>
-            <Form.Item label=" " labelCol={{ span: 2 }} colon={false} style={{ textAlign: "right" }}>
-              {showSearchButton && (
-                <Button type="primary" icon={<SearchIcon />} onClick={handleSubmit}>
-                  {searchText}
-                </Button>
-              )}
-              {showResetButton && (
-                <Button style={{ marginLeft: 8 }} icon={<ResetIcon />} onClick={handleReset}>
-                  {resetText}
-                </Button>
-              )}
-              {showCollapseButton && (
-                <Button
-                  type="link"
-                  icon={collapse ? <DownOutlined /> : <UpOutlined />}
-                  onClick={toggleCollapse}
-                  style={{ marginLeft: 8 }}
-                >
-                  {collapse ? "展开" : "收起"}
-                </Button>
-              )}
-            </Form.Item>
-          </Col>
-          {extraButtons && (
-            <Col span={24}>
-              <Form.Item label=" " colon={false} labelCol={{ span: 0 }}>
-                {extraButtons}
-              </Form.Item>
-            </Col>
-          )}
-        </Row>
-      </Form>
-    </div>
-  );
-};
-
-Search.displayName = "Search";
-
-export default Search;
+import { DownOutlined, UpOutlined } from '@ant-design/icons';
+import { Form, Row, Col, Button } from 'antd';
+import { useState, useRef, useEffect } from 'react';
+import FormItemsRenderer from '../FormBuilder/FormItemsRenderer.js';
+import ResetIcon from '../Icon/ResetIcon/index.js';
+import SearchIcon from '../Icon/SearchIcon/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const Search = props => {
+  const {
+    labelCol = {
+      span: 6
+    },
+    options = [],
+    values = {},
+    onFinish,
+    onSubmit,
+    onReset,
+    searchText = "搜索",
+    resetText = "重置",
+    showSearchButton = true,
+    showResetButton = true,
+    extraButtons,
+    form,
+    ...restProps
+  } = props;
+  const [collapse, setCollapse] = useState(true);
+  const [span, setSpan] = useState(6);
+  const [showCollapseButton, setShowCollapseButton] = useState(false);
+  const classNameRef = useRef(`search-${Date.now()}`);
+
+  // 计算是否需要显示展开/收起按钮
+  useEffect(() => {
+    if (!options || options.length === 0) return;
+    const calculateLayout = () => {
+      const colEl = document.querySelectorAll(`.${classNameRef.current}>.${window.process.env.app.antd["ant-prefix"]}-col`);
+      const colElLength = colEl.length;
+      const excludeLast = colElLength - (extraButtons ? 2 : 1);
+      const spanMap = {
+        0: 24,
+        1: 18,
+        2: 12,
+        3: 6
+      };
+      setSpan(spanMap[excludeLast % 4] || 6);
+      setShowCollapseButton(excludeLast > 3);
+    };
+
+    // 延迟执行以确保 DOM 已渲染
+    setTimeout(calculateLayout, 0);
+  }, [options, extraButtons]);
+
+  // 处理表单提交
+  const handleSubmit = () => {
+    const values = form.getFieldsValue();
+    onFinish?.(values, "submit");
+    onSubmit?.(values);
+  };
+
+  // 处理重置
+  const handleReset = () => {
+    // form.resetFields();
+    // const values = form.getFieldsValue();
+    // onFinish?.(values, "reset");
+    // onReset?.(values);
+
+    const currentValues = form.getFieldsValue();
+    const resetValues = {};
+    Object.keys(currentValues).forEach(key => {
+      resetValues[key] = values.hasOwnProperty(key) ? values[key] : undefined;
+    });
+    form.setFieldsValue(resetValues);
+    onFinish?.(values, "reset");
+    onReset?.(values);
+  };
+
+  // 切换展开/收起
+  const toggleCollapse = () => {
+    setCollapse(!collapse);
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: "search-layout card-layout",
+    children: /*#__PURE__*/jsx(Form, {
+      form: form,
+      labelCol: labelCol,
+      initialValues: values,
+      ...restProps,
+      children: /*#__PURE__*/jsxs(Row, {
+        className: classNameRef.current,
+        children: [/*#__PURE__*/jsx(FormItemsRenderer, {
+          options: options,
+          labelCol: labelCol,
+          span: 6,
+          collapse: collapse,
+          useAutoGenerateRequired: false,
+          initialValues: values
+        }), /*#__PURE__*/jsx(Col, {
+          span: showCollapseButton ? collapse ? 6 : span : span,
+          children: /*#__PURE__*/jsxs(Form.Item, {
+            label: " ",
+            labelCol: {
+              span: 2
+            },
+            colon: false,
+            style: {
+              textAlign: "right"
+            },
+            children: [showSearchButton && /*#__PURE__*/jsx(Button, {
+              type: "primary",
+              icon: /*#__PURE__*/jsx(SearchIcon, {}),
+              onClick: handleSubmit,
+              children: searchText
+            }), showResetButton && /*#__PURE__*/jsx(Button, {
+              style: {
+                marginLeft: 8
+              },
+              icon: /*#__PURE__*/jsx(ResetIcon, {}),
+              onClick: handleReset,
+              children: resetText
+            }), showCollapseButton && /*#__PURE__*/jsx(Button, {
+              type: "link",
+              icon: collapse ? /*#__PURE__*/jsx(DownOutlined, {}) : /*#__PURE__*/jsx(UpOutlined, {}),
+              onClick: toggleCollapse,
+              style: {
+                marginLeft: 8
+              },
+              children: collapse ? "展开" : "收起"
+            })]
+          })
+        }), extraButtons && /*#__PURE__*/jsx(Col, {
+          span: 24,
+          children: /*#__PURE__*/jsx(Form.Item, {
+            label: " ",
+            colon: false,
+            labelCol: {
+              span: 0
+            },
+            children: extraButtons
+          })
+        })]
+      })
+    })
+  });
+};
+Search.displayName = "Search";
+
+export { Search as default };

package/components/Select/Basic/index.js

@@ -1,76 +1,70 @@
-import { Select } from "antd";
-import { useEffect } from "react";
-
-/**
- * 基础下拉组件（不建议直接使用此组件，二次继承使用）
- */
-function BasicSelect(props) {
-  const {
-    onGetData,
-    onChange,
-    onGetLabel,
-    onGetOption,
-    placeholder = "",
-    data = [],
-    nameKey = "name",
-    idKey = "id",
-    labelRender,
-    ...restProps
-  } = props;
-
-  const handleChange = (event, option) => {
-    if (Array.isArray(event)) {
-      if (event.length > 0) {
-        const findItems = [];
-        const names = [];
-        event.forEach((item) => {
-          const findItem = data.find(dataItem => dataItem[idKey] === item);
-          if (findItem) {
-            findItems.push(findItem);
-            names.push(findItem[nameKey]);
-          }
-        });
-        onGetLabel?.(names);
-        onGetOption?.(findItems);
-      }
-      else {
-        onGetLabel?.([]);
-        onGetOption?.([]);
-      }
-    }
-    else {
-      if (event) {
-        const findItem = data.find(item => item[idKey] === event);
-        onGetLabel?.(findItem[nameKey]);
-        onGetOption?.(findItem);
-      }
-      else {
-        onGetLabel?.("");
-        onGetOption?.({});
-      }
-    }
-    onChange?.(event, option);
-  };
-
-  useEffect(() => {
-    onGetData?.(data);
-  }, [data]);
-
-  return (
-    <Select placeholder={`请选择${placeholder}`} showSearch allowClear optionFilterProp="children" onChange={handleChange} {...restProps}>
-      {data.map((item) => {
-        const value = item[idKey];
-        const label = labelRender ? labelRender(item) : item[nameKey];
-        return (
-          <Select.Option key={value} value={value}>
-            {label}
-          </Select.Option>
-        );
-      })}
-    </Select>
-  );
-}
-
-BasicSelect.displayName = "BasicSelect";
-
-export default BasicSelect;
+import { Select } from 'antd';
+import { useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function BasicSelect(props) {
+  const {
+    onGetData,
+    onChange,
+    onGetLabel,
+    onGetOption,
+    placeholder = "",
+    data = [],
+    nameKey = "name",
+    idKey = "id",
+    labelRender,
+    ...restProps
+  } = props;
+  const handleChange = (event, option) => {
+    if (Array.isArray(event)) {
+      if (event.length > 0) {
+        const findItems = [];
+        const names = [];
+        event.forEach(item => {
+          const findItem = data.find(dataItem => dataItem[idKey] === item);
+          if (findItem) {
+            findItems.push(findItem);
+            names.push(findItem[nameKey]);
+          }
+        });
+        onGetLabel?.(names);
+        onGetOption?.(findItems);
+      } else {
+        onGetLabel?.([]);
+        onGetOption?.([]);
+      }
+    } else {
+      if (event) {
+        const findItem = data.find(item => item[idKey] === event);
+        onGetLabel?.(findItem[nameKey]);
+        onGetOption?.(findItem);
+      } else {
+        onGetLabel?.("");
+        onGetOption?.({});
+      }
+    }
+    onChange?.(event, option);
+  };
+  useEffect(() => {
+    onGetData?.(data);
+  }, [data]);
+  return /*#__PURE__*/jsx(Select, {
+    placeholder: `请选择${placeholder}`,
+    showSearch: true,
+    allowClear: true,
+    optionFilterProp: "children",
+    onChange: handleChange,
+    ...restProps,
+    children: data.map(item => {
+      const value = item[idKey];
+      const label = labelRender ? labelRender(item) : item[nameKey];
+      return /*#__PURE__*/jsx(Select.Option, {
+        value: value,
+        children: label
+      }, value);
+    })
+  });
+}
+BasicSelect.displayName = "BasicSelect";
+
+export { BasicSelect as default };