feffery_antd_components 0.4.4 → 0.4.5

package/src/lib/fragments/dataEntry/AntdSlider.react.js

@@ -14,13 +14,16 @@ import FormContext from '../../contexts/FormContext';
 // 状态管理
 import useFormStore from '../../store/formStore';
 // 参数类型
-import { propTypes, defaultProps } from '../../components/dataEntry/AntdSlider.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../components/dataEntry/AntdSlider.react';
 
 /**
  * 滑动输入条组件AntdSlider
  */
 const AntdSlider = (props) => {
-    let {
+    const {
         id,
         name,
         className,
@@ -55,24 +58,26 @@ const AntdSlider = (props) => {
     // 批属性监听
     useEffect(() => {
         if (batchPropsNames && batchPropsNames.length !== 0) {
-            let _batchPropsValues = {};
-            for (let propName of batchPropsNames) {
+            const _batchPropsValues = {};
+            for (const propName of batchPropsNames) {
                 _batchPropsValues[propName] = props[propName];
             }
             setProps({
-                batchPropsValues: _batchPropsValues
-            })
+                batchPropsValues: _batchPropsValues,
+            });
         }
-    })
+    });
 
-    const context = useContext(PropsContext)
-    const formId = useContext(FormContext)
+    const context = useContext(PropsContext);
+    const formId = useContext(FormContext);
 
-    const updateItemValue = useFormStore((state) => state.updateItemValue)
-    const deleteItemValue = useFormStore((state) => state.deleteItemValue)
+    const updateItemValue = useFormStore((state) => state.updateItemValue);
+    const deleteItemValue = useFormStore((state) => state.deleteItemValue);
 
     // 收集当前组件相关表单值
-    const currentFormValue = useFormStore(state => state.values?.[formId]?.[name || id])
+    const currentFormValue = useFormStore(
+        (state) => state.values?.[formId]?.[name || id]
+    );
 
     // 处理组件卸载后，对应表单项值的清除
     useEffect(() => {
@@ -80,10 +85,10 @@ const AntdSlider = (props) => {
             // 若上文中存在有效表单id
             if (formId && (name || id) && enableBatchControl) {
                 // 表单值更新
-                deleteItemValue(formId, name || id)
+                deleteItemValue(formId, name || id);
             }
-        }
-    }, [name, id])
+        };
+    }, [name, id]);
 
     useEffect(() => {
         // 初始化value
@@ -92,24 +97,26 @@ const AntdSlider = (props) => {
             if (!value) {
                 setProps({
                     value: defaultValue || [min, max],
-                    defaultValue: defaultValue || [min, max]
-                })
+                    defaultValue: defaultValue || [min, max],
+                });
             }
         } else {
             // 单值选择模式时
             if (!value && value !== 0) {
                 setProps({
-                    value: (defaultValue || defaultValue === 0) ? defaultValue : max,
-                    defaultValue: (defaultValue || defaultValue === 0) ? defaultValue : max
-                })
+                    value:
+                        defaultValue || defaultValue === 0 ? defaultValue : max,
+                    defaultValue:
+                        defaultValue || defaultValue === 0 ? defaultValue : max,
+                });
             }
         }
