feffery_antd_components 0.2.10-rc14 → 0.2.10-rc15

package/feffery_antd_components/metadata.json

@@ -5691,6 +5691,17 @@
           "computed": false
         }
       },
+      "dataDeepCompare": {
+        "type": {
+          "name": "bool"
+        },
+        "required": false,
+        "description": "",
+        "defaultValue": {
+          "value": "false",
+          "computed": false
+        }
+      },
       "loading_state": {
         "type": {
           "name": "shape",
@@ -6655,6 +6666,24 @@
         "required": false,
         "description": ""
       },
+      "searchKeyword": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": ""
+      },
+      "highlightStyle": {
+        "type": {
+          "name": "object"
+        },
+        "required": false,
+        "description": "",
+        "defaultValue": {
+          "value": "{\r\n    fontWeight: 'bold',\r\n    backgroundColor: 'transparent',\r\n    padding: 0,\r\n    color: '#ff5500'\r\n}",
+          "computed": false
+        }
+      },
       "nodeCheckedSuffix": {
         "type": {
           "name": "node"
@@ -17357,6 +17386,10 @@
               "name": "bool",
               "required": false
             },
+            "block": {
+              "name": "bool",
+              "required": false
+            },
             "style": {
               "name": "object",
               "required": false

package/feffery_antd_components/package-info.json

@@ -1,6 +1,6 @@
 {
   "name": "feffery_antd_components",
-  "version": "0.2.10-rc14",
+  "version": "0.2.10-rc15",
   "description": "Best implementation of Antd components in Plotly Dash.",
   "repository": {
     "type": "git",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feffery_antd_components",
-  "version": "0.2.10-rc14",
+  "version": "0.2.10-rc15",
   "description": "Best implementation of Antd components in Plotly Dash.",
   "repository": {
     "type": "git",

package/src/jl/'feffery'_antdtable.jl

@@ -174,6 +174,7 @@ Those elements have the following types:
   - `maxTagCount` (Real | a value equal to: 'responsive'; optional)
   - `optionFilterProp` (a value equal to: 'value', 'label'; optional)
   - `allowClear` (Bool; optional)s
+- `dataDeepCompare` (Bool; optional)
 - `defaultExpandedRowKeys` (Array of Strings; optional)
 - `defaultFilteredValues` (Dict with Strings as keys and values of type Array; optional): 监听或设置各字段筛选功能初始化时已选中值
 - `emptyContent` (a list of or a singular dash component, string or number; optional)
@@ -283,7 +284,7 @@ Those elements have the following types:
   - `overlayStyle` (Dict; optional)
 """
 function 'feffery'_antdtable(; kwargs...)
-        available_props = Symbol[:id, :bordered, :cellUpdateOptimize, :className, :clickedContent, :clickedCustom, :columns, :columnsFormatConstraint, :conditionalStyleFuncs, :containerId, :currentData, :customFormatFuncs, :data, :defaultExpandedRowKeys, :defaultFilteredValues, :emptyContent, :enableCellClickListenColumns, :enableHoverListen, :expandRowByClick, :expandedRowKeyToContent, :expandedRowWidth, :filter, :filterOptions, :hiddenRowKeys, :key, :loading_state, :locale, :maxHeight, :maxWidth, :miniChartAnimation, :miniChartHeight, :mode, :nClicksButton, :nClicksCell, :nClicksDropdownItem, :nDoubleClicksCell, :pagination, :recentlyButtonClickedDataIndex, :recentlyButtonClickedRow, :recentlyCellClickColumn, :recentlyCellClickRecord, :recentlyCellDoubleClickColumn, :recentlyCellDoubleClickRecord, :recentlyChangedColumn, :recentlyChangedRow, :recentlyCheckedDataIndex, :recentlyCheckedLabel, :recentlyCheckedRow, :recentlyCheckedStatus, :recentlyClickedDropdownItemTitle, :recentlyDropdownItemClickedDataIndex, :recentlyDropdownItemClickedRow, :recentlyMouseEnterColumnDataIndex, :recentlyMouseEnterRow, :recentlyMouseEnterRowKey, :recentlySelectDataIndex, :recentlySelectRow, :recentlySelectValue, :recentlySwitchDataIndex, :recentlySwitchRow, :recentlySwitchStatus, :rowSelectionType, :rowSelectionWidth, :selectedRowKeys, :selectedRows, :selectedRowsSyncWithData, :size, :sortOptions, :sorter, :sticky, :style, :summaryRowContents, :summaryRowFixed, :titlePopoverInfo]
+        available_props = Symbol[:id, :bordered, :cellUpdateOptimize, :className, :clickedContent, :clickedCustom, :columns, :columnsFormatConstraint, :conditionalStyleFuncs, :containerId, :currentData, :customFormatFuncs, :data, :dataDeepCompare, :defaultExpandedRowKeys, :defaultFilteredValues, :emptyContent, :enableCellClickListenColumns, :enableHoverListen, :expandRowByClick, :expandedRowKeyToContent, :expandedRowWidth, :filter, :filterOptions, :hiddenRowKeys, :key, :loading_state, :locale, :maxHeight, :maxWidth, :miniChartAnimation, :miniChartHeight, :mode, :nClicksButton, :nClicksCell, :nClicksDropdownItem, :nDoubleClicksCell, :pagination, :recentlyButtonClickedDataIndex, :recentlyButtonClickedRow, :recentlyCellClickColumn, :recentlyCellClickRecord, :recentlyCellDoubleClickColumn, :recentlyCellDoubleClickRecord, :recentlyChangedColumn, :recentlyChangedRow, :recentlyCheckedDataIndex, :recentlyCheckedLabel, :recentlyCheckedRow, :recentlyCheckedStatus, :recentlyClickedDropdownItemTitle, :recentlyDropdownItemClickedDataIndex, :recentlyDropdownItemClickedRow, :recentlyMouseEnterColumnDataIndex, :recentlyMouseEnterRow, :recentlyMouseEnterRowKey, :recentlySelectDataIndex, :recentlySelectRow, :recentlySelectValue, :recentlySwitchDataIndex, :recentlySwitchRow, :recentlySwitchStatus, :rowSelectionType, :rowSelectionWidth, :selectedRowKeys, :selectedRows, :selectedRowsSyncWithData, :size, :sortOptions, :sorter, :sticky, :style, :summaryRowContents, :summaryRowFixed, :titlePopoverInfo]
         wild_props = Symbol[]
         return Component("'feffery'_antdtable", "AntdTable", "feffery_antd_components", available_props, wild_props; kwargs...)
 end

package/src/jl/'feffery'_antdtree.jl

@@ -33,6 +33,7 @@ Those elements have the following types:
 - `favoritedKeys` (Array of Strings; optional)
 - `halfCheckedKeys` (Array of Strings; optional)
 - `height` (Real; optional)
+- `highlightStyle` (Dict; optional)
 - `key` (String; optional)
 - `loading_state` (optional): . loading_state has the following type: lists containing elements 'is_loading', 'prop_name', 'component_name'.
 Those elements have the following types:
@@ -62,6 +63,7 @@ Those elements have the following types:
   - `key` (String; required)
   - `align` (a value equal to: 'top', 'bottom', 'auto'; optional)
   - `offset` (Real; optional)
+- `searchKeyword` (String; optional)
 - `selectable` (Bool; optional)
 - `selectedKeys` (Array of Strings; optional)
 - `showIcon` (Bool; optional)
@@ -73,7 +75,7 @@ Those elements have the following types:
 - `treeDataMode` (a value equal to: 'tree', 'flat'; optional)
 """
 function 'feffery'_antdtree(; kwargs...)
-        available_props = Symbol[:id, :batchPropsNames, :batchPropsValues, :checkStrictly, :checkable, :checkedKeys, :className, :clickedContextMenu, :defaultCheckedKeys, :defaultExpandAll, :defaultExpandParent, :defaultExpandedKeys, :defaultSelectedKeys, :dragInSameLevel, :draggable, :draggedNodeKey, :enableNodeFavorites, :expandedKeys, :favoritedKeys, :halfCheckedKeys, :height, :key, :loading_state, :multiple, :nodeCheckedStyle, :nodeCheckedSuffix, :nodeUncheckedStyle, :nodeUncheckedSuffix, :persisted_props, :persistence, :persistence_type, :scrollTarget, :selectable, :selectedKeys, :showIcon, :showLine, :style, :treeData, :treeDataMode]
+        available_props = Symbol[:id, :batchPropsNames, :batchPropsValues, :checkStrictly, :checkable, :checkedKeys, :className, :clickedContextMenu, :defaultCheckedKeys, :defaultExpandAll, :defaultExpandParent, :defaultExpandedKeys, :defaultSelectedKeys, :dragInSameLevel, :draggable, :draggedNodeKey, :enableNodeFavorites, :expandedKeys, :favoritedKeys, :halfCheckedKeys, :height, :highlightStyle, :key, :loading_state, :multiple, :nodeCheckedStyle, :nodeCheckedSuffix, :nodeUncheckedStyle, :nodeUncheckedSuffix, :persisted_props, :persistence, :persistence_type, :scrollTarget, :searchKeyword, :selectable, :selectedKeys, :showIcon, :showLine, :style, :treeData, :treeDataMode]
         wild_props = Symbol[]
         return Component("'feffery'_antdtree", "AntdTree", "feffery_antd_components", available_props, wild_props; kwargs...)
 end

package/src/jl/'feffery'_antdupload.jl

@@ -11,11 +11,12 @@ Keyword arguments:
 - `id` (String; optional)
 - `apiUrl` (String; optional)
 - `buttonContent` (a list of or a singular dash component, string or number; optional)
-- `buttonProps` (optional): . buttonProps has the following type: lists containing elements 'size', 'type', 'danger', 'style', 'className'.
+- `buttonProps` (optional): . buttonProps has the following type: lists containing elements 'size', 'type', 'danger', 'block', 'style', 'className'.
 Those elements have the following types:
   - `size` (a value equal to: 'default', 'small', 'large'; optional)
   - `type` (a value equal to: 'primary', 'ghost', 'dashed', 'link', 'text', 'default'; optional)
   - `danger` (Bool; optional)
+  - `block` (Bool; optional)
   - `style` (Dict; optional)
   - `className` (String; optional)
 - `className` (String | Dict; optional)

package/src/lib/components/dataDisplay/AntdTable.react.js

@@ -792,7 +792,7 @@ AntdTable.propTypes = {
     // 自定义空数据状态内容
     emptyContent: PropTypes.node,
 
-    // 设置是否开启单元格渲染优化，默认为true
+    // 设置是否开启单元格渲染优化，默认为false
     cellUpdateOptimize: PropTypes.bool,
 
     // 再渲染模式
@@ -886,6 +886,11 @@ AntdTable.propTypes = {
     // 用于设置需要进行隐藏的行对应key值数组，默认为[]
     hiddenRowKeys: PropTypes.arrayOf(PropTypes.string),
 
+    // 用于设置是否针对data参数进行深比较，从而避免React默认的浅比较prop导致部分数据变化情况下未刷新的问题
+    // 开启此功能后，在数据量较大时会对刷新性能造成负面影响
+    // 默认：false
+    dataDeepCompare: PropTypes.bool,
+
     loading_state: PropTypes.shape({
         /**
          * Determines if the component is loading or not
@@ -941,7 +946,8 @@ AntdTable.defaultProps = {
     miniChartHeight: 30,
     miniChartAnimation: false,
     // dropdown模式相关
-    nClicksDropdownItem: 0
+    nClicksDropdownItem: 0,
+    dataDeepCompare: false
 };
 
 export default AntdTable;

package/src/lib/components/dataDisplay/AntdTree.react.js

@@ -2,6 +2,7 @@ import React, { useEffect, useRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { Tree, Tooltip, Dropdown, Rate } from 'antd';
 import AntdIcon from '../general/AntdIcon.react';
+import Highlighter from 'react-highlight-words';
 import { omitBy, isUndefined, isString, isObject, isArray, cloneDeep } from 'lodash';
 import { flatToTree } from '../utils';
 import useCss from '../../hooks/useCss';
@@ -23,6 +24,31 @@ const isSameParent = (a, b) => {
     return aLevel.join('') === bLevel.join('');
 }
 
+const filterTree = (toFilterData, keyword) => {
+    return toFilterData.filter(node => {
+        // 首先检查当前节点是否匹配关键字
+        const isMatch = node.title.includes(keyword);
+
+        // 如果当前节点匹配关键字，但不是根节点，才保留它及其全部后代节点信息
+        if (isMatch) {
+            return true;
+        }
+
+        // 如果当前节点不匹配关键字，检查它的子节点
+        if (node.children && node.children.length > 0) {
+            node.children = filterTree(node.children, keyword);
+
+            // 如果有匹配的子节点，保留当前节点及其匹配的后代节点信息
+            if (node.children.length > 0) {
+                return true;
+            }
+        }
+
+        // 如果当前节点和它的子节点都不匹配，返回 false，表示不保留该节点
+        return false;
+    });
+}
+
 // 定义树形控件AntdTree，api参数参考https://ant.design/components/tree-cn/
 const AntdTree = (props) => {
 
@@ -55,6 +81,8 @@ const AntdTree = (props) => {
         enableNodeFavorites,
         favoritedKeys,
         scrollTarget,
+        searchKeyword,
+        highlightStyle,
         nodeCheckedSuffix,
         nodeUncheckedSuffix,
         nodeCheckedStyle,
@@ -281,7 +309,11 @@ const AntdTree = (props) => {
             style={style}
             key={key}
             ref={treeRef}
-            treeData={add_leaf_node_icon(cloneDeep(treeData))}
+            treeData={
+                searchKeyword ?
+                    add_leaf_node_icon(filterTree(cloneDeep(treeData), searchKeyword)) :
+                    add_leaf_node_icon(cloneDeep(treeData))
+            }
             selectedKeys={selectedKeys}
             checkedKeys={checkedKeys}
             selectable={selectable}
@@ -347,7 +379,16 @@ const AntdTree = (props) => {
                                     ...(checkedKeys?.includes(nodeData.key) ? nodeCheckedStyle : nodeUncheckedStyle),
                                     ...nodeData.style // 优先级更高
                                 }}>
-                                {nodeData.title}
+                                {
+                                    searchKeyword ?
+                                        <Highlighter
+                                            highlightStyle={highlightStyle}
+                                            searchWords={[searchKeyword]}
+                                            autoEscape
+                                            textToHighlight={nodeData.title}
+                                        /> :
+                                        nodeData.title
+                                }
                                 {
                                     // 若当前节点满足收藏控件渲染条件
                                     enableNodeFavorites && (isUndefined(nodeData.enableFavorites) || nodeData.enableFavorites) ?
@@ -382,7 +423,16 @@ const AntdTree = (props) => {
                                 ...(checkedKeys?.includes(nodeData.key) ? nodeCheckedStyle : nodeUncheckedStyle),
                                 ...nodeData.style // 优先级更高
                             }}>
-                            {nodeData.title}
+                            {
+                                searchKeyword ?
+                                    <Highlighter
+                                        highlightStyle={highlightStyle}
+                                        searchWords={[searchKeyword]}
+                                        autoEscape
+                                        textToHighlight={nodeData.title}
+                                    /> :
+                                    nodeData.title
+                            }
                             {
                                 // 若当前节点满足收藏控件渲染条件
                                 enableNodeFavorites && (isUndefined(nodeData.enableFavorites) || nodeData.enableFavorites) ?
@@ -683,6 +733,12 @@ AntdTree.propTypes = {
         offset: PropTypes.number
     }),
 
+    // 联动树搜索时使用，用于设置针对树节点title进行搜索的关键词
+    searchKeyword: PropTypes.string,
+
+    // 配合searchKeyword参数使用，用于设置树节点title命中关键词部分的高亮样式
+    highlightStyle: PropTypes.object,
+
     // 节点拓展元素相关功能
     // 为节点元素设置勾选状态下的后缀元素
     nodeCheckedSuffix: PropTypes.node,
@@ -766,6 +822,12 @@ AntdTree.defaultProps = {
     showLine: { 'showLeafIcon': false },
     draggable: false,
     dragInSameLevel: false,
+    highlightStyle: {
+        fontWeight: 'bold',
+        backgroundColor: 'transparent',
+        padding: 0,
+        color: '#ff5500'
+    },
     enableNodeFavorites: false,
     favoritedKeys: [],
     persisted_props: ['selectedKeys', 'checkedKeys', 'expandedKeys', 'halfCheckedKeys'],

package/src/lib/components/dataEntry/upload/AntdUpload.react.js

@@ -60,6 +60,10 @@ AntdUpload.propTypes = {
         // 设置按钮是否显示为危险状态
         danger: PropTypes.bool,
 
+        // 设置按钮是否宽度撑满父元素
+        // 默认：false
+        block: PropTypes.bool,
+
         // 设置按钮的css样式
         style: PropTypes.object,
 

package/src/lib/components/styles.css

@@ -164,4 +164,9 @@
 
 .ant-tree-title .ant-rate {
     font-size: 16px;
+}
+
+/* 针对上传组件允许按钮block模式 */
+.ant-upload-button-block .ant-upload {
+    display: block;
 }

package/src/lib/fragments/AntdTable.react.js

@@ -40,7 +40,7 @@ import {
     QuestionCircleOutlined,
     DownOutlined
 } from '@ant-design/icons';
-import { isNumber, isEqual, isString } from 'lodash';
+import { isNumber, isEqual, isString, cloneDeep } from 'lodash';
 import { str2Locale, locale2text } from '../components/locales.react';
 import { propTypes, defaultProps } from '../components/dataDisplay/AntdTable.react';
 
@@ -1112,7 +1112,7 @@ class AntdTable extends Component {
                     columns[i]['render'] = (content, record) => {
                         const currentDataIndex = columns[i]['dataIndex']
                         return (
-                            <Checkbox defaultChecked={content.checked}
+                            <Checkbox checked={content.checked}
                                 disabled={content.disabled}
                                 onChange={(e) => {
                                     // 修改对应行对应字段item.checked值
@@ -1150,7 +1150,7 @@ class AntdTable extends Component {
                     columns[i]['render'] = (content, record) => {
                         const currentDataIndex = columns[i]['dataIndex']
                         return (
-                            <Switch defaultChecked={content.checked}
+                            <Switch checked={content.checked}
                                 disabled={content.disabled}
                                 checkedChildren={content.checkedChildren}
                                 unCheckedChildren={content.unCheckedChildren}

package/src/lib/fragments/upload/AntdUpload.react.js

@@ -325,7 +325,9 @@ const AntdUpload = (props) => {
                     ...style
                 }}
                 key={key}>
-                <Upload {...uploadProps}
+                <Upload
+                    {...uploadProps}
+                    className={buttonProps?.block ? 'ant-upload-button-block' : undefined}
                     fileList={fileList}
                     multiple={multiple}
                     showUploadList={showUploadList}
@@ -385,254 +387,6 @@ const AntdUpload = (props) => {
     );
 }
 
-// 定义参数或属性
-AntdUpload.propTypes = {
-    // 组件id
-    id: PropTypes.string,
-
-    // css类名
-    className: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.object
-    ]),
-
-    // 自定义css字典
-    style: PropTypes.object,
-
-    // 辅助刷新用唯一标识key值
-    key: PropTypes.string,
-
-    // 设置语言环境，可选的有'zh-cn'、'en-us'
-    locale: PropTypes.oneOf(['zh-cn', 'en-us']),
-
-    // 设置文件上传服务的接口url
-    apiUrl: PropTypes.string,
-
-    // 设置文件上传服务额外的headers信息
-    headers: PropTypes.object,
-
-    // 可选，用于设置已上传完成文件的下载接口，get接口，具有参数taskId、filename
-    downloadUrl: PropTypes.string,
-
-    // 设置已上传文件列表的最大显示长度，默认为3
-    fileListMaxLength: PropTypes.number,
-
-    // 设置允许上传的文件后缀名数组
-    fileTypes: PropTypes.arrayOf(PropTypes.string),
-
-    // 按钮模式下设置按钮内的文字内容
-    buttonContent: PropTypes.node,
-
-    // 配置上传按钮常用参数
-    buttonProps: PropTypes.exact({
-        // 设置按钮尺寸规格，可选的有'default'/'small'/'large'
-        size: PropTypes.oneOf(['default', 'small', 'large']),
-
-        // 设置按钮整体风格（可选项有primary、ghost、dashed、link、text、default）
-        type: PropTypes.oneOf(['primary', 'ghost', 'dashed', 'link', 'text', 'default']),
-
-        // 设置按钮是否显示为危险状态
-        danger: PropTypes.bool,
-
-        // 设置按钮的css样式
-        style: PropTypes.object,
-
-        // 设置按钮的css类名
-        className: PropTypes.string
-    }),
-
-    // 设置当前组件生命周期内的上传路径id信息，若未传入则会自动生成uuid
-    uploadId: PropTypes.string,
-
-    // 设置 文件上传尺寸上限，单位：兆
-    fileMaxSize: PropTypes.number,
-
-    // 设置是否开启多文件上传模式，默认为false
-    multiple: PropTypes.bool,
-
-    // 设置是否开启文件夹上传模式，默认为false
-    directory: PropTypes.bool,
-
-    // 自定义上传失败文件鼠标悬浮tooltip文字内容，默认为'上传失败'
-    failedTooltipInfo: PropTypes.string,
-
-    // 设置是否显示已上传文件列表，默认为true
-    showUploadList: PropTypes.bool,
-
-    // 设置是否为删除操作添加二次确认模态框，默认为false
-    confirmBeforeDelete: PropTypes.bool,
-
-    // 用于设置是否启用进度百分比显示，配合progressProps.format实现更多配置功能
-    // 默认为false
-    showPercent: PropTypes.bool,
-
-    // 用于配置进度条相关参数
-    progressProps: PropTypes.exact({
-        // 设置进度条的颜色，与css接受的颜色值格式相同
-        strokeColor: PropTypes.oneOfType([
-            PropTypes.string,
-            // 配置渐变色
-            PropTypes.exact({
-                // 配置开始颜色
-                from: PropTypes.string,
-
-                // 配置结束颜色
-                to: PropTypes.string
-            })
-        ]),
-
-        // 配置进度条线像素宽度
-        strokeWidth: PropTypes.number,
-
-        // 自定义提示格式
-        format: PropTypes.exact({
-            // 设置前缀文字，默认为''
-            prefix: PropTypes.string,
-
-            // 设置后缀文字，默认为'%'
-            suffix: PropTypes.string
-        })
-    }),
-
-    // 设置是否在每次文件上传成功后，弹出提示消息，默认为true
-    showSuccessMessage: PropTypes.bool,
-
-    // 设置是否在每次文件上传失败后，弹出提示消息，默认为true
-    showErrorMessage: PropTypes.bool,
-
-    // 用于在每次文件上传动作完成后，记录相关的信息
-    lastUploadTaskRecord: PropTypes.oneOfType([
-        // 单文件
-        PropTypes.exact({
-            // 记录文件名称
-            fileName: PropTypes.string,
-
-            // 记录文件大小
-            fileSize: PropTypes.number,
-
-            // 记录完成时间戳信息
-            completeTimestamp: PropTypes.number,
-
-            // 记录此次上传任务的状态信息，'success'表示成功，'failed'表示失败
-            taskStatus: PropTypes.string,
-
-            // 记录本次任务的id信息，若最近一次任务状态为'failed'，则不会携带此信息
-            taskId: PropTypes.string
-        }),
-        // 文件夹或多文件上传
-        PropTypes.arrayOf(
-            PropTypes.exact({
-                // 记录文件名称
-                fileName: PropTypes.string,
-
-                // 记录文件大小
-                fileSize: PropTypes.number,
-
-                // 记录完成时间戳信息
-                completeTimestamp: PropTypes.number,
-
-                // 记录此次上传任务的状态信息，'success'表示成功，'failed'表示失败
-                taskStatus: PropTypes.string,
-
-                // 记录本次任务的id信息，若最近一次任务状态为'failed'，则不会携带此信息
-                taskId: PropTypes.string
-            })
-        )
-    ]),
-
-    // 用于在每次的上传任务完成后，更新当前文件列表中全部文件的上传信息
-    listUploadTaskRecord: PropTypes.arrayOf(
-        PropTypes.exact({
-            // 记录文件名称
-            fileName: PropTypes.string,
-
-            // 记录文件大小
-            fileSize: PropTypes.number,
-
-            // 记录完成时间戳信息
-            completeTimestamp: PropTypes.number,
-
-            // 记录此次上传任务的状态信息，'success'表示成功，'failed'表示失败
-            taskStatus: PropTypes.string,
-
-            // 记录本次任务的id信息，若最近一次任务状态为'failed'，则不会携带此信息
-            taskId: PropTypes.string,
-
-            // 唯一标识当前任务的uuid信息，前端生成与后端无关
-            uid: PropTypes.string,
-
-            url: PropTypes.string
-        })
-    ),
-
-    // 仅作初始化展示用，用于定义组件初始化时已存在在上传列表中的附件信息
-    defaultFileList: PropTypes.arrayOf(
-        PropTypes.exact({
-            // 文件名称
-            name: PropTypes.string,
-
-            // 文件状态，可选的有'done'、'error'、'removed'
-            status: PropTypes.oneOf(['done', 'error', 'removed']),
-
-            // 唯一标识当前任务的uuid信息
-            uid: PropTypes.any,
-
-            // 可选，用于渲染当前文件的下载链接
-            url: PropTypes.string,
-
-            // 标识当前任务的taskId，若设置，则默认会被作为当前组件的uploadId使用
-            taskId: PropTypes.string,
-
-            // 可选，记录文件大小
-            fileSize: PropTypes.number
-        })
-    ),
-
-    // 设置是否禁用当前组件，默认为false
-    disabled: PropTypes.bool,
-
-    // 设置校验状态，可选的有'error'、'warning'
-    status: PropTypes.oneOf(['error', 'warning']),
-
-    loading_state: PropTypes.shape({
-        /**
-         * Determines if the component is loading or not
-         */
-        is_loading: PropTypes.bool,
-        /**
-         * Holds which property is loading
-         */
-        prop_name: PropTypes.string,
-        /**
-         * Holds the name of the component that is loading
-         */
-        component_name: PropTypes.string
-    }),
-
-    /**
-     * Dash-assigned callback that should be called to report property changes
-     * to Dash, to make them available for callbacks.
-     */
-    setProps: PropTypes.func
-};
-
-// 设置默认参数
-AntdUpload.defaultProps = {
-    disabled: false,
-    multiple: false,
-    directory: false,
-    showUploadList: true,
-    fileListMaxLength: null,
-    fileMaxSize: 500,
-    confirmBeforeDelete: false,
-    showPercent: false,
-    showSuccessMessage: true,
-    showErrorMessage: true,
-    lastUploadTaskRecord: null,
-    listUploadTaskRecord: [],
-    locale: 'zh-cn'
-}
-
 export default AntdUpload;
 
 AntdUpload.defaultProps = defaultProps;