fm453/nocobase
1
0
Fork 0
mirror of https://gitee.com/nocobase/nocobase.git synced 2025-05-05 21:49:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: picker format mismatch in filter form field (#6234)

Browse Source 
* fix: picker format mismatch in filter form field

* fix: bug
This commit is contained in:
Katherine 2025-02-19 09:47:05 +08:00 committed by GitHub
parent 211e688547
commit d62911b646
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lerna.json
View File

@ -2,9 +2,7 @@
"version": "1.5.10", "version": "1.5.10",
"npmClient": "yarn", "npmClient": "yarn",
"useWorkspaces": true, "useWorkspaces": true,
"npmClientArgs": [ "npmClientArgs": ["--ignore-engines"],
"--ignore-engines"
],
"command": { "command": {
"version": { "version": {
"forcePublish": true, "forcePublish": true,

9
packages/core/client/src/application/CustomRouterContextProvider.tsx
View File

@ -67,8 +67,8 @@ const IsSubPageClosedByPageMenuContext = React.createContext<{
reset: () => void; reset: () => void;
}>({ }>({
isSubPageClosedByPageMenu: () => false, isSubPageClosedByPageMenu: () => false,
setFieldSchema: () => { }, setFieldSchema: () => {},
reset: () => { }, reset: () => {},
}); });
IsSubPageClosedByPageMenuContext.displayName = 'IsSubPageClosedByPageMenuContext'; IsSubPageClosedByPageMenuContext.displayName = 'IsSubPageClosedByPageMenuContext';
@ -92,7 +92,10 @@ export const IsSubPageClosedByPageMenuProvider: FC = ({ children }) => {
prevParamsRef.current = {}; prevParamsRef.current = {};
}, []); }, []);
const value = useMemo(() => ({ isSubPageClosedByPageMenu, setFieldSchema, reset }), [isSubPageClosedByPageMenu, reset]); const value = useMemo(
() => ({ isSubPageClosedByPageMenu, setFieldSchema, reset }),
[isSubPageClosedByPageMenu, reset],
);
return ( return (
<IsSubPageClosedByPageMenuContext.Provider value={value}>{children}</IsSubPageClosedByPageMenuContext.Provider> <IsSubPageClosedByPageMenuContext.Provider value={value}>{children}</IsSubPageClosedByPageMenuContext.Provider>

10
packages/core/client/src/schema-component/antd/date-picker/DatePicker.tsx
View File

@ -269,7 +269,7 @@ DatePicker.FilterWithPicker = function FilterWithPicker(props: any) {
const value = Array.isArray(props.value) ? props.value[0] : props.value; const value = Array.isArray(props.value) ? props.value[0] : props.value;
const compile = useCompile(); const compile = useCompile();
const fieldSchema = useFieldSchema(); const fieldSchema = useFieldSchema();
const targetPicker = value ? inferPickerType(value) : picker; const targetPicker = value ? inferPickerType(value, picker) : picker;
const targetDateFormat = getPickerFormat(targetPicker) || format; const targetDateFormat = getPickerFormat(targetPicker) || format;
const newProps = { const newProps = {
utc, utc,
@ -288,6 +288,12 @@ DatePicker.FilterWithPicker = function FilterWithPicker(props: any) {
}; };
const field: any = useField(); const field: any = useField();
const [stateProps, setStateProps] = useState(newProps); const [stateProps, setStateProps] = useState(newProps);
useEffect(() => {
newProps.picker = targetPicker;
const dateTimeFormat = getDateTimeFormat(targetPicker, format, showTime, timeFormat);
newProps.format = dateTimeFormat;
setStateProps(newProps);
}, [targetPicker]);
return ( return (
<Space.Compact style={{ width: '100%' }}> <Space.Compact style={{ width: '100%' }}>
<Select <Select
@ -296,7 +302,7 @@ DatePicker.FilterWithPicker = function FilterWithPicker(props: any) {
data-testid="select-picker" data-testid="select-picker"
style={{ width: '100px' }} style={{ width: '100px' }}
popupMatchSelectWidth={false} popupMatchSelectWidth={false}
defaultValue={targetPicker} value={targetPicker}
options={compile([ options={compile([
{ {
label: '{{t("Date")}}', label: '{{t("Date")}}',

4
packages/core/client/src/schema-component/antd/date-picker/util.ts
View File

@ -271,7 +271,7 @@ function withParams(value: any[], params: { fieldOperator?: string; isParsingVar
return value; return value;
} }
export function inferPickerType(dateString: string): 'year' | 'month' | 'quarter' | 'date' { export function inferPickerType(dateString: string, picker): 'year' | 'month' | 'quarter' | 'date' {
if (/^\d{4}$/.test(dateString)) { if (/^\d{4}$/.test(dateString)) {
return 'year'; return 'year';
} else if (/^\d{4}-\d{2}$/.test(dateString)) { } else if (/^\d{4}-\d{2}$/.test(dateString)) {
@ -281,6 +281,6 @@ export function inferPickerType(dateString: string): 'year' | 'month' | 'quarter
} else if (/^\d{4}-\d{2}-\d{2}$/.test(dateString)) { } else if (/^\d{4}-\d{2}-\d{2}$/.test(dateString)) {
return 'date'; return 'date';
} else { } else {
return 'date'; return picker;
} }
} }