-    }, [])
+    }, []);
 
     // 设置tipFormatter格式化函数
     const formatter = (e) => {
-        return tooltipPrefix + `${e}` + tooltipSuffix
-    }
+        return tooltipPrefix + `${e}` + tooltipSuffix;
+    };
 
     // 监听用户完成拖拽的动作
     const onChange = (e) => {
@@ -117,40 +124,45 @@ const AntdSlider = (props) => {
             // AntdForm表单批量控制
             if (formId && (name || id) && enableBatchControl) {
                 // 表单值更新
-                updateItemValue(formId, name || id, e)
+                updateItemValue(formId, name || id, e);
             }
-            setProps({ value: e })
+            setProps({ value: e });
         }
-    }
+    };
 
     return (
         <Slider
             // 提取具有data-*或aria-*通配格式的属性
-            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+            {...pickBy(
+                (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                others
+            )}
             id={id}
             className={
-                isString(className) ?
-                    className :
-                    (className ? useCss(className) : undefined)
+                isString(className)
+                    ? className
+                    : className
+                      ? useCss(className)
+                      : undefined
             }
             style={style}
             styles={styles}
             classNames={classNames}
             key={key}
             defaultValue={
-                formId && (name || id) && enableBatchControl ?
-                    undefined :
-                    defaultValue
+                formId && (name || id) && enableBatchControl
+                    ? undefined
+                    : defaultValue
             }
             value={
-                formId && (name || id) && enableBatchControl ?
-                    currentFormValue :
-                    value
+                formId && (name || id) && enableBatchControl
+                    ? currentFormValue
+                    : value
             }
             disabled={
-                context && !isUndefined(context.componentDisabled) ?
-                    context.componentDisabled :
-                    disabled
+                context && !isUndefined(context.componentDisabled)
+                    ? context.componentDisabled
+                    : disabled
             }
             autoFocus={autoFocus}
             vertical={vertical}
@@ -161,18 +173,19 @@ const AntdSlider = (props) => {
             marks={marks}
             tooltip={{
                 open: tooltipVisible,
-                getPopupContainer: popupContainer === 'parent' ?
-                    (triggerNode) => triggerNode.parentNode :
-                    undefined,
-                formatter: formatter
+                getPopupContainer:
+                    popupContainer === 'parent'
+                        ? (triggerNode) => triggerNode.parentNode
+                        : undefined,
+                formatter: formatter,
             }}
             onChange={onChange}
             data-dash-is-loading={useLoading()}
         />
     );
-}
+};
 
 export default AntdSlider;
 
 AntdSlider.defaultProps = defaultProps;
-AntdSlider.propTypes = propTypes;
+AntdSlider.propTypes = propTypes;

package/src/lib/fragments/dataEntry/AntdSwitch.react.js

@@ -14,13 +14,16 @@ import FormContext from '../../contexts/FormContext';
 // 状态管理
 import useFormStore from '../../store/formStore';
 // 参数类型
-import { propTypes, defaultProps } from '../../components/dataEntry/AntdSwitch.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../components/dataEntry/AntdSwitch.react';
 
 /**
  * 开关组件AntdSwitch
  */
 const AntdSwitch = (props) => {
-    let {
+    const {
         id,
         style,
         className,
@@ -46,24 +49,26 @@ const AntdSwitch = (props) => {
     // 批属性监听
     useEffect(() => {
         if (batchPropsNames && batchPropsNames.length !== 0) {
-            let _batchPropsValues = {};
-            for (let propName of batchPropsNames) {
+            const _batchPropsValues = {};
+            for (const propName of batchPropsNames) {
                 _batchPropsValues[propName] = props[propName];
             }
             setProps({
-                batchPropsValues: _batchPropsValues
-            })
+                batchPropsValues: _batchPropsValues,
+            });
         }
-    })
+    });
 
-    const context = useContext(PropsContext)
-    const formId = useContext(FormContext)
+    const context = useContext(PropsContext);
+    const formId = useContext(FormContext);
 
-    const updateItemValue = useFormStore((state) => state.updateItemValue)
-    const deleteItemValue = useFormStore((state) => state.deleteItemValue)
+    const updateItemValue = useFormStore((state) => state.updateItemValue);
+    const deleteItemValue = useFormStore((state) => state.deleteItemValue);
 
     // 收集当前组件相关表单值
-    const currentFormValue = useFormStore(state => state.values?.[formId]?.[name || id])
+    const currentFormValue = useFormStore(
+        (state) => state.values?.[formId]?.[name || id]
+    );
 
     // 处理组件卸载后，对应表单项值的清除
     useEffect(() => {
@@ -71,52 +76,57 @@ const AntdSwitch = (props) => {
             // 若上文中存在有效表单id
             if (formId && (name || id) && enableBatchControl) {
                 // 表单值更新
-                deleteItemValue(formId, name || id)
+                deleteItemValue(formId, name || id);
             }
-        }
-    }, [name, id])
+        };
+    }, [name, id]);
 
     useEffect(() => {
         if (isUndefined(checked)) {
-            setProps({ checked: false })
+            setProps({ checked: false });
         }
-    }, [])
+    }, []);
 
