feffery_antd_components 0.4.4 → 0.4.5

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

@@ -15,13 +15,16 @@ import FormContext from '../../contexts/FormContext';
 // 状态管理
 import useFormStore from '../../store/formStore';
 // 参数类型
-import { propTypes, defaultProps } from '../../components/dataEntry/AntdInputNumber.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../components/dataEntry/AntdInputNumber.react';
 
 /**
  * 数值输入框组件AntdInputNumber
  */
 const AntdInputNumber = (props) => {
-    let {
+    const {
         id,
         className,
         style,
@@ -62,24 +65,26 @@ const AntdInputNumber = (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(() => {
@@ -87,10 +92,10 @@ const AntdInputNumber = (props) => {
             // 若上文中存在有效表单id
             if (formId && (name || id) && enableBatchControl) {
                 // 表单值更新
-                deleteItemValue(formId, name || id)
+                deleteItemValue(formId, name || id);
             }
-        }
-    }, [name, id])
+        };
+    }, [name, id]);
 
     useEffect(() => {
         // 初始化value
@@ -98,52 +103,57 @@ const AntdInputNumber = (props) => {
             // 当defaultValue不为空且value为空时，为value初始化defaultValue对应的value值
             setProps({
                 value: defaultValue,
-                debounceValue: defaultValue
-            })
+                debounceValue: defaultValue,
+            });
         }
-    }, [])
+    }, []);
 
     // 监听输入内容变化事件
-    const onChange = e => {
+    const onChange = (e) => {
         // AntdForm表单批量控制
         if (formId && (name || id) && enableBatchControl) {
             // 表单值更新
-            updateItemValue(formId, name || id, e)
+            updateItemValue(formId, name || id, e);
         }
-        setProps({ value: e })
-    }
+        setProps({ value: e });
+    };
 
     const { run: onDebounceChange } = useRequest(
         (e) => {
-            setProps({ debounceValue: e })
+            setProps({ debounceValue: e });
         },
         {
             debounceWait: debounceWait,
-            manual: true
+            manual: true,
         }
-    )
+    );
 
     // 监听聚焦到输入框时enter键点按次数
-    const onPressEnter = e => {
-        setProps({ nSubmit: nSubmit + 1 })
-    }
+    const onPressEnter = (e) => {
+        setProps({ nSubmit: nSubmit + 1 });
+    };
 
     return (
         <InputNumber
             // 提取具有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}
             size={
-                context && !isUndefined(context.componentSize) ?
-                    context.componentSize :
-                    size
+                context && !isUndefined(context.componentSize)
+                    ? context.componentSize
+                    : size
             }
             addonBefore={addonBefore}
             addonAfter={addonAfter}
@@ -151,26 +161,24 @@ const AntdInputNumber = (props) => {
             prefix={prefix}
             suffix={suffix}
             placeholder={placeholder}
-            variant={(
-                !variant ?
-                    (bordered ? 'outlined' : 'borderless') :
-                    variant
-            )}
+            variant={
+                !variant ? (bordered ? 'outlined' : 'borderless') : variant
+            }
             controls={controls}
             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
             }
             keyboard={keyboard}
             min={min}
@@ -181,15 +189,16 @@ const AntdInputNumber = (props) => {
             stringMode={stringMode}
             status={status}
             onChange={(e) => {
-                onChange(e)
-                onDebounceChange(e)
+                onChange(e);
+                onDebounceChange(e);
             }}
             onPressEnter={onPressEnter}
-            data-dash-is-loading={useLoading()} />
+            data-dash-is-loading={useLoading()}
+        />
     );
-}
+};
 
 export default AntdInputNumber;
 
 AntdInputNumber.defaultProps = defaultProps;
-AntdInputNumber.propTypes = propTypes;
+AntdInputNumber.propTypes = propTypes;

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

@@ -14,7 +14,10 @@ import FormContext from '../../contexts/FormContext';
 // 状态管理
 import useFormStore from '../../store/formStore';
 // 参数类型
-import { propTypes, defaultProps } from '../../components/dataEntry/AntdMentions.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../components/dataEntry/AntdMentions.react';
 
 const { Option } = Mentions;
 
@@ -22,7 +25,7 @@ const { Option } = Mentions;
  * 提及组件AntdMentions
  */
 const AntdMentions = (props) => {
-    let {
+    const {
         id,
         className,
         style,
@@ -51,24 +54,26 @@ const AntdMentions = (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(() => {
@@ -76,57 +81,56 @@ const AntdMentions = (props) => {
             // 若上文中存在有效表单id
             if (formId && (name || id) && enableBatchControl) {
                 // 表单值更新
-                deleteItemValue(formId, name || id)
+                deleteItemValue(formId, name || id);
             }
-        }
-    }, [name, id])
+        };
+    }, [name, id]);
 
     const onChange = (e) => {
         // AntdForm表单批量控制
         if (formId && (name || id) && enableBatchControl) {
             // 表单值更新
-            updateItemValue(formId, name || id, e)
+            updateItemValue(formId, name || id, e);
         }
-        setProps({ value: e })
-    }
+        setProps({ value: e });
+    };
 
     const onSelect = (e) => {
         // 获取最新一次被选中的子项value值
-        let latestSelectedOption = e.value
+        const latestSelectedOption = e.value;
 
         // 计算当前options中value值数组
-        let optionValues = options.map(item => item.value)
+        const optionValues = options.map((item) => item.value);
 
         // 抽取已输入内容中的已选择子项内容
-        let presentSelectedOptions = (
-            (
-                (value || '')
-                    .match(eval(`/${prefix || '@'}\\S{1,}\\s/g`))
-                || []
-            )
-                .map(
-                    s => s.slice(1, s.length).trim()
-                )
-                .concat([latestSelectedOption])
-                // 处理latestSelectedOption与options中value值的存在性问题
-                .filter(s => optionValues.indexOf(s) !== -1)
+        const presentSelectedOptions = (
+            (value || '').match(eval(`/${prefix || '@'}\\S{1,}\\s/g`)) || []
         )
+            .map((s) => s.slice(1, s.length).trim())
+            .concat([latestSelectedOption])
+            // 处理latestSelectedOption与options中value值的存在性问题
+            .filter((s) => optionValues.indexOf(s) !== -1);
 
         // 更新输入框中已标记子项value值列表
         setProps({
-            selectedOptions: presentSelectedOptions
-        })
-    }
+            selectedOptions: presentSelectedOptions,
+        });
+    };
 
     return (
         <Mentions
             // 提取具有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,48 +138,46 @@ const AntdMentions = (props) => {
             autoSize={autoSize}
             prefix={prefix}
             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
             }
             placement={placement}
