zy-react-library 1.1.1 → 1.1.3

package/components/Map/index.js

@@ -1,77 +1 @@
-import { Button, Col, Form, Input, Row } from "antd";
-import { useState } from "react";
-import MapSelector from "./MapSelector";
-
-/**
- * 定位组件
- */
-const Map = (props) => {
-  const {
-    longitudeProps = "longitude",
-    latitudeProps = "latitude",
-    onConfirm,
-    required = true,
-    area = "",
-    showArea = false,
-  } = props;
-
-  const form = Form.useFormInstance();
-  const [mapVisible, setMapVisible] = useState(false);
-  const [currentLongitude, setCurrentLongitude] = useState("");
-  const [currentLatitude, setCurrentLatitude] = useState("");
-
-  const handleMapConfirm = (longitudeValue, latitudeValue, extra) => {
-    setCurrentLongitude(longitudeValue);
-    setCurrentLatitude(latitudeValue);
-    form.setFieldsValue({
-      [longitudeProps]: longitudeValue,
-      [latitudeProps]: latitudeValue,
-    });
-    onConfirm?.(longitudeValue, latitudeValue, extra);
-    setMapVisible(false);
-  };
-
-  return (
-    <>
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="经度" name={longitudeProps} rules={[{ required, message: "请选择经度" }]}>
-            <Input disabled />
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item label="纬度" required={required}>
-            <div style={{ display: "flex", gap: 10 }}>
-              <Form.Item name={latitudeProps} noStyle rules={[{ required, message: "请选择纬度" }]}>
-                <Input disabled />
-              </Form.Item>
-              <Button
-                type="primary"
-                onClick={() => {
-                  setMapVisible(true);
-                  setCurrentLongitude(form.getFieldValue(longitudeProps));
-                  setCurrentLatitude(form.getFieldValue(latitudeProps));
-                }}
-              >
-                地图定位
-              </Button>
-            </div>
-          </Form.Item>
-        </Col>
-      </Row>
-      <MapSelector
-        visible={mapVisible}
-        onClose={() => setMapVisible(false)}
-        longitude={currentLongitude}
-        latitude={currentLatitude}
-        area={area}
-        showArea={showArea}
-        onConfirm={handleMapConfirm}
-      />
-    </>
-  );
-};
-
-Map.displayName = "Map";
-
-export default Map;
+import{Form as e,Row as r,Col as l,Input as i,Button as a}from"antd";import{useState as t}from"react";import d from"./MapSelector.js";import{jsxs as n,Fragment as o,jsx as s}from"react/jsx-runtime";const m=m=>{const{longitudeProps:u="longitude",latitudeProps:c="latitude",onConfirm:p,required:h=!0,area:g="",showArea:f=!1}=m,y=e.useFormInstance(),[b,q]=t(!1),[C,F]=t(""),[I,x]=t("");return n(o,{children:[n(r,{gutter:24,children:[s(l,{span:12,children:s(e.Item,{label:"经度",name:u,rules:[{required:h,message:"请选择经度"}],children:s(i,{disabled:!0})})}),s(l,{span:12,children:s(e.Item,{label:"纬度",required:h,children:n("div",{style:{display:"flex",gap:10},children:[s(e.Item,{name:c,noStyle:!0,rules:[{required:h,message:"请选择纬度"}],children:s(i,{disabled:!0})}),s(a,{type:"primary",onClick:()=>{q(!0),F(y.getFieldValue(u)),x(y.getFieldValue(c))},children:"地图定位"})]})})})]}),s(d,{visible:b,onClose:()=>q(!1),longitude:C,latitude:I,area:g,showArea:f,onConfirm:(e,r,l)=>{F(e),x(r),y.setFieldsValue({[u]:e,[c]:r}),p?.(e,r,l),q(!1)}})]})};m.displayName="Map";export{m as default};

package/components/Page/index.js