-    const onChange = e => {
+    const onChange = (e) => {
         if (!readOnly) {
             // AntdForm表单批量控制
             if (formId && (name || id) && enableBatchControl) {
                 // 表单值更新
-                updateItemValue(formId, name || id, e)
+                updateItemValue(formId, name || id, e);
             }
-            setProps({ checked: e })
+            setProps({ checked: e });
         }
-    }
+    };
 
     return (
         <Switch
             // 提取具有data-*或aria-*通配格式的属性
-            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+            {...pickBy(
+                (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                others
+            )}
             id={id}
             className={
-                isString(className) ?
-                    className :
-                    (className ? useCss(className) : undefined)
+                isString(className)
+                    ? className
+                    : className
+                      ? useCss(className)
+                      : undefined
             }
             style={style}
             key={key}
             disabled={
-                context && !isUndefined(context.componentDisabled) ?
-                    context.componentDisabled :
-                    disabled
+                context && !isUndefined(context.componentDisabled)
+                    ? context.componentDisabled
+                    : disabled
             }
             defaultChecked={checked}
             autoFocus={autoFocus}
             checkedChildren={checkedChildren}
             checked={
-                formId && (name || id) && enableBatchControl ?
-                    currentFormValue :
-                    checked
+                formId && (name || id) && enableBatchControl
+                    ? currentFormValue
+                    : checked
             }
             unCheckedChildren={unCheckedChildren}
             size={size}
@@ -125,9 +135,9 @@ const AntdSwitch = (props) => {
             data-dash-is-loading={useLoading()}
         />
     );
-}
+};
 
 export default AntdSwitch;
 
 AntdSwitch.defaultProps = defaultProps;
-AntdSwitch.propTypes = propTypes;
+AntdSwitch.propTypes = propTypes;

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

@@ -16,7 +16,10 @@ import FormContext from '../../contexts/FormContext';
 // 状态管理
 import useFormStore from '../../store/formStore';
 // 参数类型
