@cqsjjb/jjb-react-admin-component 3.3.12 → 3.3.14

package/AdaptiveTree/index.js

@@ -1,45 +1,45 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-/**
- * 自适应树组件
- * @param {Object} props - 组件属性
- * @param {Function} [props.titleAction] - 节点操作按钮生成函数
- *   @param {Object} node - 当前节点数据
- *   @returns {Array} 操作按钮配置数组，每项包含：
- *     @property {ReactNode} content - 按钮内容（文本或元素）
- *     @property {Function} onClick - 点击事件回调
- * @param {Function} [props.titleIcon] - 节点标题图标生成函数
- *   @param {Object} node - 当前节点数据
- *   @returns {ReactNode} 图标元素（如 img、Icon 组件等）
- * 
- * @note 说明：
- * 1. 自动继承全局 Ant Design 前缀配置（window.process.env.app.antd['ant-prefix']）
- * 2. 节点容器默认占满父元素空间，支持纵向滚动
- * 3. 节点标题超长自动换行，且不会挤压标题图标和操作图标的空间
- * 4. 节点选中时，返回的节点数据为当前节点及其所有父节点id（二维数组）、选中的节点数据（一维数组）
- * 
- * @example
- * <AdaptiveTree
- *     treeData={[]}
- *     fieldNames={{
- *         title: 'name',
- *         key: 'id'
- *     }}
- *     titleAction={(node) => [
- *      {
- *         content: '添加',
- *         onClick: (node) => {
- *             console.warn("添加", node)
- *         }
- *      },
- *      {
- *         content: '编辑',
- *         onClick: (node) => {
- *             console.warn("编辑", node)
- *         }
- *      }
- *     ]}
- *     titleIcon={(node) => <FolderOpenOutlined />}
- * />
+/**
+ * 自适应树组件
+ * @param {Object} props - 组件属性
+ * @param {Function} [props.titleAction] - 节点操作按钮生成函数
+ *   @param {Object} node - 当前节点数据
+ *   @returns {Array} 操作按钮配置数组，每项包含：
+ *     @property {ReactNode} content - 按钮内容（文本或元素）
+ *     @property {Function} onClick - 点击事件回调
+ * @param {Function} [props.titleIcon] - 节点标题图标生成函数
+ *   @param {Object} node - 当前节点数据
+ *   @returns {ReactNode} 图标元素（如 img、Icon 组件等）
+ * 
+ * @note 说明：
+ * 1. 自动继承全局 Ant Design 前缀配置（window.process.env.app.antd['ant-prefix']）
+ * 2. 节点容器默认占满父元素空间，支持纵向滚动
+ * 3. 节点标题超长自动换行，且不会挤压标题图标和操作图标的空间
+ * 4. 节点选中时，返回的节点数据为当前节点及其所有父节点id（二维数组）、选中的节点数据（一维数组）
+ * 
+ * @example
+ * <AdaptiveTree
+ *     treeData={[]}
+ *     fieldNames={{
+ *         title: 'name',
+ *         key: 'id'
+ *     }}
+ *     titleAction={(node) => [
+ *      {
+ *         content: '添加',
+ *         onClick: (node) => {
+ *             console.warn("添加", node)
+ *         }
+ *      },
+ *      {
+ *         content: '编辑',
+ *         onClick: (node) => {
+ *             console.warn("编辑", node)
+ *         }
+ *      }
+ *     ]}
+ *     titleIcon={(node) => <FolderOpenOutlined />}
+ * />
  */
 import React, { useState } from 'react';
 import { Tree, Space } from "antd";
