zy-react-library 1.1.1 → 1.1.3

package/README.md

@@ -11,4 +11,8 @@ yarn add zy-react-library
 
 ### v1.0.0 (2025-10-22)
 
-- 🎉 初始版本发布
+- 🎉 初始版本发布
+
+### v1.1.2 (2025-12-25)
+
+- 🎉 优化编译效果

package/components/Cascader/Area/index.js

@@ -1,20 +1 @@
-import Area from "../../../json/area.json";
-import BasicCascader from "../Basic";
-
-/**
- * 属地级联组件
- */
-function AreaCascader(props) {
-  const {
-    placeholder = "属地",
-    ...restProps
-  } = props;
-
-  return (
-    <BasicCascader data={Area} placeholder={placeholder} nameKey="label" idKey="value" {...restProps} />
-  );
-}
-
-AreaCascader.displayName = "AreaCascader";
-
-export default AreaCascader;
+import e from"../../../json/area.json";import a from"../Basic/index.js";import{jsx as r}from"react/jsx-runtime";function o(o){const{placeholder:t="属地",...i}=o;return r(a,{data:e,placeholder:t,nameKey:"label",idKey:"value",...i})}o.displayName="AreaCascader";export{o as default};

package/components/Cascader/Basic/index.js

@@ -1,64 +1 @@
-import { Cascader } from "antd";
-import { useEffect } from "react";
-import { processTreeDataByLevel } from "../../../utils";
-
-/**
- * 基础级联组件（不建议直接使用此组件，二次继承使用）
- */
-function BasicCascader(props) {
-  const {
-    onGetData,
-    onChange,
-    onGetNodePaths,
-    onGetNodePathsIsIncludeOneself = true,
-    placeholder = "",
-    data = [],
-    nameKey = "name",
-    idKey = "id",
-    childrenKey = "children",
-    level,
-    ...restProps
-  } = props;
-
-  // 根据 level 处理树数据
-  const processedData = level
-    ? processTreeDataByLevel({
-        data,
-        level,
-        childrenKey,
-        currentLevel: 1,
-      })
-    : data;
-
-  const getNodePaths = (selectedOptions) => {
-    let nodePaths = selectedOptions;
-    if (!onGetNodePathsIsIncludeOneself && selectedOptions) {
-      nodePaths = selectedOptions.slice(0, -1);
-    }
-    return nodePaths || [];
-  };
-
-  const handleChange = (value, selectedOptions) => {
-    const parentNodes = getNodePaths(selectedOptions);
-    onGetNodePaths?.(parentNodes);
-    onChange?.(value, selectedOptions);
-  };
-
-  useEffect(() => {
-    onGetData?.(data, processedData);
-  }, [data, processedData]);
-
-  return (
-    <Cascader
-      options={processedData}
-      placeholder={`请选择${placeholder}`}
-      onChange={handleChange}
-      fieldNames={{ label: nameKey, value: idKey, children: childrenKey }}
-      {...restProps}
-    />
-  );
-}
-
-BasicCascader.displayName = "BasicCascader";
-
-export default BasicCascader;
+import{Cascader as e}from"antd";import{useEffect as a}from"react";import{processTreeDataByLevel as t}from"../../../utils/index.js";import{jsx as n}from"react/jsx-runtime";function r(r){const{onGetData:l,onChange:o,onGetNodePaths:d,onGetNodePathsIsIncludeOneself:i=!0,placeholder:c="",data:s=[],nameKey:m="name",idKey:h="id",childrenKey:p="children",level:u,...f}=r,y=u?t({data:s,level:u,childrenKey:p,currentLevel:1}):s;return a(()=>{l?.(s,y)},[s,y]),n(e,{options:y,placeholder:`请选择${c}`,onChange:(e,a)=>{const t=(e=>{let a=e;return!i&&e&&(a=e.slice(0,-1)),a||[]})(a);d?.(t),o?.(e,a)},fieldNames:{label:m,value:h,children:p},...f})}r.displayName="BasicCascader";export{r as default};

package/components/Cascader/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 BasicCascader from "../Basic";
-
-/**
- * 数据字典级联组件
- */
-function DictionaryCascader(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 (
-    <BasicCascader data={treeData} nameKey={nameKey} idKey={idKey} {...restProps} />
-  );
-}
-
-DictionaryCascader.displayName = "DictionaryCascader";
-
-export default DictionaryCascader;
+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="DictionaryCascader";export{c as default};

package/components/Cascader/Industry/index.js