-import { propTypes, defaultProps } from '../../components/dataEntry/AntdTimePicker.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../components/dataEntry/AntdTimePicker.react';
 
 /**
  * 时间选择组件AntdTimePicker
@@ -65,26 +68,28 @@ const AntdTimePicker = (props) => {
     // 批属性监听
     useEffect(() => {
         if (batchPropsNames && batchPropsNames.length !== 0) {
-            let _batchPropsValues = {};
-            for (let propName of batchPropsNames) {
+            const _batchPropsValues = {};
+            for (const propName of batchPropsNames) {
                 _batchPropsValues[propName] = props[propName];
             }
             setProps({
-                batchPropsValues: _batchPropsValues
-            })
+                batchPropsValues: _batchPropsValues,
+            });
         }
-    })
+    });
 
-    const context = useContext(PropsContext)
-    const formId = useContext(FormContext)
+    const context = useContext(PropsContext);
+    const formId = useContext(FormContext);
 
-    const updateItemValue = useFormStore((state) => state.updateItemValue)
-    const deleteItemValue = useFormStore((state) => state.deleteItemValue)
+    const updateItemValue = useFormStore((state) => state.updateItemValue);
+    const deleteItemValue = useFormStore((state) => state.deleteItemValue);
 
-    locale = (context && context.locale) || locale
+    locale = (context && context.locale) || locale;
 
     // 收集当前组件相关表单值
-    const currentFormValue = useFormStore(state => state.values?.[formId]?.[name || id])
+    const currentFormValue = useFormStore(
+        (state) => state.values?.[formId]?.[name || id]
+    );
 
     // 处理组件卸载后，对应表单项值的清除
     useEffect(() => {
@@ -92,41 +97,47 @@ const AntdTimePicker = (props) => {
             // 若上文中存在有效表单id
             if (formId && (name || id) && enableBatchControl) {
                 // 表单值更新
-                deleteItemValue(formId, name || id)
+                deleteItemValue(formId, name || id);
             }
-        }
-    }, [name, id])
+        };
+    }, [name, id]);
 
     useEffect(() => {
         // 初始化value
         if (defaultValue && !value) {
             // 当defaultValue不为空且value为空时，为value初始化defaultValue对应值
-            setProps({ value: defaultValue })
+            setProps({ value: defaultValue });
         }
-    }, [])
+    }, []);
 
     const onChange = (time, timeString) => {
         if (isString(timeString)) {
             // AntdForm表单批量控制
             if (formId && (name || id) && enableBatchControl) {
                 // 表单值更新
-                updateItemValue(formId, name || id, timeString)
+                updateItemValue(formId, name || id, timeString);
             }
-            setProps({ value: timeString })
+            setProps({ value: timeString });
         }
-    }
+    };
 
     return (
         <div>
             <ConfigProvider locale={str2Locale.get(locale)}>
                 <TimePicker
                     // 提取具有data-*或aria-*通配格式的属性
-                    {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+                    {...pickBy(
+                        (_, k) =>
+                            k.startsWith('data-') || k.startsWith('aria-'),
+                        others
+                    )}
                     id={id}
                     className={
-                        isString(className) ?
-                            className :
-                            (className ? useCss(className) : undefined)
+                        isString(className)
+                            ? className
+                            : className
+                              ? useCss(className)
+                              : undefined
                     }
                     style={style}
                     popupClassName={popupClassName}
@@ -134,34 +145,42 @@ const AntdTimePicker = (props) => {
                     onChange={onChange}
                     placeholder={placeholder}
                     placement={placement}
-                    variant={(
-                        !variant ?
-                            (bordered ? 'outlined' : 'borderless') :
-                            variant
-                    )}
+                    variant={
+                        !variant
+                            ? bordered
+                                ? 'outlined'
+                                : 'borderless'
+                            : variant
+                    }
                     size={
-                        context && !isUndefined(context.componentSize) ?
-                            context.componentSize :
-                            size
+                        context && !isUndefined(context.componentSize)
+                            ? context.componentSize
+                            : size
                     }
                     disabled={
-                        context && !isUndefined(context.componentDisabled) ?
-                            context.componentDisabled :
-                            disabled
+                        context && !isUndefined(context.componentDisabled)
+                            ? context.componentDisabled
+                            : disabled
                     }
                     hourStep={hourStep}
                     minuteStep={minuteStep}
                     secondStep={secondStep}
                     format={format}
                     defaultValue={
-                        formId && (name || id) && enableBatchControl ?
-                            undefined :
-                            (defaultValue ? dayjs(defaultValue, format) : undefined)
+                        formId && (name || id) && enableBatchControl
+                            ? undefined
+                            : defaultValue
+                              ? dayjs(defaultValue, format)
+                              : undefined
                     }
                     value={
-                        formId && (name || id) && enableBatchControl ?
-                            (currentFormValue ? dayjs(currentFormValue, format) : undefined) :
-                            (value ? dayjs(value, format) : undefined)
+                        formId && (name || id) && enableBatchControl
+                            ? currentFormValue
+                                ? dayjs(currentFormValue, format)
+                                : undefined
+                            : value
+                              ? dayjs(value, format)
+                              : undefined
                     }
                     use12Hours={use12Hours}
                     allowClear={isUndefined(readOnly) ? allowClear : !readOnly}
@@ -174,19 +193,21 @@ const AntdTimePicker = (props) => {
                     suffixIcon={suffixIcon}
                     data-dash-is-loading={useLoading()}
                     getPopupContainer={
-                        popupContainer === 'parent' ?
-                            (triggerNode) => triggerNode.parentNode :
-                            undefined
+                        popupContainer === 'parent'
+                            ? (triggerNode) => triggerNode.parentNode
+                            : undefined
+                    }
+                    open={
+                        isUndefined(readOnly) || !readOnly ? undefined : false
                     }
-                    open={isUndefined(readOnly) || !readOnly ? undefined : false}
                     inputReadOnly={readOnly}
                 />
             </ConfigProvider>
         </div>
     );
-}
+};
 
 export default AntdTimePicker;
 
 AntdTimePicker.defaultProps = defaultProps;
-AntdTimePicker.propTypes = propTypes;
+AntdTimePicker.propTypes = propTypes;