@@ -1,50 +1 @@
-import { Button, Space } from "antd";
-import HeaderBack from "../HeaderBack";
-
-/**
- * 页面布局组件
- */
-function Page(props) {
-  const {
-    headerTitle,
-    history,
-    isShowHeader = true,
-    headerPrevious = true,
-    isShowFooter = true,
-    isShowAllAction = true,
-    backButtonText = "关闭",
-    contentPadding = "20px",
-    customActionButtons,
-    extraActionButtons,
-  } = props;
-
-  return (
-    <div className="page">
-      {(isShowAllAction && isShowHeader) && <HeaderBack title={headerTitle} history={history} previous={headerPrevious} />}
-      <div style={{ padding: contentPadding }}>
-        {props.children}
-      </div>
-      {
-        (isShowAllAction && isShowFooter) && (
-          <>
-            <div style={{ height: "52px" }}></div>
-            <div style={{ textAlign: "center", backgroundColor: "rgb(241, 241, 242)", margin: "0 -20px", padding: "10px 0", position: "fixed", bottom: "0", width: "100%" }}>
-              {customActionButtons || (
-                <Space>
-                  {extraActionButtons}
-                  <Button onClick={() => history?.goBack?.() || window.history.back()}>
-                    {backButtonText}
-                  </Button>
-                </Space>
-              )}
-            </div>
-          </>
-        )
-      }
-    </div>
-  );
-}
-
-Page.displayName = "Page";
-
-export default Page;
+import{Space as e,Button as t}from"antd";import{useState as i,useEffect as o}from"react";import r from"../HeaderBack/index.js";import{jsxs as n,jsx as d,Fragment as s}from"react/jsx-runtime";function a(a){const{headerTitle:c,history:l,isShowHeader:h=!0,headerPrevious:m=!0,isShowFooter:p=!0,isShowAllAction:u=!0,backButtonText:g="关闭",contentPadding:w="20px",customActionButtons:x,extraActionButtons:f}=a,[v,y]=i(window.innerWidth),k=()=>{const e=document.querySelector("#page");e&&y(e.offsetWidth)};return o(()=>{const e=setTimeout(()=>{k()},0);return window.addEventListener("resize",k),()=>{window.removeEventListener("resize",k),clearTimeout(e)}},[]),n("div",{className:"page",id:"page",children:[u&&h&&d(r,{title:c,history:l,previous:m}),d("div",{style:{padding:w},children:a.children}),u&&p&&n(s,{children:[d("div",{style:{height:"32px"}}),d("div",{style:{textAlign:"center",backgroundColor:"rgb(241, 241, 242)",padding:"10px 0",position:"fixed",bottom:"0",width:v,margin:"0px -44px"},children:x||n(e,{children:[f,d(t,{onClick:()=>l?.goBack?.()||window.history.back(),children:g})]})})]})]})}a.displayName="Page";export{a as default};

package/components/Pdf/index.js