@@ -1,20 +1 @@
-import Industry from "../../../json/industry.json";
-import BasicCascader from "../Basic";
-
-/**
- * 行业类型级联组件
- */
-function IndustryCascader(props) {
-  const {
-    placeholder = "行业类型",
-    ...restProps
-  } = props;
-
-  return (
-    <BasicCascader data={Industry} placeholder={placeholder} nameKey="dict_label" idKey="dict_value" childrenKey="childrenList" {...restProps} />
-  );
-}
-
-IndustryCascader.displayName = "IndustryCascader";
-
-export default IndustryCascader;
+import e from"../../../json/industry.json";import r from"../Basic/index.js";import{jsx as t}from"react/jsx-runtime";function a(a){const{placeholder:i="行业类型",...d}=a;return t(r,{data:e,placeholder:i,nameKey:"dict_label",idKey:"dict_value",childrenKey:"childrenList",...d})}a.displayName="IndustryCascader";export{a as default};

package/components/Editor/index.js

@@ -1,102 +1 @@
-import { Editor as ReactEditor, Toolbar } from "@wangeditor/editor-for-react";
-import { forwardRef, useEffect, useImperativeHandle, useState } from "react";
-import { normalizeEmptyHtml } from "../../utils";
-import "@wangeditor/editor/dist/css/style.css";
-
-/**
- * 富文本编辑器组件
- */
-const Editor = forwardRef(({
-  value,
-  onChange,
-  disabled,
-}, ref) => {
-  const [editor, setEditor] = useState(null);
-
-  const [html, setHtml] = useState("");
-
-  useEffect(() => {
-    setHtml(value);
-  }, [value]);
-
-  useEffect(() => {
-    if (!editor)
-      return;
-    if (disabled)
-      editor.disable();
-    else editor.enable();
-  }, [disabled]);
-
-  useEffect(() => {
-    return () => {
-      if (!editor)
-        return;
-      editor.destroy();
-      setEditor(null);
-    };
-  }, [editor]);
-
-  useImperativeHandle(ref, () => ({
-    getEditorInstance: () => editor,
-    getHtml: () => editor && editor.getHtml(),
-    setHtml: (value) => {
-      editor && editor.setHtml(value);
-    },
-    getText: () => editor && editor.getText(),
-  }));
-
-  const handleCreated = (editor) => {
-    setEditor(editor);
-    if (disabled)
-      editor.disable();
-  };
-
-  const handleChange = (editor) => {
-    setHtml(editor.getHtml());
-    onChange?.(normalizeEmptyHtml(editor.getHtml()));
-  };
-
-  // 工具栏配置
-  const toolbarConfig = {
-    excludeKeys: [
-      "group-image",
-      "group-video",
-      "insertLink",
-      "emotion",
-      "todo",
-      "fullScreen",
-      "insertTable",
-      "codeBlock",
-    ],
-  };
-
-  // 编辑器配置
-  const editorConfig = {
-    placeholder: "请输入内容...",
-  };
-
-  return (
-    <>
-      <div style={{ border: "1px solid #ccc" }}>
-        <Toolbar
-          editor={editor}
-          defaultConfig={toolbarConfig}
-          mode="default"
-          style={{ borderBottom: "1px solid #ccc" }}
-        />
-        <ReactEditor
-          defaultConfig={editorConfig}
-          value={html}
-          onCreated={handleCreated}
-          onChange={handleChange}
-          mode="default"
-          style={{ height: "500px", overflowY: "hidden" }}
-        />
-      </div>
-    </>
-  );
-});
-
-Editor.displayName = "Editor";
-
-export default Editor;
+import{Toolbar as e,Editor as t}from"@wangeditor/editor-for-react";import{forwardRef as o,useState as r,useEffect as l,useImperativeHandle as d}from"react";import{normalizeEmptyHtml as i}from"../../utils/index.js";import"@wangeditor/editor/dist/css/style.css";import{jsx as s,Fragment as a,jsxs as n}from"react/jsx-runtime";const m=o(({value:o,onChange:m,disabled:c},g)=>{const[u,f]=r(null),[p,x]=r("");return l(()=>{x(o)},[o]),l(()=>{u&&(c?u.disable():u.enable())},[c]),l(()=>()=>{u&&(u.destroy(),f(null))},[u]),d(g,()=>({getEditorInstance:()=>u,getHtml:()=>u&&u.getHtml(),setHtml:e=>{u&&u.setHtml(e)},getText:()=>u&&u.getText()})),s(a,{children:n("div",{style:{border:"1px solid #ccc"},children:[s(e,{editor:u,defaultConfig:{excludeKeys:["group-image","group-video","insertLink","emotion","todo","fullScreen","insertTable","codeBlock"]},mode:"default",style:{borderBottom:"1px solid #ccc"}}),s(t,{defaultConfig:{placeholder:"请输入内容..."},value:p,onCreated:e=>{f(e),c&&e.disable()},onChange:e=>{x(e.getHtml()),m?.(i(e.getHtml()))},mode:"default",style:{height:"500px",overflowY:"hidden"}})]})})});m.displayName="Editor";export{m as default};

