superset state 源码
superset state 代码
文件路径:/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/state.ts
/**
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
import { useEffect, useState } from 'react';
import { FormInstance } from 'src/components';
import { Filter, t } from '@superset-ui/core';
import { NativeFiltersForm, NativeFiltersFormItem } from '../types';
import { setNativeFilterFieldValues, useForceUpdate } from './utils';
// When some fields in form changed we need re-fetch data for Filter defaultValue
// eslint-disable-next-line import/prefer-default-export
export const useBackendFormUpdate = (
form: FormInstance<NativeFiltersForm>,
filterId: string,
) => {
const forceUpdate = useForceUpdate();
const formFilter = (form.getFieldValue('filters') || {})[filterId];
useEffect(() => {
setNativeFilterFieldValues(form, filterId, {
isDataDirty: true,
defaultValueQueriesData: null,
});
forceUpdate();
}, [
form,
formFilter?.filterType,
formFilter?.column,
formFilter?.dataset?.value,
JSON.stringify(formFilter?.adhoc_filters),
formFilter?.time_range,
forceUpdate,
filterId,
]);
};
export const useDefaultValue = (
formFilter?: NativeFiltersFormItem,
filterToEdit?: Filter,
): [boolean, boolean, string, Function] => {
const enableEmptyFilter = !!formFilter?.controlValues?.enableEmptyFilter;
const defaultToFirstItem = !!formFilter?.controlValues?.defaultToFirstItem;
const [hasDefaultValue, setHasPartialDefaultValue] = useState(false);
const [isRequired, setIsRequired] = useState(enableEmptyFilter);
const [defaultValueTooltip, setDefaultValueTooltip] = useState('');
const setHasDefaultValue = (value = false) => {
const required = enableEmptyFilter && !defaultToFirstItem;
setIsRequired(required);
setHasPartialDefaultValue(required ? true : value);
};
useEffect(() => {
setHasDefaultValue(
defaultToFirstItem
? false
: !!formFilter?.defaultDataMask?.filterState?.value,
);
// TODO: this logic should be unhardcoded
}, [defaultToFirstItem, enableEmptyFilter]);
useEffect(() => {
setHasDefaultValue(
defaultToFirstItem
? false
: !!filterToEdit?.defaultDataMask?.filterState?.value,
);
}, []);
useEffect(() => {
let tooltip = '';
if (defaultToFirstItem) {
tooltip = t(
'Default value set automatically when "Select first filter value by default" is checked',
);
} else if (isRequired) {
tooltip = t(
'Default value must be set when "Filter value is required" is checked',
);
} else if (hasDefaultValue) {
tooltip = t(
'Default value must be set when "Filter has default value" is checked',
);
}
setDefaultValueTooltip(tooltip);
}, [hasDefaultValue, isRequired, defaultToFirstItem]);
return [hasDefaultValue, isRequired, defaultValueTooltip, setHasDefaultValue];
};
相关信息
相关文章
0
赞
热门推荐
-
2、 - 优质文章
-
3、 gate.io
-
7、 golang
-
9、 openharmony
-
10、 Vue中input框自动聚焦