zy-react-library 1.1.0 → 1.1.2

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,20 @@
-import Area from "../../../json/area.json";
-import BasicCascader from "../Basic";
+import Area from '../../../json/area.json';
+import BasicCascader from '../Basic/index.js';
+import { jsx } from 'react/jsx-runtime';
 
-/**
- * 属地级联组件
- */
 function AreaCascader(props) {
   const {
     placeholder = "属地",
     ...restProps
   } = props;
-
-  return (
-    <BasicCascader data={Area} placeholder={placeholder} nameKey="label" idKey="value" {...restProps} />
-  );
+  return /*#__PURE__*/jsx(BasicCascader, {
+    data: Area,
+    placeholder: placeholder,
+    nameKey: "label",
+    idKey: "value",
+    ...restProps
+  });
 }
-
 AreaCascader.displayName = "AreaCascader";
 
-export default AreaCascader;
+export { AreaCascader as default };

package/components/Cascader/Basic/index.js

@@ -1,10 +1,8 @@
-import { Cascader } from "antd";
-import { useEffect } from "react";
-import { processTreeDataByLevel } from "../../../utils";
+import { Cascader } from 'antd';
+import { useEffect } from 'react';
+import { processTreeDataByLevel } from '../../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
 
-/**
- * 基础级联组件（不建议直接使用此组件，二次继承使用）
- */
 function BasicCascader(props) {
   const {
     onGetData,
@@ -21,44 +19,39 @@ function BasicCascader(props) {
   } = props;
 
   // 根据 level 处理树数据
-  const processedData = level
-    ? processTreeDataByLevel({
-        data,
-        level,
-        childrenKey,
-        currentLevel: 1,
-      })
-    : data;
-
-  const getNodePaths = (selectedOptions) => {
+  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}
-    />
-  );
+  return /*#__PURE__*/jsx(Cascader, {
+    options: processedData,
+    placeholder: `请选择${placeholder}`,
+    onChange: handleChange,
+    fieldNames: {
+      label: nameKey,
+      value: idKey,
+      children: childrenKey
+    },
+    ...restProps
+  });
 }
-
 BasicCascader.displayName = "BasicCascader";
 
-export default BasicCascader;
+export { BasicCascader as default };

package/components/Cascader/Dictionary/index.js

@@ -1,42 +1,42 @@
-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 } from '@cqsjjb/jjb-common-lib/http';
+import { useState, useEffect } from 'react';
+import { DICTIONARY_APP_KEY_ENUM } from '../../../enum/dictionary/index.js';
+import BasicCascader from '../Basic/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+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 /*#__PURE__*/jsx(BasicCascader, {
+    data: treeData,
+    nameKey: nameKey,
+    idKey: idKey,
+    ...restProps
+  });
+}
+DictionaryCascader.displayName = "DictionaryCascader";
+
+export { DictionaryCascader as default };

package/components/Cascader/Industry/index.js

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

package/components/Editor/index.js

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

package/components/FormBuilder/FormBuilder.js

@@ -1,87 +1,97 @@
-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, Form, Row, Col, Space, Button, message } from 'antd';
+import FormItemsRenderer from './FormItemsRenderer.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+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 /*#__PURE__*/jsx(Spin, {
+    spinning: loading,
+    children: /*#__PURE__*/jsxs(Form, {
+      labelCol: labelCol,
+      scrollToFirstError: true,
+      wrapperCol: {
+        span: 24 - labelCol.span
+      },
+      initialValues: values,
+      onFinishFailed: () => {
+        message.error("请补全必填项");
+      },
+      style: {
+        width: `calc(100% - ${gutter * 2}px)`,
+        margin: `0 auto`
+      },
+      ...restProps,
+      children: [/*#__PURE__*/jsx(Row, {
+        gutter: gutter,
+        children: /*#__PURE__*/jsx(FormItemsRenderer, {
+          options: options,
+          labelCol: labelCol,
+          span: span,
+          gutter: gutter,
+          useAutoGenerateRequired: useAutoGenerateRequired,
+          initialValues: values
+        })
+      }), showActionButtons && /*#__PURE__*/jsxs("div", {
+        style: {
+          transform: 'scale(1)',
+          margin: '0px -44px'
+        },
+        children: [/*#__PURE__*/jsx("div", {
+          style: {
+            height: "52px"
+          }
+        }), /*#__PURE__*/jsx(Row, {
+          gutter: gutter,
+          style: {
+            textAlign: "center",
+            backgroundColor: "rgb(241, 241, 242)",
+            padding: "10px 0",
+            position: "fixed",
+            bottom: "0",
+            width: "100%"
+          },
+          children: /*#__PURE__*/jsx(Col, {
+            span: 24,
+            style: {
+              textAlign: "center"
+            },
+            children: customActionButtons || /*#__PURE__*/jsxs(Space, {
+              children: [showSubmitButton && /*#__PURE__*/jsx(Button, {
+                type: "primary",
+                htmlType: "submit",
+                children: submitButtonText
+              }), extraActionButtons, showCancelButton && /*#__PURE__*/jsx(Button, {
+                onClick: handleCancel,
+                children: cancelButtonText
+              })]
+            })
+          })
+        })]
+      })]
+    })
+  });
+};
+FormBuilder.displayName = "FormBuilder";
+
+export { FormBuilder as default };