package/components/FormBuilder/FormBuilder.js

@@ -1,87 +1 @@
-import { Button, Col, Form, message, Row, Space, Spin } from "antd";
-import FormItemsRenderer from "./FormItemsRenderer";
-
-/**
- * 表单构建器组件
- */
-const FormBuilder = (props) => {
-  const {
-    values,
-    options,
-    gutter = 24,
-    span = 12,
-    labelCol = { span: 4 },
-    useAutoGenerateRequired = true,
-    showActionButtons = true,
-    submitButtonText = "提交",
-    cancelButtonText = "取消",
-    showSubmitButton = true,
-    showCancelButton = true,
-    customActionButtons,
-    extraActionButtons,
-    loading = false,
-    ...restProps
-  } = props;
-
-  const handleCancel = () => {
-    window.history.back();
-  };
-
-  return (
-    <Spin spinning={loading}>
-      <Form
-        labelCol={labelCol}
-        scrollToFirstError
-        wrapperCol={{ span: 24 - labelCol.span }}
-        initialValues={values}
-        onFinishFailed={() => {
-          message.error("请补全必填项");
-        }}
-        style={{ width: `calc(100% - ${gutter * 2}px)`, margin: `0 auto` }}
-        {...restProps}
-      >
-        <Row gutter={gutter}>
-          <FormItemsRenderer
-            options={options}
-            labelCol={labelCol}
-            span={span}
-            gutter={gutter}
-            useAutoGenerateRequired={useAutoGenerateRequired}
-            initialValues={values}
-          />
-        </Row>
-        {showActionButtons && (
-          <>
-            <div style={{ height: "52px" }}></div>
-            <Row
-              gutter={gutter}
-              style={{ textAlign: "center", backgroundColor: "rgb(241, 241, 242)", margin: "0px -44px", padding: "10px 0", position: "fixed", bottom: "0", width: "100%" }}
-            >
-              <Col span={24} style={{ textAlign: "center" }}>
-                {customActionButtons || (
-                  <Space>
-                    {showSubmitButton && (
-                      <Button type="primary" htmlType="submit">
-                        {submitButtonText}
-                      </Button>
-                    )}
-                    {extraActionButtons}
-                    {showCancelButton && (
-                      <Button onClick={handleCancel}>
-                        {cancelButtonText}
-                      </Button>
-                    )}
-                  </Space>
-                )}
-              </Col>
-            </Row>
-          </>
-        )}
-      </Form>
-    </Spin>
-  );
-};
-
-FormBuilder.displayName = "FormBuilder";
-
-export default FormBuilder;
+import{Spin as e,Form as t,Row as n,Col as i,Space as r,Button as o,message as s}from"antd";import{useState as l,useEffect as a}from"react";import d from"./FormItemsRenderer.js";import{jsx as u,jsxs as c,Fragment as p}from"react/jsx-runtime";const m=m=>{const{values:h,options:g,gutter:w=24,span:x=12,labelCol:b={span:4},useAutoGenerateRequired:y=!0,showActionButtons:f=!0,submitButtonText:B="提交",cancelButtonText:A="取消",showSubmitButton:C=!0,showCancelButton:T=!0,customActionButtons:v,extraActionButtons:F,loading:k=!1,...q}=m,[E,R]=l(window.innerWidth),j=()=>{const e=document.querySelector("#page");e&&R(e.offsetWidth)};return a(()=>{const e=setTimeout(()=>{j()},0);return window.addEventListener("resize",j),()=>{window.removeEventListener("resize",j),clearTimeout(e)}},[]),u(e,{spinning:k,children:c(t,{labelCol:b,scrollToFirstError:!0,wrapperCol:{span:24-b.span},initialValues:h,onFinishFailed:()=>{s.error("请补全必填项")},style:{width:`calc(100% - ${2*w}px)`,margin:"0 auto"},...q,children:[u(n,{gutter:w,children:u(d,{options:g,labelCol:b,span:x,gutter:w,useAutoGenerateRequired:y,initialValues:h})}),f&&c(p,{children:[u("div",{style:{height:"32px"}}),u(n,{style:{textAlign:"center",backgroundColor:"rgb(241, 241, 242)",padding:"10px 0",position:"fixed",bottom:"0",width:E,margin:"0 -44px"},children:u(i,{span:24,style:{textAlign:"center"},children:v||c(r,{children:[C&&u(o,{type:"primary",htmlType:"submit",children:B}),F,T&&u(o,{onClick:()=>{window.history.back()},children:A})]})})})]})]})})};m.displayName="FormBuilder";export{m as default};