@platox/pivot-table 0.0.40 → 0.0.41

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-data.js

@@ -96,7 +96,8 @@ const CustomData = ({
         const newGroupField = groupField === "tags" ? "tag" : groupField;
         let queryString = `select=${newGroupField}`;
         if (((_a = conditionData == null ? void 0 : conditionData.conditionList) == null ? void 0 : _a.length) > 0) {
-          queryString += `&${mapConditionsToPostgrest(conditionData)}`;
+          let DSLStr = mapConditionsToPostgrest(conditionData);
+          queryString += !!DSLStr ? `&${DSLStr}` : "";
         }
         let res = await ((_b = service == null ? void 0 : service.moduleDataApi) == null ? void 0 : _b.call(service, {
           id: dataSourceId,
@@ -268,7 +269,7 @@ const CustomData = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx(Form.Item, { dependencies: ["yAxis"], noStyle: true, children: ({ getFieldValue }) => getFieldValue("yAxis") === "fieldValue" ? /* @__PURE__ */ jsx(Form.Item, { label: t("selectField"), children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Form.Item, { dependencies: ["yAxis", "type", "isGroup"], noStyle: true, children: ({ getFieldValue }) => getFieldValue("yAxis") === "fieldValue" ? /* @__PURE__ */ jsx(Form.Item, { label: t("selectField"), children: /* @__PURE__ */ jsxs(
             "div",
             {
               style: {
@@ -309,14 +310,14 @@ const CustomData = ({
                     noStyle: true,
                     name: "yAxisFieldConfig",
                     dependencies: ["type", "isGroup"],
-                    hidden: getFieldValue("type") !== ChartType["chartCombination"] && getFieldValue("isGroup"),
+                    hidden: !(getFieldValue("type") === ChartType["chartCombination"] && !getFieldValue("isGroup")),
                     children: /* @__PURE__ */ jsx(CombinationChartOptionPicker, {})
                   }
                 )
               ]
             }
           ) }) : null }),
-          /* @__PURE__ */ jsx(Form.Item, { dependencies: ["type"], noStyle: true, children: ({ getFieldValue }) => {
+          /* @__PURE__ */ jsx(Form.Item, { dependencies: ["type", "isGroup"], noStyle: true, children: ({ getFieldValue }) => {
             var _a;
             return !((_a = getFieldValue("type")) == null ? void 0 : _a.includes("pie")) ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Form.Item, { name: "isGroup", valuePropName: "checked", noStyle: true, children: /* @__PURE__ */ jsx(Checkbox, { style: { marginBottom: "5px" }, children: t("chart.t38") }) }),

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"custome-data.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-data.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { time } from 'console'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport clsx from 'clsx'\nimport { Button, Checkbox, Divider, Flex, Form, message, Radio, Select, Space, Spin } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { useDebounceFn, useMemoizedFn, useRequest } from 'ahooks'\nimport { displayRange } from '@platox/pivot-table/lang/en-US'\nimport { getTransformValue } from '@platox/pivot-table/utils'\nimport { useAppContext } from '../../../context'\nimport { EnumDataApi } from '../../../types'\nimport { ModuleData } from '../../module-content'\nimport { mapConditionsToPostgrest } from '../../module-content/utils'\nimport ConditionModal from '../components/condition-modal'\nimport CombinationChartOptionPicker from './components/CombinationChartOptionPicker'\nimport GroupFieldConfigPicker from './components/GroupFieldConfigPicker'\nimport { useChartTypeOption, useDisplayRangeOption, useTimeGroupIntervalOption } from './config'\nimport styles from './index.module.less'\nimport { ChartCustomDataType, ChartType } from './interface'\n\nconst componentName = 'chart-modal'\n\ninterface CustomDataProps {\n  selectModuleData?: ModuleData\n  onAllValuesChange?: ((values: any) => void) | undefined\n  enumDataApi?: EnumDataApi\n}\nconst CustomData: React.FC<CustomDataProps> = ({\n  selectModuleData,\n  onAllValuesChange,\n  enumDataApi,\n}) => {\n  const { globalData } = useAppContext()\n  const { t } = useTranslation()\n\n  const ChartTypeOption = useChartTypeOption()\n  const TimeGroupIntervalOption = useTimeGroupIntervalOption()\n  const DisplayRangeOption = useDisplayRangeOption()\n\n  /* ============================== split =============================== */\n  const initialValues = {\n    dataSourceId: '',\n    yAxis: 'recordTotal',\n    chartOptions: ['legend', 'label', 'axis', 'splitLine'],\n    sortField: 'xAxis',\n    sortOrder: 'asc',\n    timeGroupInterval: 'day',\n    displayRange: 'ALL',\n    yAxisFieldConfig: {\n      chartType: ChartType.ChartBar,\n      yAxisPos: 'left',\n    },\n  }\n  const [form] = Form.useForm()\n\n  const type = Form.useWatch('type', form)\n  const dataSourceId = Form.useWatch('dataSourceId', form)\n  const isGroup = Form.useWatch('isGroup', form)\n  const xAxis = Form.useWatch('xAxis', form)\n  const yAxisField = Form.useWatch('yAxisField', form)\n  const groupField = Form.useWatch('groupField', form)\n\n  /* ============================== split =============================== */\n  const getFieldOptions = useMemoizedFn((dataSourceId?: string) => {\n    const list = globalData?.sourceData?.find(item => item.value === dataSourceId)?.fields ?? []\n    return list\n  })\n\n  const { fieldOptions, xAxisFieldOption, yAxisFieldOption, groupFieldOption } = useMemo(() => {\n    const fieldOptions = getFieldOptions(dataSourceId)\n\n    const xAxisFieldOption = fieldOptions.filter(item => {\n      let hasPicked = [yAxisField, groupField].includes(item.value)\n      return !hasPicked\n    })\n\n    const yAxisFieldOption = fieldOptions.filter(item => {\n      let isNumberField = item.type === 'int' || item.type === 'float'\n      let hasPicked = [xAxis, groupField].includes(item.value)\n      return isNumberField && !hasPicked\n    })\n\n    const groupFieldOption = fieldOptions.filter(item => {\n      let hasPicked = [xAxis, yAxisField].includes(item.value)\n      return !hasPicked\n    })\n\n    return {\n      fieldOptions,\n      xAxisFieldOption,\n      yAxisFieldOption,\n      groupFieldOption,\n    }\n  }, [dataSourceId, xAxis, yAxisField, groupField])\n\n  const isTimeField = useMemoizedFn(fieldName => {\n    return fieldOptions.find(item => item.value === fieldName)?.type === 'timestamp'\n  })\n\n  /* ============================== split =============================== */\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const conditionDataRef = useRef()\n  const [conditionData, setConditionData] = useState<any>({\n    conditionList: [],\n    conditionType: 'all',\n  })\n  const [conditionDataNum, setConditionDataNum] = useState(0)\n\n  const setCondition = (val: any) => {\n    setConditionData(val)\n    conditionDataRef.current = val\n    setConditionDataNum(val?.conditionList?.length || 0)\n  }\n\n  /* ============================== 获取分组聚合的字段数据 =============================== */\n  const { service } = useAppContext()\n  const { data: CombinationGroupOptions, loading: isGetCombinationGroupOptionsLoading } =\n    useRequest(\n      async () => {\n        if (isGroup && type === ChartType['chartCombination'] && !!groupField) {\n          const newGroupField = groupField === 'tags' ? 'tag' : groupField\n\n          let queryString = `select=${newGroupField}`\n          if (conditionData?.conditionList?.length > 0) {\n            queryString += `&${mapConditionsToPostgrest(conditionData)}`\n          }\n          let res = await service?.moduleDataApi?.({\n            id: dataSourceId,\n            query: queryString,\n          })\n          //获取分组聚合的字段数据\n          let options = res?.data?.map((item: any) => {\n            return getTransformValue({\n              fieldOptions,\n              val: item[newGroupField],\n              field: newGroupField,\n              fieldMap: globalData?.fieldMap,\n            })\n          })\n          return [...new Set(options)]\n        } else {\n          return []\n        }\n      },\n      {\n        refreshDeps: [type, isGroup, groupField, conditionData, dataSourceId],\n      }\n    )\n\n  /* ============================== split =============================== */\n  //  debounce 2个作用 一个默认值的设置会延后，另一个是防止多次请求\n  const { run: debounceSubmit } = useDebounceFn(\n    useMemoizedFn(() => {\n      onAllValuesChange?.({\n        ...initialValues,\n        ...form.getFieldsValue(),\n        conditionData: conditionDataRef.current,\n      })\n    }),\n    {\n      wait: 100,\n    }\n  )\n  const handleValuesChange = useMemoizedFn((changedValues, allValues) => {\n    if (changedValues.dataSourceId) {\n      const newFieldOptions = getFieldOptions(changedValues.dataSourceId)\n      form.setFieldsValue({\n        xAxis: newFieldOptions?.[0]?.value,\n        yAxis: 'recordTotal',\n        isGroup: false,\n      })\n    }\n    if (changedValues.xAxis) {\n      form.setFieldsValue(\n        isTimeField(changedValues.xAxis)\n          ? {\n              timeGroupInterval: initialValues?.timeGroupInterval,\n            }\n          : {\n              displayRange: initialValues?.displayRange,\n            }\n      )\n    }\n\n    if (changedValues.yAxis) {\n      let value = changedValues.yAxis\n      form.setFieldsValue({\n        yAxisField: value === 'fieldValue' ? yAxisFieldOption?.[0]?.value : '',\n        yAxisFieldType: 'sum',\n      })\n    }\n\n    if (changedValues.isGroup) {\n      form.setFieldsValue({\n        groupField: groupFieldOption?.[0]?.value,\n      })\n    }\n\n    debounceSubmit()\n  })\n\n  useEffect(() => {\n    if (selectModuleData?.customData) {\n      const customData = selectModuleData.customData\n      form.setFieldsValue(customData)\n    } else {\n      const currSourceData = globalData?.sourceData?.[0]\n      const list = getFieldOptions(currSourceData?.value) || []\n      form.setFieldsValue({\n        ...initialValues,\n        dataSourceId: currSourceData?.value,\n        type: selectModuleData?.type,\n        xAxis: list?.[0]?.value,\n      })\n    }\n    setCondition(selectModuleData?.customData?.conditionData)\n    debounceSubmit()\n  }, [selectModuleData, globalData])\n\n  return (\n    <div style={{ height: '50vh', overflowX: 'auto' }} className={clsx(styles[`${componentName}`])}>\n      <Form\n        form={form}\n        name=\"customData\"\n        layout=\"vertical\"\n        onValuesChange={handleValuesChange}\n        initialValues={initialValues}\n      >\n        <Form.Item<ChartCustomDataType> label={t('dataSource')} name=\"dataSourceId\">\n          <Select options={globalData?.sourceData ?? []} />\n        </Form.Item>\n\n        <Form.Item<ChartCustomDataType> label={t('dataRange')}>\n          <Button\n            style={{ marginLeft: '-15px' }}\n            onClick={() => {\n              setIsModalOpen(true)\n            }}\n            type=\"link\"\n          >\n            {t('filterData')}\n          </Button>\n          {conditionDataNum > 0 ? `${t('selectNcondition', { n: conditionDataNum })}` : null}\n        </Form.Item>\n\n        <Form.Item<ChartCustomDataType> label={t('chart.t1')} name=\"type\">\n          <Select\n            options={ChartTypeOption}\n            optionRender={option => (\n              <Flex align=\"center\">\n                <span role=\"img\" style={{ marginTop: '5px' }} aria-label={option.data.label}>\n                  {option.data.icon}\n                </span>\n                {option.data.label}\n              </Flex>\n            )}\n          />\n        </Form.Item>\n\n        <Form.Item name=\"chartOptions\" label={t('chart.t12')}>\n          <Checkbox.Group>\n            <Checkbox value=\"legend\" className=\"ow-checkbox\" style={{ lineHeight: '32px' }}>\n              {t('chart.t13')}\n            </Checkbox>\n\n            <Checkbox value=\"label\" className=\"ow-checkbox\" style={{ lineHeight: '32px' }}>\n              {t('chart.t14')}\n            </Checkbox>\n\n            {!['chart-pie', 'chart-pie-circular'].includes(type) ? (\n              <>\n                <Checkbox value=\"axis\" className=\"ow-checkbox\" style={{ lineHeight: '32px' }}>\n                  {t('chart.t15')}\n                </Checkbox>\n                <Checkbox value=\"splitLine\" className=\"ow-checkbox\" style={{ lineHeight: '32px' }}>\n                  {t('chart.t16')}\n                </Checkbox>\n              </>\n            ) : null}\n          </Checkbox.Group>\n        </Form.Item>\n\n        <Divider style={{ borderColor: '#e2e2e2', marginTop: 0 }} />\n\n        <Form.Item<ChartCustomDataType>\n          label={type?.includes('pie') ? t('chart.t17') : t('chart.t18')}\n          name=\"xAxis\"\n        >\n          <Select options={xAxisFieldOption} />\n        </Form.Item>\n\n        {/* 时间分组 */}\n        <Form.Item noStyle dependencies={['type', 'xAxis']}>\n          {({ getFieldValue }) =>\n            isTimeField(getFieldValue('xAxis')) ? (\n              <>\n                <Form.Item<ChartCustomDataType> name=\"timeGroupInterval\" label={t('chart.t39')}>\n                  <Select options={TimeGroupIntervalOption} />\n                </Form.Item>\n              </>\n            ) : (\n              <>\n                <Form.Item<ChartCustomDataType> name=\"displayRange\" label={t('displayRange.title')}>\n                  <Select options={DisplayRangeOption} />\n                </Form.Item>\n              </>\n            )\n          }\n        </Form.Item>\n\n        <Form.Item dependencies={['type']} noStyle>\n          {({ getFieldValue }) =>\n            !getFieldValue('type')?.includes('pie') ? (\n              <>\n                <Form.Item<ChartCustomDataType> name=\"sortField\" label={t('chart.t31')}>\n                  <Radio.Group>\n                    <Radio value=\"xAxis\">{t('chart.t32')}</Radio>\n                    <Radio value=\"yAxisField\">{t('chart.t33')}</Radio>\n                    <Radio value=\"recordValue\">{t('chart.t34')}</Radio>\n                  </Radio.Group>\n                </Form.Item>\n                <Form.Item<ChartCustomDataType> name=\"sortOrder\" label={t('chart.t35')}>\n                  <Radio.Group>\n                    <Radio value=\"asc\">{t('chart.t36')}</Radio>\n                    <Radio value=\"desc\">{t('chart.t37')}</Radio>\n                  </Radio.Group>\n                </Form.Item>\n              </>\n            ) : null\n          }\n        </Form.Item>\n\n        <Form.Item<ChartCustomDataType>\n          label={type?.includes('pie') ? t('chart.t19') : t('chart.t20')}\n          name=\"yAxis\"\n        >\n          <Select\n            options={[\n              {\n                value: 'recordTotal',\n                label: t('statisticstRecordNum'),\n              },\n              { value: 'fieldValue', label: t('statisticstFieldVal') },\n            ]}\n          />\n        </Form.Item>\n\n        <Form.Item dependencies={['yAxis']} noStyle>\n          {({ getFieldValue }) =>\n            getFieldValue('yAxis') === 'fieldValue' ? (\n              <Form.Item label={t('selectField')}>\n                <div\n                  style={{\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                  }}\n                >\n                  <Space.Compact>\n                    <Form.Item noStyle name=\"yAxisField\">\n                      <Select style={{ width: '100px' }} options={yAxisFieldOption} />\n                    </Form.Item>\n                    <Form.Item name=\"yAxisFieldType\" noStyle>\n                      <Select\n                        style={{ width: '100px' }}\n                        options={[\n                          {\n                            value: 'sum',\n                            label: t('sumVal'),\n                          },\n                          {\n                            value: 'max',\n                            label: t('maxVal'),\n                          },\n                          {\n                            value: 'min',\n                            label: t('minVal'),\n                          },\n                          {\n                            value: 'avg',\n                            label: t('averageVal'),\n                          },\n                        ]}\n                      />\n                    </Form.Item>\n                  </Space.Compact>\n\n                  <Form.Item\n                    noStyle\n                    name=\"yAxisFieldConfig\"\n                    dependencies={['type', 'isGroup']}\n                    hidden={\n                      getFieldValue('type') !== ChartType['chartCombination'] &&\n                      getFieldValue('isGroup')\n                    }\n                  >\n                    <CombinationChartOptionPicker />\n                  </Form.Item>\n                </div>\n              </Form.Item>\n            ) : null\n          }\n        </Form.Item>\n\n        <Form.Item dependencies={['type']} noStyle>\n          {({ getFieldValue }) =>\n            !getFieldValue('type')?.includes('pie') ? (\n              <>\n                <Form.Item<ChartCustomDataType> name=\"isGroup\" valuePropName=\"checked\" noStyle>\n                  <Checkbox style={{ marginBottom: '5px' }}>{t('chart.t38')}</Checkbox>\n                </Form.Item>\n                <Form.Item dependencies={['isGroup']} noStyle>\n                  {({ getFieldValue }) =>\n                    getFieldValue('isGroup') ? (\n                      <Form.Item<ChartCustomDataType> name=\"groupField\">\n                        <Select options={groupFieldOption} />\n                      </Form.Item>\n                    ) : null\n                  }\n                </Form.Item>\n\n                <Spin spinning={isGetCombinationGroupOptionsLoading}>\n                  <Form.Item<ChartCustomDataType>\n                    name=\"groupFieldConfig\"\n                    label={t('chart.groupFieldConfig')}\n                    hidden={\n                      !(\n                        getFieldValue('type') === ChartType['chartCombination'] &&\n                        getFieldValue('isGroup')\n                      )\n                    }\n                  >\n                    <GroupFieldConfigPicker options={CombinationGroupOptions} />\n                  </Form.Item>\n                </Spin>\n              </>\n            ) : null\n          }\n        </Form.Item>\n      </Form>\n      <ConditionModal\n        open={isModalOpen}\n        value={conditionData}\n        fieldOptions={fieldOptions}\n        enumDataApi={enumDataApi}\n        onClose={() => {\n          setIsModalOpen(false)\n        }}\n        onOk={val => {\n          setCondition(val)\n          debounceSubmit()\n        }}\n      />\n    </div>\n  )\n}\nexport default CustomData\n"],"names":["dataSourceId","fieldOptions","xAxisFieldOption","yAxisFieldOption","groupFieldOption","getFieldValue"],"mappings":"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"}
+{"version":3,"file":"custome-data.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-data.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport clsx from 'clsx'\nimport { Button, Checkbox, Divider, Flex, Form, message, Radio, Select, Space, Spin } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { useDebounceFn, useMemoizedFn, useRequest } from 'ahooks'\nimport { getTransformValue } from '@platox/pivot-table/utils'\nimport { useAppContext } from '../../../context'\nimport { EnumDataApi } from '../../../types'\nimport { ModuleData } from '../../module-content'\nimport { mapConditionsToPostgrest } from '../../module-content/utils'\nimport ConditionModal from '../components/condition-modal'\nimport CombinationChartOptionPicker from './components/CombinationChartOptionPicker'\nimport GroupFieldConfigPicker from './components/GroupFieldConfigPicker'\nimport { useChartTypeOption, useDisplayRangeOption, useTimeGroupIntervalOption } from './config'\nimport styles from './index.module.less'\nimport { ChartCustomDataType, ChartType } from './interface'\n\nconst componentName = 'chart-modal'\n\ninterface CustomDataProps {\n  selectModuleData?: ModuleData\n  onAllValuesChange?: ((values: any) => void) | undefined\n  enumDataApi?: EnumDataApi\n}\nconst CustomData: React.FC<CustomDataProps> = ({\n  selectModuleData,\n  onAllValuesChange,\n  enumDataApi,\n}) => {\n  const { globalData } = useAppContext()\n  const { t } = useTranslation()\n\n  const ChartTypeOption = useChartTypeOption()\n  const TimeGroupIntervalOption = useTimeGroupIntervalOption()\n  const DisplayRangeOption = useDisplayRangeOption()\n\n  /* ============================== split =============================== */\n  const initialValues = {\n    dataSourceId: '',\n    yAxis: 'recordTotal',\n    chartOptions: ['legend', 'label', 'axis', 'splitLine'],\n    sortField: 'xAxis',\n    sortOrder: 'asc',\n    timeGroupInterval: 'day',\n    displayRange: 'ALL',\n    yAxisFieldConfig: {\n      chartType: ChartType.ChartBar,\n      yAxisPos: 'left',\n    },\n  }\n  const [form] = Form.useForm()\n\n  const type = Form.useWatch('type', form)\n  const dataSourceId = Form.useWatch('dataSourceId', form)\n  const isGroup = Form.useWatch('isGroup', form)\n  const xAxis = Form.useWatch('xAxis', form)\n  const yAxisField = Form.useWatch('yAxisField', form)\n  const groupField = Form.useWatch('groupField', form)\n\n  /* ============================== split =============================== */\n  const getFieldOptions = useMemoizedFn((dataSourceId?: string) => {\n    const list = globalData?.sourceData?.find(item => item.value === dataSourceId)?.fields ?? []\n    return list\n  })\n\n  const { fieldOptions, xAxisFieldOption, yAxisFieldOption, groupFieldOption } = useMemo(() => {\n    const fieldOptions = getFieldOptions(dataSourceId)\n\n    const xAxisFieldOption = fieldOptions.filter(item => {\n      let hasPicked = [yAxisField, groupField].includes(item.value)\n      return !hasPicked\n    })\n\n    const yAxisFieldOption = fieldOptions.filter(item => {\n      let isNumberField = item.type === 'int' || item.type === 'float'\n      let hasPicked = [xAxis, groupField].includes(item.value)\n      return isNumberField && !hasPicked\n    })\n\n    const groupFieldOption = fieldOptions.filter(item => {\n      let hasPicked = [xAxis, yAxisField].includes(item.value)\n      return !hasPicked\n    })\n\n    return {\n      fieldOptions,\n      xAxisFieldOption,\n      yAxisFieldOption,\n      groupFieldOption,\n    }\n  }, [dataSourceId, xAxis, yAxisField, groupField])\n\n  const isTimeField = useMemoizedFn(fieldName => {\n    return fieldOptions.find(item => item.value === fieldName)?.type === 'timestamp'\n  })\n\n  /* ============================== split =============================== */\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const conditionDataRef = useRef()\n  const [conditionData, setConditionData] = useState<any>({\n    conditionList: [],\n    conditionType: 'all',\n  })\n  const [conditionDataNum, setConditionDataNum] = useState(0)\n\n  const setCondition = (val: any) => {\n    setConditionData(val)\n    conditionDataRef.current = val\n    setConditionDataNum(val?.conditionList?.length || 0)\n  }\n\n  /* ============================== 获取分组聚合的字段数据 =============================== */\n  const { service } = useAppContext()\n  const { data: CombinationGroupOptions, loading: isGetCombinationGroupOptionsLoading } =\n    useRequest(\n      async () => {\n        if (isGroup && type === ChartType['chartCombination'] && !!groupField) {\n          const newGroupField = groupField === 'tags' ? 'tag' : groupField\n\n          let queryString = `select=${newGroupField}`\n          if (conditionData?.conditionList?.length > 0) {\n            let DSLStr = mapConditionsToPostgrest(conditionData)\n            queryString += !!DSLStr ? `&${DSLStr}` : ''\n          }\n          let res = await service?.moduleDataApi?.({\n            id: dataSourceId,\n            query: queryString,\n          })\n          //获取分组聚合的字段数据\n          let options = res?.data?.map((item: any) => {\n            return getTransformValue({\n              fieldOptions,\n              val: item[newGroupField],\n              field: newGroupField,\n              fieldMap: globalData?.fieldMap,\n            })\n          })\n          return [...new Set(options)]\n        } else {\n          return []\n        }\n      },\n      {\n        refreshDeps: [type, isGroup, groupField, conditionData, dataSourceId],\n      }\n    )\n\n  /* ============================== split =============================== */\n  //  debounce 2个作用 一个默认值的设置会延后，另一个是防止多次请求\n  const { run: debounceSubmit } = useDebounceFn(\n    useMemoizedFn(() => {\n      onAllValuesChange?.({\n        ...initialValues,\n        ...form.getFieldsValue(),\n        conditionData: conditionDataRef.current,\n      })\n    }),\n    {\n      wait: 100,\n    }\n  )\n  const handleValuesChange = useMemoizedFn((changedValues, allValues) => {\n    if (changedValues.dataSourceId) {\n      const newFieldOptions = getFieldOptions(changedValues.dataSourceId)\n      form.setFieldsValue({\n        xAxis: newFieldOptions?.[0]?.value,\n        yAxis: 'recordTotal',\n        isGroup: false,\n      })\n    }\n    if (changedValues.xAxis) {\n      form.setFieldsValue(\n        isTimeField(changedValues.xAxis)\n          ? {\n              timeGroupInterval: initialValues?.timeGroupInterval,\n            }\n          : {\n              displayRange: initialValues?.displayRange,\n            }\n      )\n    }\n\n    if (changedValues.yAxis) {\n      let value = changedValues.yAxis\n      form.setFieldsValue({\n        yAxisField: value === 'fieldValue' ? yAxisFieldOption?.[0]?.value : '',\n        yAxisFieldType: 'sum',\n      })\n    }\n\n    if (changedValues.isGroup) {\n      form.setFieldsValue({\n        groupField: groupFieldOption?.[0]?.value,\n      })\n    }\n\n    debounceSubmit()\n  })\n\n  useEffect(() => {\n    if (selectModuleData?.customData) {\n      const customData = selectModuleData.customData\n      form.setFieldsValue(customData)\n    } else {\n      const currSourceData = globalData?.sourceData?.[0]\n      const list = getFieldOptions(currSourceData?.value) || []\n      form.setFieldsValue({\n        ...initialValues,\n        dataSourceId: currSourceData?.value,\n        type: selectModuleData?.type,\n        xAxis: list?.[0]?.value,\n      })\n    }\n    setCondition(selectModuleData?.customData?.conditionData)\n    debounceSubmit()\n  }, [selectModuleData, globalData])\n\n  return (\n    <div style={{ height: '50vh', overflowX: 'auto' }} className={clsx(styles[`${componentName}`])}>\n      <Form\n        form={form}\n        name=\"customData\"\n        layout=\"vertical\"\n        onValuesChange={handleValuesChange}\n        initialValues={initialValues}\n      >\n        <Form.Item<ChartCustomDataType> label={t('dataSource')} name=\"dataSourceId\">\n          <Select options={globalData?.sourceData ?? []} />\n        </Form.Item>\n\n        <Form.Item<ChartCustomDataType> label={t('dataRange')}>\n          <Button\n            style={{ marginLeft: '-15px' }}\n            onClick={() => {\n              setIsModalOpen(true)\n            }}\n            type=\"link\"\n          >\n            {t('filterData')}\n          </Button>\n          {conditionDataNum > 0 ? `${t('selectNcondition', { n: conditionDataNum })}` : null}\n        </Form.Item>\n\n        <Form.Item<ChartCustomDataType> label={t('chart.t1')} name=\"type\">\n          <Select\n            options={ChartTypeOption}\n            optionRender={option => (\n              <Flex align=\"center\">\n                <span role=\"img\" style={{ marginTop: '5px' }} aria-label={option.data.label}>\n                  {option.data.icon}\n                </span>\n                {option.data.label}\n              </Flex>\n            )}\n          />\n        </Form.Item>\n\n        <Form.Item name=\"chartOptions\" label={t('chart.t12')}>\n          <Checkbox.Group>\n            <Checkbox value=\"legend\" className=\"ow-checkbox\" style={{ lineHeight: '32px' }}>\n              {t('chart.t13')}\n            </Checkbox>\n\n            <Checkbox value=\"label\" className=\"ow-checkbox\" style={{ lineHeight: '32px' }}>\n              {t('chart.t14')}\n            </Checkbox>\n\n            {!['chart-pie', 'chart-pie-circular'].includes(type) ? (\n              <>\n                <Checkbox value=\"axis\" className=\"ow-checkbox\" style={{ lineHeight: '32px' }}>\n                  {t('chart.t15')}\n                </Checkbox>\n                <Checkbox value=\"splitLine\" className=\"ow-checkbox\" style={{ lineHeight: '32px' }}>\n                  {t('chart.t16')}\n                </Checkbox>\n              </>\n            ) : null}\n          </Checkbox.Group>\n        </Form.Item>\n\n        <Divider style={{ borderColor: '#e2e2e2', marginTop: 0 }} />\n\n        <Form.Item<ChartCustomDataType>\n          label={type?.includes('pie') ? t('chart.t17') : t('chart.t18')}\n          name=\"xAxis\"\n        >\n          <Select options={xAxisFieldOption} />\n        </Form.Item>\n\n        {/* 时间分组 */}\n        <Form.Item noStyle dependencies={['type', 'xAxis']}>\n          {({ getFieldValue }) =>\n            isTimeField(getFieldValue('xAxis')) ? (\n              <>\n                <Form.Item<ChartCustomDataType> name=\"timeGroupInterval\" label={t('chart.t39')}>\n                  <Select options={TimeGroupIntervalOption} />\n                </Form.Item>\n              </>\n            ) : (\n              <>\n                <Form.Item<ChartCustomDataType> name=\"displayRange\" label={t('displayRange.title')}>\n                  <Select options={DisplayRangeOption} />\n                </Form.Item>\n              </>\n            )\n          }\n        </Form.Item>\n\n        <Form.Item dependencies={['type']} noStyle>\n          {({ getFieldValue }) =>\n            !getFieldValue('type')?.includes('pie') ? (\n              <>\n                <Form.Item<ChartCustomDataType> name=\"sortField\" label={t('chart.t31')}>\n                  <Radio.Group>\n                    <Radio value=\"xAxis\">{t('chart.t32')}</Radio>\n                    <Radio value=\"yAxisField\">{t('chart.t33')}</Radio>\n                    <Radio value=\"recordValue\">{t('chart.t34')}</Radio>\n                  </Radio.Group>\n                </Form.Item>\n                <Form.Item<ChartCustomDataType> name=\"sortOrder\" label={t('chart.t35')}>\n                  <Radio.Group>\n                    <Radio value=\"asc\">{t('chart.t36')}</Radio>\n                    <Radio value=\"desc\">{t('chart.t37')}</Radio>\n                  </Radio.Group>\n                </Form.Item>\n              </>\n            ) : null\n          }\n        </Form.Item>\n\n        <Form.Item<ChartCustomDataType>\n          label={type?.includes('pie') ? t('chart.t19') : t('chart.t20')}\n          name=\"yAxis\"\n        >\n          <Select\n            options={[\n              {\n                value: 'recordTotal',\n                label: t('statisticstRecordNum'),\n              },\n              { value: 'fieldValue', label: t('statisticstFieldVal') },\n            ]}\n          />\n        </Form.Item>\n\n        <Form.Item dependencies={['yAxis', 'type', 'isGroup']} noStyle>\n          {({ getFieldValue }) =>\n            getFieldValue('yAxis') === 'fieldValue' ? (\n              <Form.Item label={t('selectField')}>\n                <div\n                  style={{\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                  }}\n                >\n                  <Space.Compact>\n                    <Form.Item noStyle name=\"yAxisField\">\n                      <Select style={{ width: '100px' }} options={yAxisFieldOption} />\n                    </Form.Item>\n                    <Form.Item name=\"yAxisFieldType\" noStyle>\n                      <Select\n                        style={{ width: '100px' }}\n                        options={[\n                          {\n                            value: 'sum',\n                            label: t('sumVal'),\n                          },\n                          {\n                            value: 'max',\n                            label: t('maxVal'),\n                          },\n                          {\n                            value: 'min',\n                            label: t('minVal'),\n                          },\n                          {\n                            value: 'avg',\n                            label: t('averageVal'),\n                          },\n                        ]}\n                      />\n                    </Form.Item>\n                  </Space.Compact>\n\n                  <Form.Item\n                    noStyle\n                    name=\"yAxisFieldConfig\"\n                    dependencies={['type', 'isGroup']}\n                    hidden={\n                      !(\n                        getFieldValue('type') === ChartType['chartCombination'] &&\n                        !getFieldValue('isGroup')\n                      )\n                    }\n                  >\n                    <CombinationChartOptionPicker />\n                  </Form.Item>\n                </div>\n              </Form.Item>\n            ) : null\n          }\n        </Form.Item>\n\n        <Form.Item dependencies={['type', 'isGroup']} noStyle>\n          {({ getFieldValue }) =>\n            !getFieldValue('type')?.includes('pie') ? (\n              <>\n                <Form.Item<ChartCustomDataType> name=\"isGroup\" valuePropName=\"checked\" noStyle>\n                  <Checkbox style={{ marginBottom: '5px' }}>{t('chart.t38')}</Checkbox>\n                </Form.Item>\n                <Form.Item dependencies={['isGroup']} noStyle>\n                  {({ getFieldValue }) =>\n                    getFieldValue('isGroup') ? (\n                      <Form.Item<ChartCustomDataType> name=\"groupField\">\n                        <Select options={groupFieldOption} />\n                      </Form.Item>\n                    ) : null\n                  }\n                </Form.Item>\n\n                <Spin spinning={isGetCombinationGroupOptionsLoading}>\n                  <Form.Item<ChartCustomDataType>\n                    name=\"groupFieldConfig\"\n                    label={t('chart.groupFieldConfig')}\n                    hidden={\n                      !(\n                        getFieldValue('type') === ChartType['chartCombination'] &&\n                        getFieldValue('isGroup')\n                      )\n                    }\n                  >\n                    <GroupFieldConfigPicker options={CombinationGroupOptions} />\n                  </Form.Item>\n                </Spin>\n              </>\n            ) : null\n          }\n        </Form.Item>\n      </Form>\n      <ConditionModal\n        open={isModalOpen}\n        value={conditionData}\n        fieldOptions={fieldOptions}\n        enumDataApi={enumDataApi}\n        onClose={() => {\n          setIsModalOpen(false)\n        }}\n        onOk={val => {\n          setCondition(val)\n          debounceSubmit()\n        }}\n      />\n    </div>\n  )\n}\nexport default CustomData\n"],"names":["dataSourceId","fieldOptions","xAxisFieldOption","yAxisFieldOption","groupFieldOption","getFieldValue"],"mappings":"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"}

package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-styles.js

@@ -45,7 +45,7 @@ const CustomeStyles = ({ selectModuleData, onAllValuesChange }) => {
       },
       {
         // 泰铢
-        value: "9",
+        value: "8",
         label: t("statistics.t13")
       }
     ];

package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"custome-styles.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-styles.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { Form, Input, InputNumber, Select, Space } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { ModuleData } from '../../module-content'\nimport SelectColor from '../components/select-color'\n\nexport type StatisticsCustomeStylesTypes = {\n  color?: string\n  unit?: string\n  precision?: number\n  desc: string\n}\n\ninterface CustomeStylesProps {\n  selectModuleData?: ModuleData\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onAllValuesChange?: ((values: any) => void) | undefined\n}\nconst CustomeStyles: React.FC<CustomeStylesProps> = ({ selectModuleData, onAllValuesChange }) => {\n  const [form] = Form.useForm()\n  const { t, i18n } = useTranslation()\n\n  const UnitOptions = useMemo(() => {\n    return [\n      {\n        // 数字 千分位\n        value: '1',\n        label: t('statistics.t5'),\n      },\n      {\n        // 数字\n        value: '2',\n        label: t('statistics.t6'),\n      },\n      {\n        // 百分比\n        value: '3',\n        label: t('statistics.t7'),\n      },\n      {\n        //人民币\n        value: '4',\n        label: t('statistics.t8'),\n      },\n      {\n        //美元\n        value: '5',\n        label: t('statistics.t9'),\n      },\n      {\n        // 欧元\n        value: '6',\n        label: t('statistics.t11'),\n      },\n      {\n        // 英镑\n        value: '7',\n        label: t('statistics.t12'),\n      },\n      {\n        // 泰铢\n        value: '9',\n        label: t('statistics.t13'),\n      },\n    ]\n  }, [i18n.language])\n\n  const initialValues = {\n    color: '#373c43',\n    unit: '1',\n    precision: '',\n    desc: '',\n  }\n\n  const allValuesChange = () => {\n    setTimeout(() => {\n      onAllValuesChange?.(form.getFieldsValue())\n    })\n  }\n\n  useEffect(() => {\n    if (selectModuleData?.customeStyle) {\n      let _initialValues = {\n        ...initialValues,\n        ...selectModuleData.customeStyle,\n        unit: `${selectModuleData.customeStyle.unit ?? initialValues.unit}`,\n      }\n      form.setFieldsValue(_initialValues)\n    } else {\n      form.setFieldsValue(initialValues)\n    }\n  }, [selectModuleData])\n\n  return (\n    <Form form={form} name=\"customeStyle\" layout=\"vertical\" initialValues={initialValues}>\n      <Form.Item label={t('statistics.t1')} name=\"color\">\n        <SelectColor\n          onChange={() => {\n            allValuesChange()\n          }}\n        />\n      </Form.Item>\n\n      <Form.Item label={t('statistics.t2')} extra={t('statistics.t3')}>\n        <Space.Compact>\n          <Form.Item name=\"precision\" noStyle>\n            <InputNumber\n              min={1}\n              max={10}\n              style={{ width: '60%' }}\n              placeholder={t('statistics.t4')}\n              onChange={() => {\n                allValuesChange()\n              }}\n            />\n          </Form.Item>\n          <Form.Item name=\"unit\" noStyle>\n            <Select\n              onChange={() => {\n                allValuesChange()\n              }}\n            >\n              {UnitOptions.map(v => {\n                const { value, label } = v\n                return (\n                  <Select.Option key={value} value={value}>\n                    {label}\n                  </Select.Option>\n                )\n              })}\n              {/* <Select.Option value=\"1\">{t('statistics.t5')}</Select.Option>\n              <Select.Option value=\"2\">{t('statistics.t6')}</Select.Option>\n              <Select.Option value=\"3\">{t('statistics.t7')}</Select.Option>\n              <Select.Option value=\"4\">{t('statistics.t8')}</Select.Option>\n              <Select.Option value=\"5\">{t('statistics.t9')}</Select.Option>\n              <Select.Option value=\"6\">{t('statistics.t11')}</Select.Option>\n              <Select.Option value=\"7\">{t('statistics.t12')}</Select.Option>\n              <Select.Option value=\"8\">{t('statistics.t13')}</Select.Option> */}\n            </Select>\n          </Form.Item>\n        </Space.Compact>\n      </Form.Item>\n\n      <Form.Item label={t('statistics.t10')} name=\"desc\">\n        <Input\n          onChange={() => {\n            allValuesChange()\n          }}\n        />\n      </Form.Item>\n    </Form>\n  )\n}\nexport default CustomeStyles\n"],"names":["SelectColor"],"mappings":"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"}
+{"version":3,"file":"custome-styles.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-styles.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { Form, Input, InputNumber, Select, Space } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { ModuleData } from '../../module-content'\nimport SelectColor from '../components/select-color'\n\nexport type StatisticsCustomeStylesTypes = {\n  color?: string\n  unit?: string\n  precision?: number\n  desc: string\n}\n\ninterface CustomeStylesProps {\n  selectModuleData?: ModuleData\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onAllValuesChange?: ((values: any) => void) | undefined\n}\nconst CustomeStyles: React.FC<CustomeStylesProps> = ({ selectModuleData, onAllValuesChange }) => {\n  const [form] = Form.useForm()\n  const { t, i18n } = useTranslation()\n\n  const UnitOptions = useMemo(() => {\n    return [\n      {\n        // 数字 千分位\n        value: '1',\n        label: t('statistics.t5'),\n      },\n      {\n        // 数字\n        value: '2',\n        label: t('statistics.t6'),\n      },\n      {\n        // 百分比\n        value: '3',\n        label: t('statistics.t7'),\n      },\n      {\n        //人民币\n        value: '4',\n        label: t('statistics.t8'),\n      },\n      {\n        //美元\n        value: '5',\n        label: t('statistics.t9'),\n      },\n      {\n        // 欧元\n        value: '6',\n        label: t('statistics.t11'),\n      },\n      {\n        // 英镑\n        value: '7',\n        label: t('statistics.t12'),\n      },\n      {\n        // 泰铢\n        value: '8',\n        label: t('statistics.t13'),\n      },\n    ]\n  }, [i18n.language])\n\n  const initialValues = {\n    color: '#373c43',\n    unit: '1',\n    precision: '',\n    desc: '',\n  }\n\n  const allValuesChange = () => {\n    setTimeout(() => {\n      onAllValuesChange?.(form.getFieldsValue())\n    })\n  }\n\n  useEffect(() => {\n    if (selectModuleData?.customeStyle) {\n      let _initialValues = {\n        ...initialValues,\n        ...selectModuleData.customeStyle,\n        unit: `${selectModuleData.customeStyle.unit ?? initialValues.unit}`,\n      }\n      form.setFieldsValue(_initialValues)\n    } else {\n      form.setFieldsValue(initialValues)\n    }\n  }, [selectModuleData])\n\n  return (\n    <Form form={form} name=\"customeStyle\" layout=\"vertical\" initialValues={initialValues}>\n      <Form.Item label={t('statistics.t1')} name=\"color\">\n        <SelectColor\n          onChange={() => {\n            allValuesChange()\n          }}\n        />\n      </Form.Item>\n\n      <Form.Item label={t('statistics.t2')} extra={t('statistics.t3')}>\n        <Space.Compact>\n          <Form.Item name=\"precision\" noStyle>\n            <InputNumber\n              min={1}\n              max={10}\n              style={{ width: '60%' }}\n              placeholder={t('statistics.t4')}\n              onChange={() => {\n                allValuesChange()\n              }}\n            />\n          </Form.Item>\n          <Form.Item name=\"unit\" noStyle>\n            <Select\n              onChange={() => {\n                allValuesChange()\n              }}\n            >\n              {UnitOptions.map(v => {\n                const { value, label } = v\n                return (\n                  <Select.Option key={value} value={value}>\n                    {label}\n                  </Select.Option>\n                )\n              })}\n              {/* <Select.Option value=\"1\">{t('statistics.t5')}</Select.Option>\n              <Select.Option value=\"2\">{t('statistics.t6')}</Select.Option>\n              <Select.Option value=\"3\">{t('statistics.t7')}</Select.Option>\n              <Select.Option value=\"4\">{t('statistics.t8')}</Select.Option>\n              <Select.Option value=\"5\">{t('statistics.t9')}</Select.Option>\n              <Select.Option value=\"6\">{t('statistics.t11')}</Select.Option>\n              <Select.Option value=\"7\">{t('statistics.t12')}</Select.Option>\n              <Select.Option value=\"8\">{t('statistics.t13')}</Select.Option> */}\n            </Select>\n          </Form.Item>\n        </Space.Compact>\n      </Form.Item>\n\n      <Form.Item label={t('statistics.t10')} name=\"desc\">\n        <Input\n          onChange={() => {\n            allValuesChange()\n          }}\n        />\n      </Form.Item>\n    </Form>\n  )\n}\nexport default CustomeStyles\n"],"names":["SelectColor"],"mappings":"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"}

package/es/dashboard-workbench/components/global-filter-condition/ConditionSymbolAndValuePicker.d.ts

@@ -1,4 +1,5 @@
 import { CSSProperties } from 'react';
+import { DatePickerProps } from 'antd';
 import { FieldItem } from '../../types';
 import { ConditionListItemWrapper } from './interface';
 export type ConditionSymbolAndValuePickerProps = {
@@ -13,3 +14,7 @@ export declare const ConditionSymbolAndValuePicker: {
     displayName: string;
 };
 export default ConditionSymbolAndValuePicker;
+export declare const DatePickerWrapper: (props: {
+    value: string;
+    onChange: (v: string) => void;
+} & DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/es/dashboard-workbench/components/global-filter-condition/ConditionSymbolAndValuePicker.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { Select, Input, InputNumber, DatePicker, Switch } from "antd";
+import { Select, Input, InputNumber, Switch, DatePicker } from "antd";
 import { useTranslation } from "react-i18next";
 import { useControllableValue, useMemoizedFn } from "ahooks";
 import dayjs from "dayjs";
@@ -26,6 +26,7 @@ const ConditionSymbolAndValuePicker = (props) => {
   let symbolDisabled = !(props == null ? void 0 : props.field);
   let symbolValue = value == null ? void 0 : value.condition;
   let symbolOnChange = (v) => {
+    ({ ...value, condition: v });
     setValue({ ...value, condition: v });
   };
   const val = value == null ? void 0 : value.val;
@@ -60,7 +61,7 @@ const ConditionSymbolAndValuePicker = (props) => {
       case "number":
         return typeof v === "number" ? v : ret;
       case "dayjs":
-        return v instanceof dayjs ? v : ret;
+        return typeof v === "string" ? v : ret;
       case "boolean":
         return typeof v === "boolean" ? v : ret;
       case "string":
@@ -120,8 +121,8 @@ const ConditionSymbolAndValuePicker = (props) => {
             }
           }
         ) : null,
-        rdate === "exactdate" ? /* @__PURE__ */ jsx(
-          DatePicker,
+        !["null", "notnull"].includes("symbolValue") ? /* @__PURE__ */ jsx(
+          DatePickerWrapper,
           {
             style: { width: "150px" },
             value: getVaildValue(val, "dayjs"),
@@ -131,7 +132,7 @@ const ConditionSymbolAndValuePicker = (props) => {
           }
         ) : null,
         symbolValue === "contain" ? /* @__PURE__ */ jsx(
-          DatePicker,
+          DatePickerWrapper,
           {
             style: { width: "150px", marginLeft: "5px" },
             value: getVaildValue(val2, "dayjs"),
@@ -211,8 +212,26 @@ const ConditionSymbolAndValuePicker = (props) => {
   ] });
 };
 ConditionSymbolAndValuePicker.displayName = "ConditionSymbolAndValuePicker";
+const format = "YYYY-MM-DD";
+const DatePickerWrapper = (props) => {
+  const { value, onChange, ...others } = props;
+  const dayjsValue = useMemo(() => {
+    return !!value ? dayjs(value, format) : void 0;
+  }, [value]);
+  return /* @__PURE__ */ jsx(
+    DatePicker,
+    {
+      ...others,
+      value: dayjsValue,
+      onChange: (v) => {
+        return onChange((v == null ? void 0 : v.format(format)) ?? "");
+      }
+    }
+  );
+};
 export {
   ConditionSymbolAndValuePicker,
+  DatePickerWrapper,
   ConditionSymbolAndValuePicker as default
 };
 //# sourceMappingURL=ConditionSymbolAndValuePicker.js.map

package/es/dashboard-workbench/components/global-filter-condition/ConditionSymbolAndValuePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionSymbolAndValuePicker.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/ConditionSymbolAndValuePicker.tsx"],"sourcesContent":["import { ChangeEventHandler, useEffect, useMemo, useState, type CSSProperties } from 'react'\nimport { DatePicker, Input, InputNumber, Select, Switch } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { useControllableValue, useMemoizedFn } from 'ahooks'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { useAppContext } from '../../context'\nimport { FieldItem } from '../../types'\nimport { useConditionSymbolOptions } from '../add-module-modal/components/condition-modal/config'\nimport DebounceSelect from '../add-module-modal/components/condition-modal/debounce-select'\nimport { ConditionListItemWrapper } from './interface'\n\nexport type ConditionSymbolAndValuePickerProps = {\n  style?: CSSProperties\n  className?: string\n\n  field?: FieldItem\n\n  value?: Omit<ConditionListItemWrapper, 'field'>\n  onChange: (value: Omit<ConditionListItemWrapper, 'field'>) => void\n}\n\nexport const ConditionSymbolAndValuePicker = (props: ConditionSymbolAndValuePickerProps) => {\n  const { style, className, field } = props\n  const fieldType = field?.type\n\n  const { t } = useTranslation()\n\n  const { timeOptions, boolOptions, intOptions, stringOptions, rdateOptions, rdateOptions2 } =\n    useConditionSymbolOptions()\n\n  const conditionOptions = {\n    int: intOptions,\n    timestamp: timeOptions,\n    string: stringOptions,\n    bool: boolOptions,\n    float: intOptions,\n    enum: stringOptions,\n  }\n\n  const [value, setValue] = useControllableValue(props)\n\n  /* ============================== symbol =============================== */\n  let symbolOptions = conditionOptions[fieldType as keyof typeof conditionOptions] ?? []\n  let symbolDisabled = !props?.field\n  let symbolValue = value?.condition\n  let symbolOnChange = (v: string) => {\n    setValue({ ...value, condition: v })\n  }\n\n  /* ============================== condition value =============================== */\n  const val = value?.val\n  const val2 = value?.val2\n  const rdate = value?.rdate\n\n  const enumDataApi = useAppContext()?.service?.enumDataApi\n  const fieldMap = useAppContext()?.globalData?.fieldMap\n  const { options: enumOptions, enumUrl } = useMemo(() => {\n    let options: {\n      label: unknown\n      value: unknown\n    }[] = []\n    let enumUrl: string | undefined = undefined\n\n    if (field?.type === 'enum') {\n      options =\n        field?.enum?.map(item => ({\n          label: fieldMap?.[item.label] ?? item.label,\n          value: item.value,\n        })) ?? []\n      enumUrl = field?.dynamic_call_enum_api\n    }\n    return {\n      options,\n      enumUrl,\n    }\n  }, [field, fieldMap])\n\n  const handleConditionValueChange = useMemoizedFn((key: 'val' | 'val2' | 'rdate', v: unknown) => {\n    //@ts-ignore\n    let _v = v?.target?.value ?? v\n\n    setValue({ ...value, [key]: _v })\n  })\n  const getVaildValue = <T,>(\n    v: unknown,\n    type?: 'string' | 'number' | 'dayjs' | 'boolean',\n    defaultValue?: T\n  ) => {\n    let ret = defaultValue\n\n    switch (type) {\n      case 'number':\n        return (typeof v === 'number' ? v : ret) as T\n      case 'dayjs':\n        return (v instanceof dayjs ? v : ret) as T\n      case 'boolean':\n        return (typeof v === 'boolean' ? v : ret) as T\n      case 'string':\n        return (typeof v === 'string' ? v : ret) as T\n      default:\n        return v as T\n    }\n  }\n\n  /* ============================== 默认值 =============================== */\n  // useEffect(() => {\n  //   if (!!field?.value && !value?.condition) {\n  //     const initialValues: Omit<ConditionListItemWrapper, 'field'> = {\n  //       condition: '=',\n  //       val: '',\n  //       val2: '',\n  //       rdate: 'exactdate',\n  //     }\n  //     setValue({\n  //       ...initialValues,\n  //     })\n  //   }\n  // }, [field?.value])\n\n  return (\n    <>\n      <Select\n        style={{ width: '100px' }}\n        disabled={symbolDisabled}\n        options={symbolOptions}\n        value={symbolValue}\n        onChange={symbolOnChange}\n      />\n      {!fieldType && (\n        <>\n          <Input style={{ width: '100px' }} disabled />\n        </>\n      )}\n\n      {!!fieldType && (\n        <>\n          {['int', 'float'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              <InputNumber\n                style={{ width: '100px' }}\n                placeholder={t('pleaseEnter')}\n                value={getVaildValue(val)}\n                onChange={v => {\n                  handleConditionValueChange('val', v)\n                }}\n              />\n              {symbolValue === 'contain' ? (\n                <InputNumber\n                  style={{ width: '100px', marginLeft: '5px' }}\n                  placeholder={t('pleaseEnter')}\n                  value={getVaildValue(val2)}\n                  onChange={v => {\n                    handleConditionValueChange('val2', v)\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n\n          {fieldType === 'timestamp' && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              {symbolValue === '=' || symbolValue === '<' || symbolValue === '>' ? (\n                <Select\n                  showSearch\n                  optionFilterProp=\"label\"\n                  style={{ width: '150px' }}\n                  options={symbolValue === '=' ? rdateOptions : rdateOptions2}\n                  value={getVaildValue(rdate)}\n                  onChange={v => {\n                    handleConditionValueChange('rdate', v)\n                  }}\n                />\n              ) : null}\n\n              {rdate === 'exactdate' ? (\n                <DatePicker\n                  style={{ width: '150px' }}\n                  value={getVaildValue(val, 'dayjs')}\n                  onChange={v => {\n                    handleConditionValueChange('val', v)\n                  }}\n                />\n              ) : null}\n\n              {symbolValue === 'contain' ? (\n                <DatePicker\n                  style={{ width: '150px', marginLeft: '5px' }}\n                  value={getVaildValue(val2, 'dayjs')}\n                  onChange={v => {\n                    handleConditionValueChange('val2', v)\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n\n          {['string'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              <Input\n                style={{ width: '150px' }}\n                placeholder={t('pleaseEnter')}\n                value={getVaildValue(val)}\n                onChange={v => {\n                  handleConditionValueChange('val', v)\n                }}\n              />\n              {symbolValue === 'contain' ? (\n                <Input\n                  style={{ width: '150px', marginLeft: '5px' }}\n                  placeholder={t('pleaseEnter')}\n                  value={getVaildValue(val2, 'dayjs')}\n                  onChange={v => {\n                    handleConditionValueChange('val2', v)\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n\n          {['bool'].includes(fieldType) ? (\n            <Switch\n              value={getVaildValue(val, 'boolean')}\n              onChange={v => {\n                handleConditionValueChange('val', v)\n              }}\n            />\n          ) : null}\n\n          {['enum'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              {enumOptions && enumOptions?.length > 0 ? (\n                <Select\n                  showSearch\n                  optionFilterProp=\"label\"\n                  style={{ width: '150px' }}\n                  options={enumOptions}\n                  value={getVaildValue(val)}\n                  onChange={v => {\n                    handleConditionValueChange('val', v)\n                  }}\n                />\n              ) : enumUrl ? (\n                <DebounceSelect<{ label: string; value: string }>\n                  style={{ width: '150px' }}\n                  value={getVaildValue(val)}\n                  onChange={v => {\n                    handleConditionValueChange('val', v)\n                  }}\n                  fetchOptions={async value => {\n                    let dfUrl = enumUrl\n                    if (value) {\n                      dfUrl = `${dfUrl}?q=${value}`\n                    }\n                    return (await enumDataApi?.(dfUrl)?.then(res => res.data?.list)) ?? []\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n        </>\n      )}\n    </>\n  )\n}\n\nConditionSymbolAndValuePicker.displayName = 'ConditionSymbolAndValuePicker'\n\nexport default ConditionSymbolAndValuePicker\n"],"names":["enumUrl","_a","value"],"mappings":"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"}
+{"version":3,"file":"ConditionSymbolAndValuePicker.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/ConditionSymbolAndValuePicker.tsx"],"sourcesContent":["import { ChangeEventHandler, useEffect, useMemo, useState, type CSSProperties } from 'react'\nimport { DatePicker, DatePickerProps, Input, InputNumber, Select, Switch } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { useControllableValue, useMemoizedFn } from 'ahooks'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { useAppContext } from '../../context'\nimport { FieldItem } from '../../types'\nimport { useConditionSymbolOptions } from '../add-module-modal/components/condition-modal/config'\nimport DebounceSelect from '../add-module-modal/components/condition-modal/debounce-select'\nimport { ConditionListItemWrapper } from './interface'\n\nexport type ConditionSymbolAndValuePickerProps = {\n  style?: CSSProperties\n  className?: string\n\n  field?: FieldItem\n\n  value?: Omit<ConditionListItemWrapper, 'field'>\n  onChange: (value: Omit<ConditionListItemWrapper, 'field'>) => void\n}\n\nexport const ConditionSymbolAndValuePicker = (props: ConditionSymbolAndValuePickerProps) => {\n  const { style, className, field } = props\n  const fieldType = field?.type\n\n  const { t } = useTranslation()\n\n  const { timeOptions, boolOptions, intOptions, stringOptions, rdateOptions, rdateOptions2 } =\n    useConditionSymbolOptions()\n\n  const conditionOptions = {\n    int: intOptions,\n    timestamp: timeOptions,\n    string: stringOptions,\n    bool: boolOptions,\n    float: intOptions,\n    enum: stringOptions,\n  }\n\n  const [value, setValue] = useControllableValue(props)\n\n  /* ============================== symbol =============================== */\n  let symbolOptions = conditionOptions[fieldType as keyof typeof conditionOptions] ?? []\n  let symbolDisabled = !props?.field\n  let symbolValue = value?.condition\n  let symbolOnChange = (v: string) => {\n    let newValue = { ...value, condition: v }\n    if (fieldType === 'timestamp') {\n      newValue['rdate'] = 'exactdate'\n    }\n    setValue({ ...value, condition: v })\n  }\n\n  /* ============================== condition value =============================== */\n  const val = value?.val\n  const val2 = value?.val2\n  const rdate = value?.rdate\n\n  const enumDataApi = useAppContext()?.service?.enumDataApi\n  const fieldMap = useAppContext()?.globalData?.fieldMap\n  const { options: enumOptions, enumUrl } = useMemo(() => {\n    let options: {\n      label: unknown\n      value: unknown\n    }[] = []\n    let enumUrl: string | undefined = undefined\n\n    if (field?.type === 'enum') {\n      options =\n        field?.enum?.map(item => ({\n          label: fieldMap?.[item.label] ?? item.label,\n          value: item.value,\n        })) ?? []\n      enumUrl = field?.dynamic_call_enum_api\n    }\n    return {\n      options,\n      enumUrl,\n    }\n  }, [field, fieldMap])\n\n  const handleConditionValueChange = useMemoizedFn((key: 'val' | 'val2' | 'rdate', v: unknown) => {\n    //@ts-ignore\n    let _v = v?.target?.value ?? v\n\n    setValue({ ...value, [key]: _v })\n  })\n  const getVaildValue = <T,>(\n    v: unknown,\n    type?: 'string' | 'number' | 'dayjs' | 'boolean',\n    defaultValue?: T\n  ) => {\n    let ret = defaultValue\n\n    switch (type) {\n      case 'number':\n        return (typeof v === 'number' ? v : ret) as T\n      case 'dayjs': //组件内部处理\n        return (typeof v === 'string' ? v : ret) as T\n      case 'boolean':\n        return (typeof v === 'boolean' ? v : ret) as T\n      case 'string':\n        return (typeof v === 'string' ? v : ret) as T\n      default:\n        return v as T\n    }\n  }\n\n  return (\n    <>\n      <Select\n        style={{ width: '100px' }}\n        disabled={symbolDisabled}\n        options={symbolOptions}\n        value={symbolValue}\n        onChange={symbolOnChange}\n      />\n      {!fieldType && (\n        <>\n          <Input style={{ width: '100px' }} disabled />\n        </>\n      )}\n\n      {!!fieldType && (\n        <>\n          {['int', 'float'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              <InputNumber\n                style={{ width: '100px' }}\n                placeholder={t('pleaseEnter')}\n                value={getVaildValue(val)}\n                onChange={v => {\n                  handleConditionValueChange('val', v)\n                }}\n              />\n              {symbolValue === 'contain' ? (\n                <InputNumber\n                  style={{ width: '100px', marginLeft: '5px' }}\n                  placeholder={t('pleaseEnter')}\n                  value={getVaildValue(val2)}\n                  onChange={v => {\n                    handleConditionValueChange('val2', v)\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n\n          {fieldType === 'timestamp' && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              {symbolValue === '=' || symbolValue === '<' || symbolValue === '>' ? (\n                <Select\n                  showSearch\n                  optionFilterProp=\"label\"\n                  style={{ width: '150px' }}\n                  options={symbolValue === '=' ? rdateOptions : rdateOptions2}\n                  value={getVaildValue(rdate)}\n                  onChange={v => {\n                    handleConditionValueChange('rdate', v)\n                  }}\n                />\n              ) : null}\n\n              {!['null', 'notnull'].includes('symbolValue') ? (\n                <DatePickerWrapper\n                  style={{ width: '150px' }}\n                  value={getVaildValue(val, 'dayjs')}\n                  onChange={v => {\n                    handleConditionValueChange('val', v)\n                  }}\n                />\n              ) : null}\n\n              {symbolValue === 'contain' ? (\n                <DatePickerWrapper\n                  style={{ width: '150px', marginLeft: '5px' }}\n                  value={getVaildValue(val2, 'dayjs')}\n                  onChange={v => {\n                    handleConditionValueChange('val2', v)\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n\n          {['string'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              <Input\n                style={{ width: '150px' }}\n                placeholder={t('pleaseEnter')}\n                value={getVaildValue(val)}\n                onChange={v => {\n                  handleConditionValueChange('val', v)\n                }}\n              />\n              {symbolValue === 'contain' ? (\n                <Input\n                  style={{ width: '150px', marginLeft: '5px' }}\n                  placeholder={t('pleaseEnter')}\n                  value={getVaildValue(val2, 'dayjs')}\n                  onChange={v => {\n                    handleConditionValueChange('val2', v)\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n\n          {['bool'].includes(fieldType) ? (\n            <Switch\n              value={getVaildValue(val, 'boolean')}\n              onChange={v => {\n                handleConditionValueChange('val', v)\n              }}\n            />\n          ) : null}\n\n          {['enum'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n            <>\n              {enumOptions && enumOptions?.length > 0 ? (\n                <Select\n                  showSearch\n                  optionFilterProp=\"label\"\n                  style={{ width: '150px' }}\n                  options={enumOptions}\n                  value={getVaildValue(val)}\n                  onChange={v => {\n                    handleConditionValueChange('val', v)\n                  }}\n                />\n              ) : enumUrl ? (\n                <DebounceSelect<{ label: string; value: string }>\n                  style={{ width: '150px' }}\n                  value={getVaildValue(val)}\n                  onChange={v => {\n                    handleConditionValueChange('val', v)\n                  }}\n                  fetchOptions={async value => {\n                    let dfUrl = enumUrl\n                    if (value) {\n                      dfUrl = `${dfUrl}?q=${value}`\n                    }\n                    return (await enumDataApi?.(dfUrl)?.then(res => res.data?.list)) ?? []\n                  }}\n                />\n              ) : null}\n            </>\n          ) : null}\n        </>\n      )}\n    </>\n  )\n}\n\nConditionSymbolAndValuePicker.displayName = 'ConditionSymbolAndValuePicker'\n\nexport default ConditionSymbolAndValuePicker\n\n/* ============================== split =============================== */\nconst format = 'YYYY-MM-DD'\n\nexport const DatePickerWrapper = (\n  props: { value: string; onChange: (v: string) => void } & DatePickerProps\n) => {\n  const { value, onChange, ...others } = props\n\n  const dayjsValue = useMemo(() => {\n    return !!value ? dayjs(value, format) : undefined\n  }, [value])\n\n  return (\n    <DatePicker\n      {...(others as unknown as any)}\n      value={dayjsValue}\n      onChange={(v: Dayjs | null) => {\n        return onChange(v?.format(format) ?? '')\n      }}\n    />\n  )\n}\n"],"names":["enumUrl","_a","value"],"mappings":"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"}

package/es/dashboard-workbench/components/global-filter-condition/index.js

@@ -32,17 +32,14 @@ const GlobalFilterCondition = (props) => {
         });
         return {
           key: mergeId,
-          label: v == null ? void 0 : v.label,
-          // 没有props 可以传到submenu里面 写在这里写死
-          style: {
-            minWidth: "160px"
-          }
+          label: v == null ? void 0 : v.label
         };
       });
       return {
         key: item == null ? void 0 : item.value,
         label: item == null ? void 0 : item.label,
-        children
+        children,
+        popupClassName: styles["sub-popup"]
       };
     });
     return {

package/es/dashboard-workbench/components/global-filter-condition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\nimport clsx from 'clsx'\nimport { Button, MenuProps, Popover, Select, Space } from 'antd'\nimport { FilterOutlined, PlusOutlined } from '@ant-design/icons'\nimport { useTranslation } from 'react-i18next'\nimport { useControllableValue, useMemoizedFn } from 'ahooks'\nimport { cloneDeep, groupBy, isEqual } from 'lodash-es'\nimport { useAppContext } from '@platox/pivot-table/context'\nimport { useConditionTypeOptions } from '../add-module-modal/components/condition-modal/config'\nimport ConditionRowItem from './ConditionRowItem'\nimport { FieldPickerDataSourceItem } from './FieldPicker'\nimport styles from './index.module.less'\nimport { ConditionBlockWrapper, ConditionListItemWrapper } from './interface'\nimport { Context, ContextProps, useContext } from './useContext'\nimport { getMergeId } from './util'\n\nconst componentName = 'global-filter-condition'\n\nconst Empty: unknown[] = []\n\n/* ============================== split =============================== */\n\nexport interface GlobalFilterConditionProps {\n  className?: string\n  style?: React.CSSProperties\n}\nexport const GlobalFilterCondition: React.FC<GlobalFilterConditionProps> = props => {\n  const { className, style } = props\n\n  const { t } = useTranslation()\n\n  const { globalFilterCondition, setGlobalFilterCondition } = useAppContext()\n\n  const [open, setOpen] = useState<boolean>(false)\n\n  /* ============================== 整理数据 =============================== */\n  const { globalData } = useAppContext()\n  const { fieldPickerDataSource, flattenFieldMap } = useMemo(() => {\n    let flattenFieldMap: ContextProps['flattenFieldMap'] = new Map()\n\n    let fieldPickerDataSource = (globalData?.sourceData || []).map(item => {\n      let children = (item?.fields || []).map(v => {\n        let mergeId = getMergeId(item?.value, v?.value)\n\n        // 记录mergeId对应的field和source\n        flattenFieldMap.set(mergeId, {\n          field: v,\n          source: item,\n          mergeId: mergeId,\n        })\n\n        return {\n          key: mergeId,\n          label: v?.label,\n          // 没有props 可以传到submenu里面 写在这里写死\n          style: {\n            minWidth: '160px',\n          },\n        }\n      })\n\n      return {\n        key: item?.value,\n        label: item?.label,\n        children,\n      }\n    })\n\n    return {\n      fieldPickerDataSource: fieldPickerDataSource as unknown as FieldPickerDataSourceItem[],\n      flattenFieldMap,\n    }\n  }, [globalData?.sourceData])\n\n  return (\n    <Context.Provider\n      value={{\n        fieldPickerDataSource: fieldPickerDataSource,\n        flattenFieldMap: flattenFieldMap,\n      }}\n    >\n      <div className={clsx(styles[`${componentName}`], className)} style={style}>\n        <Popover\n          content={\n            <PopoverContent\n              defaultValue={globalFilterCondition}\n              onClose={(isOk, data) => {\n                if (isOk) {\n                  setGlobalFilterCondition(data!)\n                }\n                setOpen(false)\n              }}\n            />\n          }\n          destroyTooltipOnHide\n          placement=\"bottomRight\"\n          trigger=\"click\"\n          open={open}\n          onOpenChange={setOpen}\n        >\n          <Button>\n            <FilterOutlined />\n            {t('filter')}\n            {(globalFilterCondition?.length ?? 0) > 0 ? `(${globalFilterCondition?.length})` : ''}\n          </Button>\n        </Popover>\n      </div>\n    </Context.Provider>\n  )\n}\n\nGlobalFilterCondition.displayName = 'GlobalFilterCondition'\n\nexport default GlobalFilterCondition\n\n/* ============================== split =============================== */\n\nexport type PopoverContentProps = {\n  defaultValue?: ConditionBlockWrapper[]\n  onClose?: (isOk: boolean, data?: ConditionBlockWrapper[]) => void\n}\n\nexport const PopoverContent = (props: PopoverContentProps) => {\n  const { defaultValue } = props\n\n  const { t } = useTranslation()\n  const fieldPickerDataSource = useContext().fieldPickerDataSource\n  const conditionTypeOptions = useConditionTypeOptions()\n\n  /* ============================== split =============================== */\n  const [value = Empty as ConditionBlockWrapper[], setValue] = useState<ConditionBlockWrapper[]>([])\n\n  useEffect(() => {\n    if (defaultValue) {\n      setValue(cloneDeep(defaultValue))\n    }\n  }, [defaultValue])\n\n  /* ============================== 这是empty =============================== */\n  const [emptyBlockList, setEmptyBlockList] = useState<ConditionListItemWrapper[]>([])\n\n  const handleEmptyBlockListChange = (newItem: ConditionListItemWrapper) => {\n    if (newItem?.field) {\n      setValue(prev => {\n        let ret = [...prev]\n        let match = ret.find(item => item.dataSourceId === newItem.dataSourceId)\n        if (match) {\n          match.conditionList.push(newItem)\n          return [...ret]\n        } else {\n          //  创建一个\n          let newConditionBlockWrapper = {\n            dataSourceId: newItem.dataSourceId,\n            conditionType: 'all',\n            conditionList: [newItem],\n          } as ConditionBlockWrapper\n          return [...ret, newConditionBlockWrapper]\n        }\n      })\n    }\n  }\n\n  const handleAddEmptyBlock = () => {\n    setEmptyBlockList([...emptyBlockList, {}])\n  }\n\n  /* ============================== split =============================== */\n  const hasChange = useMemo(() => {\n    return !isEqual(value, defaultValue)\n  }, [value, defaultValue])\n\n  const handleSubmit = useMemoizedFn(() => {\n    props?.onClose?.(true, value)\n  })\n\n  return (\n    <div className={clsx(styles[`${componentName}__popover`])}>\n      <div\n        style={{\n          marginBottom: '10px',\n        }}\n      >\n        {t('setFilterCondition')}\n      </div>\n\n      {value.map((item, index) => {\n        let conditionList = item?.conditionList\n        let dataSourceName = fieldPickerDataSource?.find(v => v.key === item?.dataSourceId)?.label\n\n        return (\n          <div className={clsx(styles[`${componentName}__block`])} key={item?.dataSourceId}>\n            <div\n              style={{\n                marginBottom: '10px',\n                display: 'flex',\n                justifyContent: 'space-between',\n              }}\n            >\n              <div>{dataSourceName}</div>\n              <div\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: '5px',\n                }}\n              >\n                {t('conformTo')}\n                <Select\n                  style={{ width: '80px' }}\n                  options={conditionTypeOptions}\n                  value={item?.conditionType}\n                  onChange={v => {\n                    setValue(prev => {\n                      let ret = [...prev]\n                      ret[index].conditionType = v\n                      return ret\n                    })\n                  }}\n                />\n                {t('addCondition')}\n              </div>\n            </div>\n            <div\n              style={{\n                display: 'flex',\n                flexDirection: 'column',\n                gap: '10px',\n              }}\n            >\n              {conditionList.map((v, conditionIndex) => {\n                return (\n                  <ConditionRowItem\n                    key={conditionIndex}\n                    value={v}\n                    onChange={newValue => {\n                      setValue(prev => {\n                        let ret = [...prev]\n                        let prevItem = ret[index].conditionList[conditionIndex]\n                        if (prevItem?.dataSourceId !== newValue?.dataSourceId) {\n                          // 数据源变化了 删除原来的\n                          ret[index].conditionList.splice(conditionIndex, 1)\n                          if (ret[index].conditionList.length === 0) {\n                            ret.splice(index, 1)\n                          }\n                          // 添加到新的数据源添\n                          let newItem = newValue\n                          let match = ret.find(item => item.dataSourceId === newItem.dataSourceId)\n                          if (match) {\n                            match.conditionList.push(newItem)\n                            return [...ret]\n                          } else {\n                            let newConditionBlockWrapper = {\n                              dataSourceId: newItem.dataSourceId,\n                              conditionType: 'all',\n                              conditionList: [newItem],\n                            } as ConditionBlockWrapper\n                            return [...ret, newConditionBlockWrapper]\n                          }\n                        } else {\n                          ret[index].conditionList[conditionIndex] = {\n                            ...prevItem,\n                            ...newValue,\n                          }\n                        }\n\n                        return ret\n                      })\n                    }}\n                    onDelete={() => {\n                      setValue(prev => {\n                        let ret = [...prev]\n                        ret[index].conditionList.splice(conditionIndex, 1)\n\n                        if (ret[index].conditionList.length === 0) {\n                          ret.splice(index, 1)\n                        }\n                        return ret\n                      })\n                    }}\n                  />\n                )\n              })}\n            </div>\n          </div>\n        )\n      })}\n\n      {emptyBlockList.map((item, index) => {\n        return (\n          <div className={clsx(styles[`${componentName}__block`])} key={index}>\n            <ConditionRowItem\n              value={item}\n              onChange={newValue => {\n                handleEmptyBlockListChange(newValue)\n              }}\n              onDelete={() => {\n                setEmptyBlockList(prev => {\n                  let ret = [...prev]\n                  ret.splice(index, 1)\n                  return ret\n                })\n              }}\n            />\n          </div>\n        )\n      })}\n\n      <Button\n        type=\"dashed\"\n        block\n        style={{\n          marginBottom: '10px',\n        }}\n        icon={<PlusOutlined />}\n        onClick={() => {\n          handleAddEmptyBlock()\n        }}\n      >\n        {t('addCondition')}\n      </Button>\n\n      <div\n        style={{\n          display: 'flex',\n          justifyContent: 'flex-end',\n        }}\n      >\n        <Button\n          type=\"primary\"\n          disabled={!hasChange}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          {t('confirm')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["flattenFieldMap","fieldPickerDataSource","item"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\nimport clsx from 'clsx'\nimport { Button, MenuProps, Popover, Select, Space } from 'antd'\nimport { FilterOutlined, PlusOutlined } from '@ant-design/icons'\nimport { useTranslation } from 'react-i18next'\nimport { useMemoizedFn } from 'ahooks'\nimport { cloneDeep, isEqual } from 'lodash-es'\nimport { useAppContext } from '@platox/pivot-table/context'\nimport { useConditionTypeOptions } from '../add-module-modal/components/condition-modal/config'\nimport ConditionRowItem from './ConditionRowItem'\nimport { FieldPickerDataSourceItem } from './FieldPicker'\nimport styles from './index.module.less'\nimport { ConditionBlockWrapper, ConditionListItemWrapper } from './interface'\nimport { Context, ContextProps, useContext } from './useContext'\nimport { getMergeId } from './util'\n\nconst componentName = 'global-filter-condition'\n\nconst Empty: unknown[] = []\n\n/* ============================== split =============================== */\n\nexport interface GlobalFilterConditionProps {\n  className?: string\n  style?: React.CSSProperties\n}\nexport const GlobalFilterCondition: React.FC<GlobalFilterConditionProps> = props => {\n  const { className, style } = props\n\n  const { t } = useTranslation()\n\n  const { globalFilterCondition, setGlobalFilterCondition } = useAppContext()\n\n  const [open, setOpen] = useState<boolean>(false)\n\n  /* ============================== 整理数据 =============================== */\n  const { globalData } = useAppContext()\n  const { fieldPickerDataSource, flattenFieldMap } = useMemo(() => {\n    let flattenFieldMap: ContextProps['flattenFieldMap'] = new Map()\n\n    let fieldPickerDataSource = (globalData?.sourceData || []).map(item => {\n      let children = (item?.fields || []).map(v => {\n        let mergeId = getMergeId(item?.value, v?.value)\n\n        // 记录mergeId对应的field和source\n        flattenFieldMap.set(mergeId, {\n          field: v,\n          source: item,\n          mergeId: mergeId,\n        })\n\n        return {\n          key: mergeId,\n          label: v?.label,\n        }\n      })\n\n      return {\n        key: item?.value,\n        label: item?.label,\n        children,\n        popupClassName: styles['sub-popup'],\n      }\n    })\n\n    return {\n      fieldPickerDataSource: fieldPickerDataSource as unknown as FieldPickerDataSourceItem[],\n      flattenFieldMap,\n    }\n  }, [globalData?.sourceData])\n\n  return (\n    <Context.Provider\n      value={{\n        fieldPickerDataSource: fieldPickerDataSource,\n        flattenFieldMap: flattenFieldMap,\n      }}\n    >\n      <div className={clsx(styles[`${componentName}`], className)} style={style}>\n        <Popover\n          content={\n            <PopoverContent\n              defaultValue={globalFilterCondition}\n              onClose={(isOk, data) => {\n                if (isOk) {\n                  setGlobalFilterCondition(data!)\n                }\n                setOpen(false)\n              }}\n            />\n          }\n          destroyTooltipOnHide\n          placement=\"bottomRight\"\n          trigger=\"click\"\n          open={open}\n          onOpenChange={setOpen}\n        >\n          <Button>\n            <FilterOutlined />\n            {t('filter')}\n            {(globalFilterCondition?.length ?? 0) > 0 ? `(${globalFilterCondition?.length})` : ''}\n          </Button>\n        </Popover>\n      </div>\n    </Context.Provider>\n  )\n}\n\nGlobalFilterCondition.displayName = 'GlobalFilterCondition'\n\nexport default GlobalFilterCondition\n\n/* ============================== split =============================== */\n\nexport type PopoverContentProps = {\n  defaultValue?: ConditionBlockWrapper[]\n  onClose?: (isOk: boolean, data?: ConditionBlockWrapper[]) => void\n}\n\nexport const PopoverContent = (props: PopoverContentProps) => {\n  const { defaultValue } = props\n\n  const { t } = useTranslation()\n  const fieldPickerDataSource = useContext().fieldPickerDataSource\n  const conditionTypeOptions = useConditionTypeOptions()\n\n  /* ============================== split =============================== */\n  const [value = Empty as ConditionBlockWrapper[], setValue] = useState<ConditionBlockWrapper[]>([])\n\n  useEffect(() => {\n    if (defaultValue) {\n      setValue(cloneDeep(defaultValue))\n    }\n  }, [defaultValue])\n\n  /* ============================== 这是empty =============================== */\n  const [emptyBlockList, setEmptyBlockList] = useState<ConditionListItemWrapper[]>([])\n\n  const handleEmptyBlockListChange = (newItem: ConditionListItemWrapper) => {\n    if (newItem?.field) {\n      setValue(prev => {\n        let ret = [...prev]\n        let match = ret.find(item => item.dataSourceId === newItem.dataSourceId)\n        if (match) {\n          match.conditionList.push(newItem)\n          return [...ret]\n        } else {\n          //  创建一个\n          let newConditionBlockWrapper = {\n            dataSourceId: newItem.dataSourceId,\n            conditionType: 'all',\n            conditionList: [newItem],\n          } as ConditionBlockWrapper\n          return [...ret, newConditionBlockWrapper]\n        }\n      })\n    }\n  }\n\n  const handleAddEmptyBlock = () => {\n    setEmptyBlockList([...emptyBlockList, {}])\n  }\n\n  /* ============================== split =============================== */\n  const hasChange = useMemo(() => {\n    return !isEqual(value, defaultValue)\n  }, [value, defaultValue])\n\n  const handleSubmit = useMemoizedFn(() => {\n    props?.onClose?.(true, value)\n  })\n\n  return (\n    <div className={clsx(styles[`${componentName}__popover`])}>\n      <div\n        style={{\n          marginBottom: '10px',\n        }}\n      >\n        {t('setFilterCondition')}\n      </div>\n\n      {value.map((item, index) => {\n        let conditionList = item?.conditionList\n        let dataSourceName = fieldPickerDataSource?.find(v => v.key === item?.dataSourceId)?.label\n\n        return (\n          <div className={clsx(styles[`${componentName}__block`])} key={item?.dataSourceId}>\n            <div\n              style={{\n                marginBottom: '10px',\n                display: 'flex',\n                justifyContent: 'space-between',\n              }}\n            >\n              <div>{dataSourceName}</div>\n              <div\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: '5px',\n                }}\n              >\n                {t('conformTo')}\n                <Select\n                  style={{ width: '80px' }}\n                  options={conditionTypeOptions}\n                  value={item?.conditionType}\n                  onChange={v => {\n                    setValue(prev => {\n                      let ret = [...prev]\n                      ret[index].conditionType = v\n                      return ret\n                    })\n                  }}\n                />\n                {t('addCondition')}\n              </div>\n            </div>\n            <div\n              style={{\n                display: 'flex',\n                flexDirection: 'column',\n                gap: '10px',\n              }}\n            >\n              {conditionList.map((v, conditionIndex) => {\n                return (\n                  <ConditionRowItem\n                    key={conditionIndex}\n                    value={v}\n                    onChange={newValue => {\n                      setValue(prev => {\n                        let ret = [...prev]\n                        let prevItem = ret[index].conditionList[conditionIndex]\n                        if (prevItem?.dataSourceId !== newValue?.dataSourceId) {\n                          // 数据源变化了 删除原来的\n                          ret[index].conditionList.splice(conditionIndex, 1)\n                          if (ret[index].conditionList.length === 0) {\n                            ret.splice(index, 1)\n                          }\n                          // 添加到新的数据源添\n                          let newItem = newValue\n                          let match = ret.find(item => item.dataSourceId === newItem.dataSourceId)\n                          if (match) {\n                            match.conditionList.push(newItem)\n                            return [...ret]\n                          } else {\n                            let newConditionBlockWrapper = {\n                              dataSourceId: newItem.dataSourceId,\n                              conditionType: 'all',\n                              conditionList: [newItem],\n                            } as ConditionBlockWrapper\n                            return [...ret, newConditionBlockWrapper]\n                          }\n                        } else {\n                          ret[index].conditionList[conditionIndex] = {\n                            ...prevItem,\n                            ...newValue,\n                          }\n                        }\n\n                        return ret\n                      })\n                    }}\n                    onDelete={() => {\n                      setValue(prev => {\n                        let ret = [...prev]\n                        ret[index].conditionList.splice(conditionIndex, 1)\n\n                        if (ret[index].conditionList.length === 0) {\n                          ret.splice(index, 1)\n                        }\n                        return ret\n                      })\n                    }}\n                  />\n                )\n              })}\n            </div>\n          </div>\n        )\n      })}\n\n      {emptyBlockList.map((item, index) => {\n        return (\n          <div className={clsx(styles[`${componentName}__block`])} key={index}>\n            <ConditionRowItem\n              value={item}\n              onChange={newValue => {\n                handleEmptyBlockListChange(newValue)\n              }}\n              onDelete={() => {\n                setEmptyBlockList(prev => {\n                  let ret = [...prev]\n                  ret.splice(index, 1)\n                  return ret\n                })\n              }}\n            />\n          </div>\n        )\n      })}\n\n      <Button\n        type=\"dashed\"\n        block\n        style={{\n          marginBottom: '10px',\n        }}\n        icon={<PlusOutlined />}\n        onClick={() => {\n          handleAddEmptyBlock()\n        }}\n      >\n        {t('addCondition')}\n      </Button>\n\n      <div\n        style={{\n          display: 'flex',\n          justifyContent: 'flex-end',\n        }}\n      >\n        <Button\n          type=\"primary\"\n          disabled={!hasChange}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          {t('confirm')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["flattenFieldMap","fieldPickerDataSource","item"],"mappings":"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"}

package/es/dashboard-workbench/components/global-filter-condition/index.module.less.js

@@ -1,6 +1,7 @@
 const styles = {
-  "global-filter-condition__popover": "_global-filter-condition__popover_7daxk_1",
-  "global-filter-condition__block": "_global-filter-condition__block_7daxk_4"
+  "global-filter-condition__popover": "_global-filter-condition__popover_1gcjr_1",
+  "global-filter-condition__block": "_global-filter-condition__block_1gcjr_4",
+  "sub-popup": "_sub-popup_1gcjr_10"
 };
 export {
   styles as default

package/es/dashboard-workbench/components/global-filter-condition/index.module.less.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.less.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.module.less.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/dashboard-workbench/components/module-content/calendar-module/index.js

@@ -46,12 +46,16 @@ const CalendarModule = ({ moduleDataApi, customData }) => {
       if (!isConditionTimestampExist) {
         queryString = `&added_on=gt.${FMDay}&added_on=lt.${LMDay}`;
       }
-      if ((conditionData == null ? void 0 : conditionData.conditionList) && ((_a = conditionData == null ? void 0 : conditionData.conditionList) == null ? void 0 : _a.length) > 0) {
-        (_b = conditionData == null ? void 0 : conditionData.conditionList) == null ? void 0 : _b.some((item) => item.type == "timestamp");
-        queryString += `&${mapConditionsToPostgrest(conditionData)}`;
+      let conditionBlockList = [];
+      if ((((_a = matchGlobalFilterCondition == null ? void 0 : matchGlobalFilterCondition.conditionList) == null ? void 0 : _a.length) ?? 0) > 0) {
+        conditionBlockList.push(matchGlobalFilterCondition);
       }
-      if ((((_c = matchGlobalFilterCondition == null ? void 0 : matchGlobalFilterCondition.conditionList) == null ? void 0 : _c.length) ?? 0) > 0) {
-        queryString += `&${mapConditionsToPostgrest(matchGlobalFilterCondition)}`;
+      if ((((_c = (_b = customData == null ? void 0 : customData.conditionData) == null ? void 0 : _b.conditionList) == null ? void 0 : _c.length) ?? 0) > 0) {
+        conditionBlockList.push(customData == null ? void 0 : customData.conditionData);
+      }
+      if (conditionBlockList.length > 0) {
+        let DSLStr = mapConditionsToPostgrest(conditionBlockList);
+        queryString += !!DSLStr ? `&${DSLStr}` : "";
       }
       if (queryString.startsWith("&")) {
         queryString = queryString.substring(1);