feffery_antd_components 0.3.15 → 0.4.0-rc5

package/src/lib/components/dataEntry/AntdTimePicker.react.js

@@ -6,10 +6,88 @@ const LazyAntdTimePicker = React.lazy(() => import(/* webpackChunkName: "data_en
 /**
  * 时间选择组件AntdTimePicker
  */
-const AntdTimePicker = (props) => {
+const AntdTimePicker = ({
+    id,
+    className,
+    style,
+    popupClassName,
+    key,
+    name,
+    enableBatchControl = true,
+    locale = 'zh-cn',
+    setProps,
+    disabled = false,
+    hourStep = 1,
+    minuteStep = 1,
+    secondStep = 1,
+    format = 'HH:mm:ss',
+    value,
+    defaultValue,
+    use12Hours = false,
+    allowClear = true,
+    autoFocus = false,
+    placeholder,
+    placement = 'bottomLeft',
+    bordered = true,
+    variant,
+    size = 'middle',
+    status,
+    popupContainer = 'body',
+    readOnly,
+    extraFooter,
+    showNow = true,
+    prefix,
+    suffixIcon,
+    persistence,
+    persisted_props,
+    persistence_type,
+    batchPropsNames = [],
+    needConfirm = false,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdTimePicker {...props} />
+            <LazyAntdTimePicker {
+                ...{
+                    id,
+                    className,
+                    style,
+                    popupClassName,
+                    key,
+                    name,
+                    enableBatchControl,
+                    locale,
+                    setProps,
+                    disabled,
+                    hourStep,
+                    minuteStep,
+                    secondStep,
+                    format,
+                    value,
+                    defaultValue,
+                    use12Hours,
+                    allowClear,
+                    autoFocus,
+                    placeholder,
+                    placement,
+                    bordered,
+                    variant,
+                    size,
+                    status,
+                    popupContainer,
+                    readOnly,
+                    extraFooter,
+                    showNow,
+                    prefix,
+                    suffixIcon,
+                    persistence,
+                    persisted_props,
+                    persistence_type,
+                    batchPropsNames,
+                    needConfirm,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -49,10 +127,16 @@ AntdTimePicker.propTypes = {
     name: PropTypes.string,
 
     /**
-     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）
+     * 控制当前组件是否参与有效的`AntdForm`表单批量值搜集/控制功能
+     * 默认值：`true`
+     */
+    enableBatchControl: PropTypes.bool,
+
+    /**
+     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'ru-ru'`（俄语）
      * 默认值：`'zh-cn'`
      */
-    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de']),
+    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru']),
 
     /**
      * 时间显示格式，[参考资料](https://day.js.org/docs/en/display/format)
@@ -103,9 +187,9 @@ AntdTimePicker.propTypes = {
     bordered: PropTypes.bool,
 
     /**
-     * 形态变体类型，可选项有`'outlined'`、`'borderless'`、`'filled'`，其中`'outlined'`等价于`bordered=True`，但优先级更高
+     * 形态变体类型，可选项有`'outlined'`、`'borderless'`、`'filled'`、`'underlined'`，其中`'outlined'`等价于`bordered=True`，但优先级更高
      */
-    variant: PropTypes.oneOf(['outlined', 'borderless', 'filled']),
+    variant: PropTypes.oneOf(['outlined', 'borderless', 'filled', 'underlined']),
 
     /**
      * 输入框占位文字内容
@@ -250,26 +334,9 @@ AntdTimePicker.propTypes = {
     persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
 };
 
-// 设置默认参数
-AntdTimePicker.defaultProps = {
-    hourStep: 1,
-    minuteStep: 1,
-    secondStep: 1,
-    use12Hours: false,
-    disabled: false,
-    placement: 'bottomLeft',
-    format: 'HH:mm:ss',
-    allowClear: true,
-    autoFocus: false,
-    bordered: true,
-    size: 'middle',
-    showNow: true,
-    needConfirm: false,
+AntdTimePicker.dashPersistence = {
     persisted_props: ['value'],
-    persistence_type: 'local',
-    locale: 'zh-cn',
-    popupContainer: 'body',
-    batchPropsNames: []
+    persistence_type: 'local'
 }
 
 export default AntdTimePicker;

package/src/lib/components/dataEntry/AntdTimeRangePicker.react.js

@@ -6,10 +6,88 @@ const LazyAntdTimeRangePicker = React.lazy(() => import(/* webpackChunkName: "da
 /**
  * 时间范围选择组件AntdTimeRangePicker
  */
-const AntdTimeRangePicker = (props) => {
+const AntdTimeRangePicker = ({
+    id,
+    className,
+    style,
+    popupClassName,
+    key,
+    name,
+    enableBatchControl = true,
+    locale = 'zh-cn',
+    setProps,
+    value,
+    defaultValue,
+    placeholder,
+    placement = 'bottomLeft',
+    disabled = [false, false],
+    hourStep = 1,
+    minuteStep = 1,
+    secondStep = 1,
+    format = 'HH:mm:ss',
+    use12Hours = false,
+    allowClear = true,
+    autoFocus = false,
+    bordered = true,
+    variant,
+    size = 'middle',
+    open,
+    status,
+    prefix,
+    suffixIcon,
+    popupContainer = 'body',
+    readOnly,
+    extraFooter,
+    persistence,
+    persisted_props,
+    persistence_type,
+    batchPropsNames = [],
+    needConfirm = false,
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdTimeRangePicker {...props} />
+            <LazyAntdTimeRangePicker {
+                ...{
+                    id,
+                    className,
+                    style,
+                    popupClassName,
+                    key,
+                    name,
+                    enableBatchControl,
+                    locale,
+                    setProps,
+                    value,
+                    defaultValue,
+                    placeholder,
+                    placement,
+                    disabled,
+                    hourStep,
+                    minuteStep,
+                    secondStep,
+                    format,
+                    use12Hours,
+                    allowClear,
+                    autoFocus,
+                    bordered,
+                    variant,
+                    size,
+                    open,
+                    status,
+                    prefix,
+                    suffixIcon,
+                    popupContainer,
+                    readOnly,
+                    extraFooter,
+                    persistence,
+                    persisted_props,
+                    persistence_type,
+                    batchPropsNames,
+                    needConfirm,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -49,10 +127,16 @@ AntdTimeRangePicker.propTypes = {
     name: PropTypes.string,
 
     /**
-     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）
+     * 控制当前组件是否参与有效的`AntdForm`表单批量值搜集/控制功能
+     * 默认值：`true`
+     */
+    enableBatchControl: PropTypes.bool,
+
+    /**
+     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'ru-ru'`（俄语）
      * 默认值：`'zh-cn'`
      */
-    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de']),
+    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru']),
 
     /**
      * 时间显示格式，[参考资料](https://day.js.org/docs/en/display/format)
@@ -130,9 +214,9 @@ AntdTimeRangePicker.propTypes = {
     bordered: PropTypes.bool,
 
     /**
-     * 形态变体类型，可选项有`'outlined'`、`'borderless'`、`'filled'`，其中`'outlined'`等价于`bordered=True`，但优先级更高
+     * 形态变体类型，可选项有`'outlined'`、`'borderless'`、`'filled'`、`'underlined'`，其中`'outlined'`等价于`bordered=True`，但优先级更高
      */
-    variant: PropTypes.oneOf(['outlined', 'borderless', 'filled']),
+    variant: PropTypes.oneOf(['outlined', 'borderless', 'filled', 'underlined']),
 
     /**
      * 当前组件尺寸规格，可选项有`'small'`、`'middle'`、`'large'`
@@ -203,24 +287,6 @@ AntdTimeRangePicker.propTypes = {
      */
     needConfirm: PropTypes.bool,
 
-    /**
-    * Object that holds the loading state object coming from dash-renderer
-    */
-    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.
@@ -249,25 +315,9 @@ AntdTimeRangePicker.propTypes = {
     persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
 };
 
-// 设置默认参数
-AntdTimeRangePicker.defaultProps = {
-    disabled: [false, false],
-    hourStep: 1,
-    minuteStep: 1,
-    secondStep: 1,
-    use12Hours: false,
-    allowClear: true,
-    autoFocus: false,
-    bordered: true,
-    size: 'middle',
-    format: 'HH:mm:ss',
-    needConfirm: false,
+AntdTimeRangePicker.dashPersistence = {
     persisted_props: ['value'],
-    persistence_type: 'local',
-    locale: 'zh-cn',
-    placement: 'bottomLeft',
-    popupContainer: 'body',
-    batchPropsNames: []
+    persistence_type: 'local'
 }
 
 export default AntdTimeRangePicker;

package/src/lib/components/dataEntry/AntdTransfer.react.js

@@ -6,10 +6,68 @@ const LazyAntdTransfer = React.lazy(() => import(/* webpackChunkName: "data_entr
 /**
  * 穿梭框组件AntdTransfer
  */
-const AntdTransfer = (props) => {
+const AntdTransfer = ({
+    id,
+    className,
+    style,
+    key,
+    name,
+    enableBatchControl = true,
+    locale = 'zh-cn',
+    setProps,
+    dataSource,
+    selectionsIcon,
+    height,
+    pagination = false,
+    oneWay = false,
+    operations = ['', ''],
+    showSearch = false,
+    optionFilterMode = 'case-insensitive',
+    showSelectAll = true,
+    titles,
+    disabled = false,
+    targetKeys = [],
+    status,
+    readOnly = false,
+    persistence,
+    persisted_props,
+    persistence_type,
+    batchPropsNames = [],
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdTransfer {...props} />
+            <LazyAntdTransfer {
+                ...{
+                    id,
+                    className,
+                    style,
+                    key,
+                    name,
+                    enableBatchControl,
+                    locale,
+                    setProps,
+                    dataSource,
+                    selectionsIcon,
+                    height,
+                    pagination,
+                    oneWay,
+                    operations,
+                    showSearch,
+                    optionFilterMode,
+                    showSelectAll,
+                    titles,
+                    disabled,
+                    targetKeys,
+                    status,
+                    readOnly,
+                    persistence,
+                    persisted_props,
+                    persistence_type,
+                    batchPropsNames,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -44,10 +102,16 @@ AntdTransfer.propTypes = {
     name: PropTypes.string,
 
     /**
-     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）
+     * 控制当前组件是否参与有效的`AntdForm`表单批量值搜集/控制功能
+     * 默认值：`true`
+     */
+    enableBatchControl: PropTypes.bool,
+
+    /**
+     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'ru-ru'`（俄语）
      * 默认值：`'zh-cn'`
      */
-    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de']),
+    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru']),
 
     /**
      * 配置选项
@@ -243,21 +307,9 @@ AntdTransfer.propTypes = {
     persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
 };
 
-// 设置默认参数
-AntdTransfer.defaultProps = {
-    targetKeys: [],
-    pagination: false,
-    oneWay: false,
-    operations: ['', ''],
-    showSearch: false,
-    showSelectAll: true,
-    disabled: false,
-    optionFilterMode: 'case-insensitive',
-    readOnly: false,
+AntdTransfer.dashPersistence = {
     persisted_props: ['targetKeys'],
-    persistence_type: 'local',
-    locale: 'zh-cn',
-    batchPropsNames: []
+    persistence_type: 'local'
 }
 
 export default AntdTransfer;

package/src/lib/components/dataEntry/AntdTreeSelect.react.js

@@ -6,10 +6,118 @@ const LazyAntdTreeSelect = React.lazy(() => import(/* webpackChunkName: "data_en
 /**
  * 树选择组件AntdTreeSelect
  */
-const AntdTreeSelect = (props) => {
+const AntdTreeSelect = ({
+    id,
+    style,
+    className,
+    popupClassName,
+    key,
+    name,
+    enableBatchControl = true,
+    locale = 'zh-cn',
+    treeData,
+    treeNodeKeyToTitle,
+    treeDataMode = 'tree',
+    allowClear = true,
+    bordered = true,
+    variant,
+    treeLine = false,
+    listHeight = 256,
+    placeholder,
+    value,
+    defaultValue,
+    maxCount,
+    maxTagCount,
+    maxTagPlaceholder,
+    maxTagTextLength,
+    multiple = false,
+    size = 'middle',
+    prefix,
+    suffixIcon,
+    switcherIcon,
+    treeCheckable = false,
+    treeCheckStrictly = false,
+    treeDefaultExpandAll = false,
+    treeDefaultExpandedKeys,
+    treeExpandedKeys,
+    virtual = true,
+    disabled = false,
+    placement = 'bottomLeft',
+    status,
+    treeNodeFilterProp = 'value',
+    treeNodeFilterMode = 'case-insensitive',
+    autoClearSearchValue = true,
+    popupContainer = 'body',
+    setProps,
+    readOnly,
+    showCheckedStrategy = 'show-all',
+    dropdownBefore,
+    dropdownAfter,
+    enableAsyncLoad = false,
+    persistence,
+    persisted_props,
+    persistence_type,
+    batchPropsNames = [],
+    ...others
+}) => {
     return (
         <Suspense fallback={null}>
-            <LazyAntdTreeSelect {...props} />
+            <LazyAntdTreeSelect {
+                ...{
+                    id,
+                    style,
+                    className,
+                    popupClassName,
+                    key,
+                    name,
+                    enableBatchControl,
+                    locale,
+                    treeData,
+                    treeNodeKeyToTitle,
+                    treeDataMode,
+                    allowClear,
+                    bordered,
+                    variant,
+                    treeLine,
+                    listHeight,
+                    placeholder,
+                    value,
+                    defaultValue,
+                    maxCount,
+                    maxTagCount,
+                    maxTagPlaceholder,
+                    maxTagTextLength,
+                    multiple,
+                    size,
+                    prefix,
+                    suffixIcon,
+                    switcherIcon,
+                    treeCheckable,
+                    treeCheckStrictly,
+                    treeDefaultExpandAll,
+                    treeDefaultExpandedKeys,
+                    treeExpandedKeys,
+                    virtual,
+                    disabled,
+                    placement,
+                    status,
+                    treeNodeFilterProp,
+                    treeNodeFilterMode,
+                    autoClearSearchValue,
+                    popupContainer,
+                    setProps,
+                    readOnly,
+                    showCheckedStrategy,
+                    dropdownBefore,
+                    dropdownAfter,
+                    enableAsyncLoad,
+                    persistence,
+                    persisted_props,
+                    persistence_type,
+                    batchPropsNames,
+                    ...others
+                }
+            } />
         </Suspense>
     );
 }
@@ -135,10 +243,16 @@ AntdTreeSelect.propTypes = {
     name: PropTypes.string,
 
     /**
-     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）
+     * 控制当前组件是否参与有效的`AntdForm`表单批量值搜集/控制功能
+     * 默认值：`true`
+     */
+    enableBatchControl: PropTypes.bool,
+
+    /**
+     * 组件文案语种，可选项有`'zh-cn'`（简体中文）、`'en-us'`（英语）、`'de-de'`（德语）、`'ru-ru'`（俄语）
      * 默认值：`'zh-cn'`
      */
-    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de']),
+    locale: PropTypes.oneOf(['zh-cn', 'en-us', 'de-de', 'ru-ru']),
 
     /**
      * 对应`treeData`格式的渲染模式，可选项有`'tree'`（树形模式）、`'flat'`（扁平模式）
@@ -184,10 +298,9 @@ AntdTreeSelect.propTypes = {
     bordered: PropTypes.bool,
 
     /**
-     * 设置形态变体类型，可选的有'outlined'、'borderless'、'filled'
-     * 其中'outlined'等价于bordered=true，优先级高于bordered
+     * 设置形态变体类型，可选的有'outlined'、'borderless'、'filled'、`'underlined'`，其中'outlined'等价于bordered=true，优先级高于bordered
      */
-    variant: PropTypes.oneOf(['outlined', 'borderless', 'filled']),
+    variant: PropTypes.oneOf(['outlined', 'borderless', 'filled', 'underlined']),
 
     /**
      * 输入框占位文字内容
@@ -450,31 +563,9 @@ AntdTreeSelect.propTypes = {
     persistence_type: PropTypes.oneOf(['local', 'session', 'memory'])
 };
 
-// 设置默认参数
-AntdTreeSelect.defaultProps = {
-    listHeight: 256,
-    virtual: true,
-    allowClear: true,
-    disabled: false,
-    bordered: true,
-    placement: 'bottomLeft',
-    treeLine: false,
-    multiple: false,
-    size: 'middle',
-    treeCheckable: false,
-    treeCheckStrictly: false,
-    treeDefaultExpandAll: false,
-    autoClearSearchValue: true,
+AntdTreeSelect.dashPersistence = {
     persisted_props: ['value'],
-    persistence_type: 'local',
-    locale: 'zh-cn',
-    treeNodeFilterProp: 'value',
-    treeDataMode: 'tree',
-    popupContainer: 'body',
-    showCheckedStrategy: 'show-all',
-    treeNodeFilterMode: 'case-insensitive',
-    enableAsyncLoad: false,
-    batchPropsNames: []
+    persistence_type: 'local'
 }
 
 export default AntdTreeSelect;