@@ -1,134 +1 @@
-import { useFullscreen } from "ahooks";
-import { Button, message, Modal, Spin } from "antd";
-import { useRef, useState } from "react";
-import { Document, Page, pdfjs } from "react-pdf";
-import useDownloadFile from "../../hooks/useDownloadFile";
-import { getFileUrl } from "../../utils";
-import "react-pdf/dist/Page/AnnotationLayer.css";
-import "react-pdf/dist/Page/TextLayer.css";
-import "./index.less";
-
-/**
- * PDF查看组件
- */
-function Pdf(props) {
-  const {
-    visible = false,
-    onCancel,
-    file,
-    name,
-    inline = false,
-    style = {},
-  } = props;
-
-  const fileUrl = getFileUrl();
-  const [numPages, setNumPages] = useState(0);
-  const [pdfWidth, setPdfWidth] = useState(600);
-  const [loading, setLoading] = useState(true);
-
-  const fullscreenRef = useRef(null);
-
-  const [isFullscreen, { enterFullscreen, exitFullscreen }] = useFullscreen(fullscreenRef);
-  const { downloadFile } = useDownloadFile();
-
-  pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
-
-  const onDocumentLoadSuccess = ({ numPages }) => {
-    setNumPages(numPages);
-    setLoading(false);
-  };
-
-  const onDocumentLoadError = () => {
-    setLoading(false);
-    message.error("加载 PDF 文件失败");
-    if (onCancel)
-      onCancel();
-  };
-
-  const onPageLoadSuccess = ({ width }) => {
-    setPdfWidth(width);
-  };
-
-  // 内联模式的PDF内容
-  const renderPdfContent = () => (
-    <>
-      {loading && (
-        <div style={{ display: "flex", justifyContent: "center", alignItems: "center", height: "72vh" }}>
-          <Spin size="large" />
-        </div>
-      )}
-      <div style={{ height: isFullscreen ? "calc(100vh - 40px - 24px - 8px - 32px - 12px)" : "72vh", overflowY: "auto", padding: "24px", ...style }}>
-        <Document
-          file={!file.includes(fileUrl) ? fileUrl + file : file}
-          onLoadSuccess={onDocumentLoadSuccess}
-          onLoadError={onDocumentLoadError}
-        >
-          {
-            Array.from({ length: numPages }).map((_, index) => (
-              <Page key={`page_${index + 1}`} pageNumber={index + 1} onLoadSuccess={onPageLoadSuccess} />
-            ))
-          }
-        </Document>
-      </div>
-    </>
-  );
-
-  // 如果是内联模式，直接返回PDF内容
-  if (inline) {
-    return renderPdfContent();
-  }
-
-  const onDownloadFile = () => {
-    isFullscreen && exitFullscreen();
-    downloadFile({
-      url: file,
-      name,
-    });
-  };
-
-  // 默认弹窗模式
-  return (
-    <div ref={fullscreenRef}>
-      <Modal
-        style={{ top: isFullscreen ? 0 : 100, maxWidth: isFullscreen ? "100vw" : "calc(100vw - 32px)", paddingBottom: isFullscreen ? 0 : 24 }}
-        open={visible}
-        maskClosable={false}
-        width={isFullscreen ? "100vw" : pdfWidth + 100}
-        title="PDF预览"
-        onCancel={() => {
-          isFullscreen && exitFullscreen();
-          onCancel();
-        }}
-        getContainer={false}
-        footer={[
-          <Button
-            key="cancel"
-            onClick={() => {
-              isFullscreen && exitFullscreen();
-              onCancel();
-            }}
-          >
-            关闭
-          </Button>,
-          !loading && (
-            <Button
-              key="fullScreen"
-              onClick={() => {
-                isFullscreen ? exitFullscreen() : enterFullscreen();
-              }}
-            >
-              {isFullscreen ? "退出全屏" : "全屏"}
-            </Button>
-          ),
-          <Button key="download" type="primary" onClick={onDownloadFile}>下载</Button>,
-        ]}
-      >
-        {renderPdfContent()}
-      </Modal>
-    </div>
-  );
-}
-
-Pdf.displayName = "Pdf";
-
-export default Pdf;
+import{useFullscreen as e}from"ahooks";import{Modal as r,Button as o,Spin as i,message as n}from"antd";import{useState as t,useRef as l}from"react";import{pdfjs as a,Document as d,Page as s}from"react-pdf";import c from"../../hooks/useDownloadFile/index.js";import{getFileUrl as p}from"../../utils/index.js";import"react-pdf/dist/Page/AnnotationLayer.css";import"react-pdf/dist/Page/TextLayer.css";import"./index.less";import{jsxs as m,jsx as f,Fragment as h}from"react/jsx-runtime";function u(u){const{visible:x=!1,onCancel:g,file:v,name:y,inline:w=!1,style:k={}}=u,C=p(),[j,F]=t(0),[P,b]=t(600),[L,S]=t(!0),D=l(null),[A,{enterFullscreen:N,exitFullscreen:W}]=e(D),{downloadFile:$}=c();a.GlobalWorkerOptions.workerSrc=`//unpkg.com/pdfjs-dist@${a.version}/build/pdf.worker.min.mjs`;const z=({numPages:e})=>{F(e),S(!1)},B=()=>{S(!1),n.error("加载 PDF 文件失败"),g&&g()},E=({width:e})=>{b(e)},G=()=>m(h,{children:[L&&f("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"72vh"},children:f(i,{size:"large"})}),f("div",{style:{height:A?"calc(100vh - 40px - 24px - 8px - 32px - 12px)":"72vh",overflowY:"auto",padding:"24px",...k},children:f(d,{file:v.includes(C)?v:C+v,onLoadSuccess:z,onLoadError:B,children:Array.from({length:j}).map((e,r)=>f(s,{pageNumber:r+1,onLoadSuccess:E},`page_${r+1}`))})})]});return w?G():f("div",{ref:D,children:f(r,{style:{top:A?0:100,maxWidth:A?"100vw":"calc(100vw - 32px)",paddingBottom:A?0:24},open:x,maskClosable:!1,width:A?"100vw":P+100,title:"PDF预览",onCancel:()=>{A&&W(),g()},getContainer:!1,footer:[f(o,{onClick:()=>{A&&W(),g()},children:"关闭"},"cancel"),!L&&f(o,{onClick:()=>{A?W():N()},children:A?"退出全屏":"全屏"},"fullScreen"),f(o,{type:"primary",onClick:()=>{A&&W(),$({url:v,name:y})},children:"下载"},"download")],children:G()})})}u.displayName="Pdf";export{u as default};

package/components/PreviewImg/index.js

@@ -1,32 +1 @@
-import { Image } from "antd";
-import { getFileUrl } from "../../utils/index";
-
-/**
- * 在查看页面中图片预览组件
- */
-const PreviewImg = (props) => {
-  const { files = [], fileUrlKey = "filePath" } = props;
-
-  const fileUrl = getFileUrl();
-
-  return (
-    <Image.PreviewGroup>
-      {
-        files.filter(Boolean).map(item => (
-          <Image
-            key={item[fileUrlKey] || item}
-            src={item[fileUrlKey] ? fileUrl + item[fileUrlKey] : fileUrl + item}
-            wrapperStyle={{ marginRight: 10, marginBottom: 10 }}
-            width={100}
-            height={100}
-            alt=""
-          />
-        ))
-      }
-    </Image.PreviewGroup>
-  );
-};
-
-PreviewImg.displayName = "PreviewImg";
-
-export default PreviewImg;
+import{Image as r}from"antd";import{getFileUrl as e}from"../../utils/index.js";import{jsx as t}from"react/jsx-runtime";const i=i=>{const{files:o=[],fileUrlKey:a="filePath"}=i,m=e();return t(r.PreviewGroup,{children:o.filter(Boolean).map(e=>t(r,{src:e[a]?m+e[a]:m+e,wrapperStyle:{marginRight:10,marginBottom:10},width:100,height:100,alt:""},e[a]||e))})};i.displayName="PreviewImg";export{i as default};

package/components/PreviewPdf/index.js

@@ -1,86 +1 @@
-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 as e,Button as i}from"antd";import{useState as l}from"react";import n from"../Pdf/index.js";import{jsxs as r,Fragment as a,jsx as m}from"react/jsx-runtime";const t=t=>{const{files:c=[],nameKey:d="",urlKey:o="",name:s="",url:f=""}=t,[p,h]=l(!1),[y,u]=l(""),[P,v]=l(""),C=(e,i)=>{h(!0),u(e),v(i)},g=()=>{h(!1),u(""),v("")};return 0===c.length&&s&&f?r(a,{children:[r(e,{children:[m("span",{children:s}),m(i,{type:"primary",size:"small",onClick:()=>C(f,s),children:"预览"})]}),m(n,{visible:p,file:y,name:P,onCancel:g})]}):c.length>0&&!s&&!f?r(a,{children:[c.map(l=>m("div",{style:{marginTop:5},children:r(e,{children:[m("span",{children:l.name||l.fileName||l[d]}),m(i,{type:"primary",size:"small",onClick:()=>C(l.filePath||l[o],l.name||l.fileName||l[d]),children:"预览"})]})},l.filePath||l[o])),m(n,{visible:p,file:y,name:P,onCancel:g})]}):null};t.displayName="PreviewPdf";export{t as default};

package/components/Search/index.js

@@ -1,141 +1 @@
-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 as e,UpOutlined as t}from"@ant-design/icons";import{Form as o,Row as n,Col as l,Button as r}from"antd";import{useState as i,useRef as s,useEffect as a}from"react";import c from"../FormBuilder/FormItemsRenderer.js";import m from"../Icon/ResetIcon/index.js";import d from"../Icon/SearchIcon/index.js";import{jsx as p,jsxs as u}from"react/jsx-runtime";const h=h=>{const{labelCol:f={span:6},options:y=[],values:b={},onFinish:g,onSubmit:x,onReset:C,searchText:I="搜索",resetText:w="重置",showSearchButton:F=!0,showResetButton:j=!0,extraButtons:k,form:R,...S}=h,[V,v]=i(!0),[B,A]=i(6),[N,T]=i(!1),$=s(`search-${Date.now()}`);return a(()=>{y&&0!==y.length&&setTimeout(()=>{const e=document.querySelectorAll(`.${$.current}>.${window.process.env.app.antd["ant-prefix"]}-col`).length-(k?2:1);A({0:24,1:18,2:12,3:6}[e%4]||6),T(e>3)},0)},[y,k]),p("div",{className:"search-layout card-layout",children:p(o,{form:R,labelCol:f,initialValues:b,...S,children:u(n,{className:$.current,children:[p(c,{options:y,labelCol:f,span:6,collapse:V,useAutoGenerateRequired:!1,initialValues:b}),p(l,{span:N&&V?6:B,children:u(o.Item,{label:" ",labelCol:{span:2},colon:!1,style:{textAlign:"right"},children:[F&&p(r,{type:"primary",icon:p(d,{}),onClick:()=>{const e=R.getFieldsValue();g?.(e,"submit"),x?.(e)},children:I}),j&&p(r,{style:{marginLeft:8},icon:p(m,{}),onClick:()=>{const e=R.getFieldsValue(),t={};Object.keys(e).forEach(e=>{t[e]=b.hasOwnProperty(e)?b[e]:void 0}),R.setFieldsValue(t),g?.(b,"reset"),C?.(b)},children:w}),N&&p(r,{type:"link",icon:p(V?e:t,{}),onClick:()=>{v(!V)},style:{marginLeft:8},children:V?"展开":"收起"})]})}),k&&p(l,{span:24,children:p(o.Item,{label:" ",colon:!1,labelCol:{span:0},children:k})})]})})})};h.displayName="Search";export{h as default};

package/components/Select/Basic/index.js

@@ -1,76 +1 @@
-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 as e}from"antd";import{useEffect as n}from"react";import{jsx as r}from"react/jsx-runtime";function a(a){const{onGetData:o,onChange:t,onGetLabel:i,onGetOption:l,placeholder:c="",data:s=[],nameKey:d="name",idKey:p="id",labelRender:h,...f}=a;return n(()=>{o?.(s)},[s]),r(e,{placeholder:`请选择${c}`,showSearch:!0,allowClear:!0,optionFilterProp:"children",onChange:(e,n)=>{if(Array.isArray(e))if(e.length>0){const n=[],r=[];e.forEach(e=>{const a=s.find(n=>n[p]===e);a&&(n.push(a),r.push(a[d]))}),i?.(r),l?.(n)}else i?.([]),l?.([]);else if(e){const n=s.find(n=>n[p]===e);i?.(n[d]),l?.(n)}else i?.(""),l?.({});t?.(e,n)},...f,children:s.map(n=>{const a=n[p],o=h?h(n):n[d];return r(e.Option,{value:a,children:o},a)})})}a.displayName="BasicSelect";export{a as default};

package/components/Select/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 BasicSelect from "../Basic";
-
-/**
- * 数据字典下拉组件
- */
-function DictionarySelect(props) {
-  const {
-    appKey = DICTIONARY_APP_KEY_ENUM.DEFAULT,
-    dictValue = "",
-    nameKey = "dictLabel",
-    idKey = "dictValue",
-    ...restProps
-  } = props;
-
-  const [data, setData] = useState([]);
-
-  const getData = async () => {
-    if (!Object.values(DICTIONARY_APP_KEY_ENUM).includes(appKey)) {
-      console.error("传入的 appKey 不在 DICTIONARY_APP_KEY_ENUM 中");
-      return;
-    }
-
-    setData([]);
-    const { data } = await request("/config/dict-trees/list/by/dictValues", "get", { appKey, dictValue });
-    setData(data);
-  };
-
-  useEffect(() => {
-    dictValue && getData();
-  }, [dictValue]);
-
-  return (
-    <BasicSelect data={data} nameKey={nameKey} idKey={idKey} {...restProps} />
-  );
-}
-
-DictionarySelect.displayName = "DictionarySelect";
-
-export default DictionarySelect;
+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:d="",nameKey:m="dictLabel",idKey:s="dictValue",...p}=c,[l,u]=t([]);return i(()=>{d&&(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:d});u(t)})()},[d]),o(r,{data:l,nameKey:m,idKey:s,...p})}c.displayName="DictionarySelect";export{c as default};