@@ -162,22 +162,21 @@ export default props => {
       key: node[key]
     }, /*#__PURE__*/React.createElement("div", {
       className: "title-left"
-    }, titleIcon ? /*#__PURE__*/React.createElement("div", {
+    }, titleIcon && /*#__PURE__*/React.createElement("div", {
       className: "icon"
-    }, titleIcon(node)) : '', /*#__PURE__*/React.createElement("span", {
+    }, titleIcon(node)), /*#__PURE__*/React.createElement("span", {
       style: {
         marginLeft: 6
       }
-    }, node[title])), /*#__PURE__*/React.createElement(Space, null, titleAction ? (titleAction(node) || []).map(item => {
-      return /*#__PURE__*/React.createElement("div", {
-        onClick: e => {
-          e.stopPropagation();
-          e.preventDefault();
-          item.onClick && item.onClick(node);
-        },
-        className: "operation"
-      }, item?.content || '');
-    }) : ''));
+    }, node[title])), /*#__PURE__*/React.createElement(Space, null, titleAction && (titleAction(node) || []).map((item, index) => /*#__PURE__*/React.createElement("div", {
+      key: index,
+      onClick: e => {
+        e.stopPropagation();
+        e.preventDefault();
+        item.onClick && item.onClick(node);
+      },
+      className: "operation"
+    }, item?.content || ''))));
   };
   const onExpand = keys => {
     setExpandedKeys(keys);

package/ControlWrapper/index.js

@@ -2,10 +2,10 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import React from 'react';
 import { Input as OriginInput, Select as OriginSelect, Cascader as OriginCascader, DatePicker as OriginDatePicker, TreeSelect as OriginTreeSelect } from 'antd';
 
-/**
- * 通用包裹组件
- * @param {*} WrappedComponent antd 原生组件
- * @param {*} extraProps 额外的透传配置
+/**
+ * 通用包裹组件
+ * @param {*} WrappedComponent antd 原生组件
+ * @param {*} extraProps 额外的透传配置
  */
 function withLabel(WrappedComponent, extraProps = {}) {
   return function Wrapper(props) {

package/Editor/index.js

@@ -4,8 +4,8 @@ import { message } from 'antd';
 import { http, tools } from '@cqsjjb/jjb-common-lib';
 import { createEditor, createToolbar } from '@wangeditor-next/editor';
 
-/**
- * 工具函数：标准化 HTML 内容为空值
+/**
+ * 工具函数：标准化 HTML 内容为空值
  */
 function normalizeEmptyHtml(html) {
   if (!html) return '';
@@ -13,8 +13,8 @@ function normalizeEmptyHtml(html) {
   return cleaned === '<p><br></p>' || cleaned === '<p></p>' || cleaned === '' ? '' : html;
 }
 
-/**
- * 校验上传文件类型和大小
+/**
+ * 校验上传文件类型和大小
  */
 function validateFile(file, {
   validTypes,
@@ -34,8 +34,8 @@ function validateFile(file, {
   return true;
 }
 
-/**
- * 通用上传函数
+/**
+ * 通用上传函数
  */
 async function handleUpload(file, insertFn, options) {
   const {

package/FileUploader/index.js

@@ -19,9 +19,9 @@ class FileUploader extends React.Component {
   };
   inputFile = /*#__PURE__*/React.createRef();
 
-  /**
-   * @description http配置
-   * @returns {{headers: object, fieldName: string, data: object, action: string, url: string}}
+  /**
+   * @description http配置
+   * @returns {{headers: object, fieldName: string, data: object, action: string, url: string}}
    */
   get httpConfig() {
     const {
@@ -46,9 +46,9 @@ class FileUploader extends React.Component {
     };
   }
 
-  /**
-   * @description 填充值
-   * @returns {string[]}
+  /**
+   * @description 填充值
+   * @returns {string[]}
    */
   get value() {
     const {
@@ -57,9 +57,9 @@ class FileUploader extends React.Component {
     return Array.isArray(value) ? value : value ? [value] : [];
   }
 
-  /**
-   * @description 获取禁用状态
-   * @return {boolean}
+  /**
+   * @description 获取禁用状态
+   * @return {boolean}
    */
   get disabled() {
     const {
@@ -78,11 +78,11 @@ class FileUploader extends React.Component {
     }
   }
 
-  /**
-   * @description 验证文件类型
-   * @param fileType {string}
-   * @param accept {string}
-   * @returns {Promise<never>|Promise<void>}
+  /**
+   * @description 验证文件类型
+   * @param fileType {string}
+   * @param accept {string}
+   * @returns {Promise<never>|Promise<void>}
    */
   verifyFileAccept(fileType, accept) {
     const {
@@ -110,11 +110,11 @@ class FileUploader extends React.Component {
     }
   }
 
-  /**
-   * @description 验证文件大小
-   * @param fileSize {number}
-   * @param maxSize {number}
-   * @returns {Promise<never>|Promise<void>}
+  /**
+   * @description 验证文件大小
+   * @param fileSize {number}
+   * @param maxSize {number}
+   * @returns {Promise<never>|Promise<void>}
    */
   verifyFileSize(fileSize, maxSize) {
     const {
@@ -137,10 +137,10 @@ class FileUploader extends React.Component {
     }
   }
 
-  /**
-   * @description 发起上传请求
-   * @param file {File}
-   * @returns {Promise<{url: string, fileName: string, respDesc: string}>}
+  /**
+   * @description 发起上传请求
+   * @param file {File}
+   * @returns {Promise<{url: string, fileName: string, respDesc: string}>}
    */
   onFormRequest(file) {
     const {
@@ -196,9 +196,9 @@ class FileUploader extends React.Component {
     });
   }
 
-  /**
-   * @description 回调
-   * @param value {string}
+  /**
+   * @description 回调
+   * @param value {string}
    */
   onChange(value) {
     const {
@@ -207,17 +207,17 @@ class FileUploader extends React.Component {
     onChange && onChange(value || undefined);
   }
 
-  /**
-   * @description 删除
-   * @param sup {number}
+  /**
+   * @description 删除
+   * @param sup {number}
    */
   onDelete(sup) {
     this.onChange(this.props.multiple ? this.value.filter((_, sub) => sub !== sup) : undefined);
   }
 
-  /**
-   * @description 上传
-   * @param target {{files: FileList, value: any}}
+  /**
+   * @description 上传
+   * @param target {{files: FileList, value: any}}
    */
   onUpload({
     target

package/ListDataContainer/index.js

@@ -5,45 +5,45 @@ import { isEqual } from 'lodash';
 import SearchForm from '@cqsjjb/jjb-react-admin-component/SearchForm';
 import ProTable from '@cqsjjb/jjb-react-admin-component/Table';
 
-/**
- * @component ListDataContainer
- * @description 通用列表数据容器组件，提供搜索表单、数据表格、分页等功能的完整列表页面解决方案
- * 
- * @props {Array} columns - 表格列配置，遵循Ant Design Table组件的columns规范
- * @props {Function} fetchDataApi - 数据获取API函数，接收分页和搜索参数，返回包含list和total的对象
- * @props {Array} searchFormConfig - 搜索表单配置数组
- *   @param {React.Component} searchFormConfig[].field - 表单项组件(如ControlWrapper.Select)
- *   @param {string} searchFormConfig[].name - 表单项字段名
- *   @param {string} searchFormConfig[].label - 表单项标签
- *   @param {Object} searchFormConfig[].fieldProps - 传递给字段组件的属性
- *   @param {Object} searchFormConfig[].itemProps - 传递给Form.Item的属性
- *   @param {React.ReactNode} searchFormConfig[].content - 字段组件的子元素(如Select.Option列表)
- *   @param {boolean} searchFormConfig[].required - 是否必填
- * @props {string} rowKey - 表格行键值，默认为'id'
- * @props {Object} initialPagination - 初始分页配置，包含current、pageSize等分页属性
- * @props {Object} tableProps - 传递给Table组件的属性
- * @props {Object} searchFormProps - 传递给SearchForm组件的属性
- * @props {boolean} proTable - 是否使用ProTable组件，默认为false
- * @example
- * // 基础用法
- * <ListDataContainer
- *   columns={tableColumns}
- *   fetchDataApi={getCourseList}
- *   searchFormConfig={[
- *     {
- *       field: Select,
- *       name: 'status',
- *       label: '状态',
- *     }
- *     {
- *       field: Input,
- *       name: 'name',
- *       label: '名称',
- *       required: true,
- *     }
- *   ]}
- * />
- * 
+/**
+ * @component ListDataContainer
+ * @description 通用列表数据容器组件，提供搜索表单、数据表格、分页等功能的完整列表页面解决方案
+ * 
+ * @props {Array} columns - 表格列配置，遵循Ant Design Table组件的columns规范
+ * @props {Function} fetchDataApi - 数据获取API函数，接收分页和搜索参数，返回包含list和total的对象
+ * @props {Array} searchFormConfig - 搜索表单配置数组
+ *   @param {React.Component} searchFormConfig[].field - 表单项组件(如ControlWrapper.Select)
+ *   @param {string} searchFormConfig[].name - 表单项字段名
+ *   @param {string} searchFormConfig[].label - 表单项标签
+ *   @param {Object} searchFormConfig[].fieldProps - 传递给字段组件的属性
+ *   @param {Object} searchFormConfig[].itemProps - 传递给Form.Item的属性
+ *   @param {React.ReactNode} searchFormConfig[].content - 字段组件的子元素(如Select.Option列表)
+ *   @param {boolean} searchFormConfig[].required - 是否必填
+ * @props {string} rowKey - 表格行键值，默认为'id'
+ * @props {Object} initialPagination - 初始分页配置，包含current、pageSize等分页属性
+ * @props {Object} tableProps - 传递给Table组件的属性
+ * @props {Object} searchFormProps - 传递给SearchForm组件的属性
+ * @props {boolean} proTable - 是否使用ProTable组件，默认为false
+ * @example
+ * // 基础用法
+ * <ListDataContainer
+ *   columns={tableColumns}
+ *   fetchDataApi={getCourseList}
+ *   searchFormConfig={[
+ *     {
+ *       field: Select,
+ *       name: 'status',
+ *       label: '状态',
+ *     }
+ *     {
+ *       field: Input,
+ *       name: 'name',
+ *       label: '名称',
+ *       required: true,
+ *     }
+ *   ]}
+ * />
+ * 
  */
 
 const SELECT_COMPONENTS = ['Select', 'TreeSelect', 'Cascader', 'DatePicker', 'TimePicker', 'Checkbox', 'Radio', 'Switch', 'Slider', 'Upload'];
@@ -76,10 +76,10 @@ const ListDataContainer = /*#__PURE__*/forwardRef(({
     return Component.displayName || Component.constructor.name;
   };
 
-  /**
-   * 数据加载与刷新方法
-   * @param {Object} [overrideParams={}] - 可选，用于覆盖内部参数的键值对
-   *   若传入，会覆盖同名的表单参数和分页参数（如page、pageSize或搜索字段）
+  /**
+   * 数据加载与刷新方法
+   * @param {Object} [overrideParams={}] - 可选，用于覆盖内部参数的键值对
+   *   若传入，会覆盖同名的表单参数和分页参数（如page、pageSize或搜索字段）
    */
   const loadDataSource = useCallback(async (overrideParams = {}) => {
     if (!fetchDataApi) return;
@@ -250,6 +250,10 @@ const ListDataContainer = /*#__PURE__*/forwardRef(({
     }).filter(Boolean);
   };
   const TableComponent = proTable ? ProTable : Table;
+  const {
+    scroll,
+    ...restTableProps
+  } = tableProps;
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
     style: {
@@ -288,12 +292,6 @@ const ListDataContainer = /*#__PURE__*/forwardRef(({
       y: tableScrollY !== undefined ? tableScrollY : tableProps.scroll?.y || undefined
     },
     bordered: true
-  }, (() => {
-    const {
-      scroll,
-      ...restTableProps
-    } = tableProps;
-    return restTableProps;
-  })()))));
+  }, restTableProps))));
 });
 export default ListDataContainer;

package/PageLayout/index.less

@@ -22,7 +22,7 @@
   .@{com-prefix-cls}-layout-container-tools {
     margin-top: 0;
     margin-bottom: 0;
-    padding: 0 20px 0 20px;
+    padding: 0 20px 16px 20px;
   }
 
   .@{com-prefix-cls}-layout-container-content {
@@ -44,4 +44,4 @@
     padding: 20px;
     border-top: 1px #f0f0f0 solid;
   }
-}
+}

package/PhoneBox/index.js

@@ -173,9 +173,9 @@ export default props => {
       className: "qrcode-preview-container"
     }, /*#__PURE__*/React.createElement(QRCode, {
       value: qrcodeUrl
-    }), isQrcodeExpire ? /*#__PURE__*/React.createElement("div", {
+    }), isQrcodeExpire && /*#__PURE__*/React.createElement("div", {
       className: "qrcode-preview-container-expire-mask"
-    }, "\u4E8C\u7EF4\u7801\u8FC7\u671F") : '', /*#__PURE__*/React.createElement("div", {
+    }, "\u4E8C\u7EF4\u7801\u8FC7\u671F"), /*#__PURE__*/React.createElement("div", {
       className: "qrcode-preview-container-text"
     }, "\u4E34\u65F6\u9884\u89C8\uFF0C", qrcodeExpireTime ? `${qrcodeExpireTime}分钟后失效` : '已失效'), /*#__PURE__*/React.createElement("a", {
       onClick: () => {

package/SearchForm/index.js

@@ -91,10 +91,10 @@ const SearchForm = ({
     onClick: handleToggle
   }, isOpen ? '收起' : '展开'));
 
-  /**
-   * 处理 formLine，确保所有 Form.Item 都有 noStyle 属性
-   * @param {ReactNode[]} nodes - 表单节点数组
-   * @returns {ReactNode[]} - 处理后的节点数组
+  /**
+   * 处理 formLine，确保所有 Form.Item 都有 noStyle 属性
+   * @param {ReactNode[]} nodes - 表单节点数组
+   * @returns {ReactNode[]} - 处理后的节点数组
    */
   const processFormLine = nodes => {
     return nodes.map(node => {

package/TableAction/index.js

@@ -1,10 +1,12 @@
 import React from 'react';
 import { tools } from '@cqsjjb/jjb-common-lib';
+import { MoreOutlined } from '@ant-design/icons';
 import { Dropdown, Space } from 'antd';
 export default function TableAction({
   maximum = 3,
   children,
   space,
+  icon: Icon = MoreOutlined,
   placement = 'bottomRight',
   // 下拉菜单位置，默认 bottomRight
   trigger = ['hover'] // 下拉触发方式，默认 hover
@@ -24,5 +26,5 @@ export default function TableAction({
     },
     placement: placement,
     trigger: trigger
-  }, /*#__PURE__*/React.createElement("a", null, "\u66F4\u591A")));
+  }, /*#__PURE__*/React.createElement("a", null, /*#__PURE__*/React.createElement(Icon, null))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqsjjb/jjb-react-admin-component",
-  "version": "3.3.12",
+  "version": "3.3.14",
   "description": "jjb-react-admin-组件库-稳定版",
   "main": "index.js",
   "author": "jjb-front-team",