-            variant={(
-                !variant ?
-                    (bordered ? 'outlined' : 'borderless') :
-                    variant
-            )}
+            variant={
+                !variant ? (bordered ? 'outlined' : 'borderless') : variant
+            }
             placeholder={placeholder}
             disabled={
-                context && !isUndefined(context.componentDisabled) ?
-                    context.componentDisabled :
-                    disabled
+                context && !isUndefined(context.componentDisabled)
+                    ? context.componentDisabled
+                    : disabled
             }
             autoFocus={autoFocus}
             status={status}
             onChange={onChange}
             onSelect={onSelect}
             getPopupContainer={
-                popupContainer === 'parent' ?
-                    (triggerNode) => triggerNode.parentNode :
-                    undefined
+                popupContainer === 'parent'
+                    ? (triggerNode) => triggerNode.parentNode
+                    : undefined
             }
             data-dash-is-loading={useLoading()}
         >
-            {
-                options.map(
-                    (item, idx) => <Option value={item.value} key={idx}>{item.label}</Option>
-                )
-            }
+            {options.map((item, idx) => (
+                <Option value={item.value} key={idx}>
+                    {item.label}
+                </Option>
+            ))}
         </Mentions>
     );
-}
+};
 
 export default AntdMentions;
 
 AntdMentions.defaultProps = defaultProps;
-AntdMentions.propTypes = propTypes;
+AntdMentions.propTypes = propTypes;

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

@@ -14,7 +14,10 @@ import FormContext from '../../contexts/FormContext';
 // 状态管理
 import useFormStore from '../../store/formStore';
 // 参数类型
-import { propTypes, defaultProps } from '../../components/dataEntry/AntdOTP.react';
+import {
+    propTypes,
+    defaultProps,
+} from '../../components/dataEntry/AntdOTP.react';
 
 const { OTP } = Input;
 
@@ -22,7 +25,7 @@ const { OTP } = Input;
  * 一次性密码框组件AntdOTP
  */
 const AntdOTP = (props) => {
-    let {
+    const {
         id,
         className,
         style,
@@ -44,14 +47,16 @@ const AntdOTP = (props) => {
         ...others
     } = props;
 
-    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(() => {
@@ -59,70 +64,76 @@ const AntdOTP = (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对应的value值
             setProps({
-                value: defaultValue
-            })
+                value: defaultValue,
+            });
         }
-    }, [])
+    }, []);
 
     return (
         <OTP
             // 提取具有data-*或aria-*通配格式的属性
-            {...pickBy((_, k) => k.startsWith('data-') || k.startsWith('aria-'), others)}
+            {...pickBy(
+                (_, k) => k.startsWith('data-') || k.startsWith('aria-'),
+                others
+            )}
             id={id}
             key={key}
             className={
-                isString(className) ?
-                    className :
-                    (className ? useCss(className) : undefined)
+                isString(className)
+                    ? className
+                    : className
+                      ? useCss(className)
+                      : undefined
             }
             style={style}
             defaultValue={
-                formId && (name || id) && enableBatchControl ?
-                    undefined :
-                    defaultValue
+                formId && (name || id) && enableBatchControl
+                    ? undefined
+                    : defaultValue
             }
             value={
-                formId && (name || id) && enableBatchControl ?
-                    currentFormValue || null :
-                    value
+                formId && (name || id) && enableBatchControl
+                    ? currentFormValue || null
+                    : value
             }
             disabled={
-                context && !isUndefined(context.componentDisabled) ?
-                    context.componentDisabled :
-                    disabled
+                context && !isUndefined(context.componentDisabled)
+                    ? context.componentDisabled
+                    : disabled
             }
             length={length}
             mask={mask}
             status={status}
             size={
-                context && !isUndefined(context.componentSize) ?
-                    context.componentSize :
-                    size
+                context && !isUndefined(context.componentSize)
+                    ? context.componentSize
+                    : size
             }
             variant={variant}
             onChange={(e) => {
                 // AntdForm表单批量控制
                 if (formId && (name || id) && enableBatchControl) {
                     // 表单值更新
-                    updateItemValue(formId, name || id, e)
+                    updateItemValue(formId, name || id, e);
                 }
-                setProps({ value: e })
+                setProps({ value: e });
             }}
-            data-dash-is-loading={useLoading()} />
+            data-dash-is-loading={useLoading()}
+        />
     );
-}
+};
 
 export default AntdOTP;
 
 AntdOTP.defaultProps = defaultProps;
-AntdOTP.propTypes = propTypes;
+AntdOTP.propTypes = propTypes;