@platox/pivot-table 0.0.34 → 0.0.36

package/es/dashboard-workbench/components/add-module-modal/components/condition-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/dashboard-workbench/components/add-module-modal/components/condition-modal/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  Button,\n  DatePicker,\n  Flex,\n  Form,\n  Input,\n  InputNumber,\n  Modal,\n  Select,\n  Space,\n  Switch,\n} from 'antd'\nimport { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons'\nimport { useCallback, useEffect, useRef } from 'react'\nimport { EnumDataApi, SourceDataFieldsTypes } from '../../../../types'\nimport { useTranslation } from 'react-i18next'\nimport dayjs from 'dayjs'\nimport DebounceSelect from './debounce-select'\nimport { useAppContext } from '../../../../context'\n\nexport interface ConditionListItemTypes {\n  field: string\n  condition:\n    | '='\n    | '<'\n    | '>'\n    | 'contain'\n    | 'null'\n    | 'notnull'\n    | '!='\n    | '>='\n    | '=<'\n    | 'include'\n    | 'notinclude'\n  val: any\n  type: SourceDataFieldsTypes['type']\n}\n\ninterface ConditionModalProps {\n  open?: boolean\n  fieldOptions?: SourceDataFieldsTypes[]\n  onSubmit?: ((values: any) => void) | undefined\n  onClose?: () => void\n  onOk?: ((values: any) => void) | undefined\n  enumDataApi?: EnumDataApi\n  value?: {\n    conditionList: ConditionListItemTypes[]\n    conditionType: 'all' | 'any'\n  }\n}\n\nconst ConditionModal: React.FC<ConditionModalProps> = ({\n  open,\n  onClose,\n  onOk,\n  fieldOptions,\n  value,\n  enumDataApi,\n}) => {\n  const [form] = Form.useForm()\n  const { t } = useTranslation()\n  const { globalData } = useAppContext()\n\n  const timeOptions = [\n    {\n      label: t('add.add13'), // \"等于\",\n      value: '=',\n    },\n    {\n      label: t('add.add14'), // \"早于\",\n      value: '<',\n    },\n    {\n      label: t('add.add15'), // \"晚于\",\n      value: '>',\n    },\n    {\n      label: t('add.add16'), // \"范围内\",\n      value: 'contain',\n    },\n    {\n      label: t('add.add17'), // \"为空\",\n      value: 'null',\n    },\n    {\n      label: t('add.add18'), // \"不为空\",\n      value: 'notnull',\n    },\n  ]\n\n  const boolOptions = [\n    {\n      label: t('add.add13'), //\"等于\",\n      value: '=',\n    },\n  ]\n\n  const intOptions = [\n    {\n      label: t('add.add13'), //\"等于\",\n      value: '=',\n    },\n    {\n      label: t('add.add19'), //\"不等于\",\n      value: '!=',\n    },\n    {\n      label: t('add.add20'), //\"大于\",\n      value: '>',\n    },\n    {\n      label: t('add.add21'), //\"大于等于\",\n      value: '>=',\n    },\n    {\n      label: t('add.add22'), //\"小于\",\n      value: '<',\n    },\n    {\n      label: t('add.add23'), //\"小于等于\",\n      value: '=<',\n    },\n    {\n      label: t('add.add16'), //\"范围内\",\n      value: 'contain',\n    },\n    {\n      label: t('add.add17'), //\"为空\",\n      value: 'null',\n    },\n    {\n      label: t('add.add18'), //\"不为空\",\n      value: 'notnull',\n    },\n  ]\n\n  const stringOptions = [\n    {\n      label: t('add.add13'), //\"等于\",\n      value: '=',\n    },\n    {\n      label: t('add.add19'), //\"不等于\",\n      value: '!=',\n    },\n    {\n      label: t('add.add24'), //\"包含\",\n      value: 'include',\n    },\n    {\n      label: t('add.add25'), //\"不包含\",\n      value: 'notinclude',\n    },\n    {\n      label: t('add.add17'), //\"为空\",\n      value: 'null',\n    },\n    {\n      label: t('add.add18'), //\"不为空\",\n      value: 'notnull',\n    },\n  ]\n\n  const rdateOptions = [\n    {\n      label: t('add.add26'), //\"具体日期\",\n      value: 'exactdate',\n    },\n    {\n      label: t('add.add27'), //\"今天\",\n      value: 'today',\n    },\n    {\n      label: t('add.add28'), //\"昨天\",\n      value: 'yesterday',\n    },\n    {\n      label: t('add.add29'), //\"本周\",\n      value: 'thisweek',\n    },\n    {\n      label: t('add.add30'), //\"上周\",\n      value: 'lastweek',\n    },\n    {\n      label: t('add.add31'), //\"本月\",\n      value: 'thismonth',\n    },\n    {\n      label: t('add.add32'), //\"上月\",\n      value: 'lastmonth',\n    },\n    {\n      label: t('add.add33'), //\"过去7天\",\n      value: 'last7days',\n    },\n    {\n      label: t('add.add34'), //\"过去30天\",\n      value: 'last30days',\n    },\n  ]\n\n  const rdateOptions2 = [\n    {\n      label: t('add.add26'), //\"具体日期\",\n      value: 'exactdate',\n    },\n    {\n      label: t('add.add27'), //\"今天\",\n      value: 'today',\n    },\n    {\n      label: t('add.add28'), //\"昨天\",\n      value: 'yesterday',\n    },\n  ]\n\n  const conditionOptions: any = {\n    int: intOptions,\n    timestamp: timeOptions,\n    string: stringOptions,\n    bool: boolOptions,\n    float: intOptions,\n    enum: stringOptions,\n  }\n\n  const initData = useCallback(() => {\n    if (value?.conditionList) {\n      const conditionList = JSON.parse(JSON.stringify(value?.conditionList))\n      form.setFieldsValue({\n        conditionList: conditionList.map((item: any) => {\n          if (item.type === 'timestamp') {\n            if (item.val) {\n              item.val = dayjs(new Date(item.val))\n            }\n            if (item.val2) {\n              item.val2 = dayjs(new Date(item.val2))\n            }\n          }\n          if (item.val === undefined || item.val === '') {\n            item.val = ''\n          }\n          if (item.val2 === undefined || item.val2 === '') {\n            item.val2 = ''\n          }\n          return item\n        }),\n        conditionType: value.conditionType,\n      })\n    } else {\n      form.setFieldsValue({\n        conditionList: [],\n        conditionType: 'all',\n      })\n    }\n  }, [value])\n\n  useEffect(() => {\n    if (open) {\n      initData()\n    }\n  }, [value, open])\n  return (\n    <>\n      <Modal\n        title={t('setFilteringCriteria')}\n        open={open}\n        destroyOnClose\n        width=\"650px\"\n        onOk={() => {\n          const val = form.getFieldsValue()\n          const conditionList = val.conditionList\n            ? JSON.parse(JSON.stringify(val.conditionList))\n            : ''\n          const conditionType = val.conditionType || 'all'\n          const newVal = {\n            conditionList: conditionList.map((item: any) => {\n              if (item.type === 'timestamp') {\n                if (item.val) {\n                  item.val = dayjs(item.val).format('YYYY-MM-DD')\n                }\n                if (item.val2) {\n                  item.val2 = item.val2 ? dayjs(item.val2).format('YYYY-MM-DD') : ''\n                }\n              }\n              return item\n            }),\n            conditionType,\n          }\n          onClose?.()\n          onOk?.(newVal)\n        }}\n        onCancel={() => {\n          initData()\n          onClose?.()\n        }}\n      >\n        <Form\n          name=\"dynamicForm\"\n          form={form}\n          initialValues={{ conditionType: 'all' }}\n          style={{ maxWidth: 650, marginTop: '30px' }}\n        >\n          <Form.Item noStyle dependencies={['conditionList']}>\n            {({ getFieldValue }) =>\n              getFieldValue('conditionList')?.length > 1 ? (\n                <Flex align=\"center\" gap={5} style={{ marginBottom: '20px' }}>\n                  {t('conformTo')}\n                  <Form.Item name=\"conditionType\" noStyle>\n                    <Select\n                      style={{ width: '150px' }}\n                      options={[\n                        {\n                          label: t('all'),\n                          value: 'all',\n                        },\n                        {\n                          label: t('everyone'),\n                          value: 'any',\n                        },\n                      ]}\n                    />\n                  </Form.Item>{' '}\n                  {t('condition')}\n                </Flex>\n              ) : null\n            }\n          </Form.Item>\n\n          <Form.List name=\"conditionList\">\n            {(fields, { add, remove }) => (\n              <>\n                {fields.map(({ key, name, ...restField }) => (\n                  <Space key={key} style={{ display: 'flex', marginBottom: 8 }} align=\"baseline\">\n                    <Form.Item {...restField} name={[name, 'field']} noStyle>\n                      <Select\n                        style={{ width: '150px' }}\n                        options={fieldOptions || []}\n                        onChange={val => {\n                          const values = form.getFieldValue('conditionList')\n                          const currField = fieldOptions?.find(item => item.value === val)\n                          values[name].condition = '='\n                          values[name].type = currField?.type\n                          values[name].val = ''\n                          values[name].val2 = ''\n                          if (currField?.type === 'timestamp') {\n                            values[name].rdate = 'exactdate'\n                          }\n                          form.setFieldsValue({\n                            conditionList: values,\n                          })\n                        }}\n                      />\n                    </Form.Item>\n\n                    <Form.Item noStyle dependencies={[['conditionList', name, 'field']]}>\n                      {({ getFieldValue }) => {\n                        const type = fieldOptions?.find(\n                          item => item.value === getFieldValue(['conditionList', name, 'field'])\n                        )?.type\n                        return (\n                          <>\n                            <Form.Item {...restField} name={[name, 'condition']} noStyle>\n                              <Select\n                                style={{ width: '100px' }}\n                                options={type ? conditionOptions[type] : []}\n                                onChange={() => {\n                                  const values = form.getFieldValue('conditionList')\n                                  if (type === 'timestamp') {\n                                    values[name].rdate = 'exactdate'\n                                  }\n                                  form.setFieldsValue({\n                                    conditionList: values,\n                                  })\n                                }}\n                              />\n                            </Form.Item>\n                          </>\n                        )\n                      }}\n                    </Form.Item>\n\n                    <Form.Item\n                      noStyle\n                      dependencies={[\n                        ['conditionList', name, 'field'],\n                        ['conditionList', name, 'condition'],\n                        ['conditionList', name, 'rdate'],\n                      ]}\n                    >\n                      {({ getFieldValue }) => {\n                        const field = getFieldValue(['conditionList', name, 'field'])\n                        const fieldData = fieldOptions?.find(item => item.value === field)\n                        const type = fieldData?.type || ''\n                        const enumOptions = fieldData?.enum?.map(item => ({\n                          ...item,\n                          label: globalData?.fieldMap?.[item.label] || item.label,\n                        }))\n                        const enumUrl = fieldData?.dynamic_call_enum_api\n                        const condition = getFieldValue(['conditionList', name, 'condition'])\n                        const rdate = getFieldValue(['conditionList', name, 'rdate'])\n                        return (\n                          <>\n                            {['int', 'float'].includes(type) &&\n                            !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  <InputNumber\n                                    style={{ width: '100px' }}\n                                    placeholder={t('pleaseEnter')}\n                                  />\n                                </Form.Item>\n                                {condition === 'contain' ? (\n                                  <Form.Item {...restField} name={[name, 'val2']} noStyle>\n                                    <InputNumber\n                                      style={{\n                                        width: '100px',\n                                        marginLeft: '5px',\n                                      }}\n                                      placeholder={t('pleaseEnter')}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n                              </>\n                            ) : null}\n                            {type === 'timestamp' && !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                {condition === '=' || condition === '<' || condition === '>' ? (\n                                  <Form.Item {...restField} name={[name, 'rdate']} noStyle>\n                                    <Select\n                                      showSearch\n                                      optionFilterProp=\"label\"\n                                      style={{ width: '150px' }}\n                                      options={condition === '=' ? rdateOptions : rdateOptions2}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n\n                                {rdate == 'exactdate' ? (\n                                  <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                    <DatePicker style={{ width: '150px' }} />\n                                  </Form.Item>\n                                ) : null}\n\n                                {condition === 'contain' ? (\n                                  <Form.Item {...restField} name={[name, 'val2']} noStyle>\n                                    <DatePicker\n                                      style={{\n                                        width: '150px',\n                                        marginLeft: '5px',\n                                      }}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n                              </>\n                            ) : null}\n                            {['string'].includes(type) &&\n                            !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  <Input\n                                    style={{ width: '150px' }}\n                                    placeholder={t('pleaseEnter')}\n                                  />\n                                </Form.Item>\n                                {condition === 'contain' ? (\n                                  <Form.Item {...restField} name={[name, 'val2']} noStyle>\n                                    <Input\n                                      style={{\n                                        width: '150px',\n                                        marginLeft: '5px',\n                                      }}\n                                      placeholder={t('pleaseEnter')}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n                              </>\n                            ) : null}\n                            {['bool'].includes(type) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  <Switch />\n                                </Form.Item>\n                              </>\n                            ) : null}\n                            {['enum'].includes(type) && !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  {enumOptions && enumOptions?.length > 0 ? (\n                                    <Select\n                                      showSearch\n                                      optionFilterProp=\"label\"\n                                      style={{ width: '150px' }}\n                                      options={enumOptions}\n                                    />\n                                  ) : enumUrl ? (\n                                    <DebounceSelect\n                                      style={{ width: '150px' }}\n                                      fetchOptions={async value => {\n                                        let dfUrl = enumUrl\n                                        if (value) {\n                                          dfUrl = `${dfUrl}?q=${value}`\n                                        }\n                                        return (await enumDataApi?.(dfUrl)?.then(\n                                          (res: any) => res.data?.list\n                                        )) as any\n                                      }}\n                                    />\n                                  ) : null}\n                                </Form.Item>\n                              </>\n                            ) : null}\n                          </>\n                        )\n                      }}\n                    </Form.Item>\n                    <MinusCircleOutlined onClick={() => remove(name)} />\n                  </Space>\n                ))}\n                <Form.Item>\n                  <Button\n                    type=\"dashed\"\n                    onClick={() => {\n                      const type = fieldOptions?.[0].value\n                      add(\n                        type !== 'timestamp'\n                          ? {\n                              field: fieldOptions?.[0].value,\n                              condition: '=',\n                              type: fieldOptions?.[0].type,\n                              val: '',\n                              val2: '',\n                            }\n                          : {\n                              field: fieldOptions?.[0].value,\n                              condition: '=',\n                              type: fieldOptions?.[0].type,\n                              exactdate: 'exactdate',\n                              val: '',\n                              val2: '',\n                            }\n                      )\n                    }}\n                    block\n                    icon={<PlusOutlined />}\n                  >\n                    {t('addCondition')}\n                  </Button>\n                </Form.Item>\n              </>\n            )}\n          </Form.List>\n        </Form>\n      </Modal>\n    </>\n  )\n}\nexport default ConditionModal\n"],"names":["_a","value"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/dashboard-workbench/components/add-module-modal/components/condition-modal/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useCallback, useEffect, useRef } from 'react'\nimport {\n  Button,\n  DatePicker,\n  Flex,\n  Form,\n  Input,\n  InputNumber,\n  Modal,\n  Select,\n  Space,\n  Switch,\n} from 'antd'\nimport { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons'\nimport { useTranslation } from 'react-i18next'\nimport dayjs from 'dayjs'\nimport { useAppContext } from '../../../../context'\nimport { EnumDataApi, FieldItem } from '../../../../types'\nimport { useConditionSymbolOptions, useConditionTypeOptions } from './config'\nimport DebounceSelect from './debounce-select'\nimport { ConditionBlock } from './interface'\n\ninterface ConditionModalProps {\n  open?: boolean\n  fieldOptions?: FieldItem[]\n  onSubmit?: ((values: any) => void) | undefined\n  onClose?: () => void\n  onOk?: ((values: any) => void) | undefined\n  enumDataApi?: EnumDataApi\n  value?: ConditionBlock\n}\n\nconst ConditionModal: React.FC<ConditionModalProps> = ({\n  open,\n  onClose,\n  onOk,\n  fieldOptions,\n  value,\n  enumDataApi,\n}) => {\n  const [form] = Form.useForm()\n  const { t } = useTranslation()\n  const { globalData } = useAppContext()\n\n  const conditionTypeOptions = useConditionTypeOptions()\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 initData = useCallback(() => {\n    if (value?.conditionList) {\n      const conditionList = JSON.parse(JSON.stringify(value?.conditionList))\n      form.setFieldsValue({\n        conditionList: conditionList.map((item: any) => {\n          if (item.type === 'timestamp') {\n            if (item.val) {\n              item.val = dayjs(new Date(item.val))\n            }\n            if (item.val2) {\n              item.val2 = dayjs(new Date(item.val2))\n            }\n          }\n          if (item.val === undefined || item.val === '') {\n            item.val = ''\n          }\n          if (item.val2 === undefined || item.val2 === '') {\n            item.val2 = ''\n          }\n          return item\n        }),\n        conditionType: value.conditionType,\n      })\n    } else {\n      form.setFieldsValue({\n        conditionList: [],\n        conditionType: 'all',\n      })\n    }\n  }, [value])\n\n  useEffect(() => {\n    if (open) {\n      initData()\n    }\n  }, [value, open])\n  return (\n    <>\n      <Modal\n        title={t('setFilteringCriteria')}\n        open={open}\n        destroyOnClose\n        width=\"650px\"\n        onOk={() => {\n          const val = form.getFieldsValue()\n          const conditionList = val.conditionList\n            ? JSON.parse(JSON.stringify(val.conditionList))\n            : ''\n          const conditionType = val.conditionType || 'all'\n          const newVal = {\n            conditionList: conditionList.map((item: any) => {\n              if (item.type === 'timestamp') {\n                if (item.val) {\n                  item.val = dayjs(item.val).format('YYYY-MM-DD')\n                }\n                if (item.val2) {\n                  item.val2 = item.val2 ? dayjs(item.val2).format('YYYY-MM-DD') : ''\n                }\n              }\n              return item\n            }),\n            conditionType,\n          }\n          onClose?.()\n          onOk?.(newVal)\n        }}\n        onCancel={() => {\n          initData()\n          onClose?.()\n        }}\n      >\n        <Form\n          name=\"dynamicForm\"\n          form={form}\n          initialValues={{ conditionType: 'all' }}\n          style={{ maxWidth: 650, marginTop: '30px' }}\n        >\n          <Form.Item noStyle dependencies={['conditionList']}>\n            {({ getFieldValue }) =>\n              getFieldValue('conditionList')?.length > 1 ? (\n                <Flex align=\"center\" gap={5} style={{ marginBottom: '20px' }}>\n                  {t('conformTo')}\n                  <Form.Item name=\"conditionType\" noStyle>\n                    <Select style={{ width: '150px' }} options={conditionTypeOptions} />\n                  </Form.Item>{' '}\n                  {t('condition')}\n                </Flex>\n              ) : null\n            }\n          </Form.Item>\n\n          <Form.List name=\"conditionList\">\n            {(fields, { add, remove }) => (\n              <>\n                {fields.map(({ key, name, ...restField }) => (\n                  <Space key={key} style={{ display: 'flex', marginBottom: 8 }} align=\"baseline\">\n                    <Form.Item {...restField} name={[name, 'field']} noStyle>\n                      <Select\n                        style={{ width: '150px' }}\n                        options={fieldOptions || []}\n                        onChange={val => {\n                          const values = form.getFieldValue('conditionList')\n                          const currField = fieldOptions?.find(item => item.value === val)\n                          values[name].condition = '='\n                          values[name].type = currField?.type\n                          values[name].val = ''\n                          values[name].val2 = ''\n                          if (currField?.type === 'timestamp') {\n                            values[name].rdate = 'exactdate'\n                          }\n                          form.setFieldsValue({\n                            conditionList: values,\n                          })\n                        }}\n                      />\n                    </Form.Item>\n\n                    <Form.Item noStyle dependencies={[['conditionList', name, 'field']]}>\n                      {({ getFieldValue }) => {\n                        const type = fieldOptions?.find(\n                          item => item.value === getFieldValue(['conditionList', name, 'field'])\n                        )?.type\n                        return (\n                          <>\n                            <Form.Item {...restField} name={[name, 'condition']} noStyle>\n                              <Select\n                                style={{ width: '100px' }}\n                                options={\n                                  type\n                                    ? conditionOptions[type as keyof typeof conditionOptions]\n                                    : []\n                                }\n                                onChange={() => {\n                                  const values = form.getFieldValue('conditionList')\n                                  if (type === 'timestamp') {\n                                    values[name].rdate = 'exactdate'\n                                  }\n                                  form.setFieldsValue({\n                                    conditionList: values,\n                                  })\n                                }}\n                              />\n                            </Form.Item>\n                          </>\n                        )\n                      }}\n                    </Form.Item>\n\n                    <Form.Item\n                      noStyle\n                      dependencies={[\n                        ['conditionList', name, 'field'],\n                        ['conditionList', name, 'condition'],\n                        ['conditionList', name, 'rdate'],\n                      ]}\n                    >\n                      {({ getFieldValue }) => {\n                        const field = getFieldValue(['conditionList', name, 'field'])\n                        const fieldData = fieldOptions?.find(item => item.value === field)\n                        const type = fieldData?.type || ''\n                        const enumOptions = fieldData?.enum?.map(item => ({\n                          ...item,\n                          label: globalData?.fieldMap?.[item.label] || item.label,\n                        }))\n                        const enumUrl = fieldData?.dynamic_call_enum_api\n                        const condition = getFieldValue(['conditionList', name, 'condition'])\n                        const rdate = getFieldValue(['conditionList', name, 'rdate'])\n                        return (\n                          <>\n                            {['int', 'float'].includes(type) &&\n                            !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  <InputNumber\n                                    style={{ width: '100px' }}\n                                    placeholder={t('pleaseEnter')}\n                                  />\n                                </Form.Item>\n                                {condition === 'contain' ? (\n                                  <Form.Item {...restField} name={[name, 'val2']} noStyle>\n                                    <InputNumber\n                                      style={{\n                                        width: '100px',\n                                        marginLeft: '5px',\n                                      }}\n                                      placeholder={t('pleaseEnter')}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n                              </>\n                            ) : null}\n                            {type === 'timestamp' && !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                {condition === '=' || condition === '<' || condition === '>' ? (\n                                  <Form.Item {...restField} name={[name, 'rdate']} noStyle>\n                                    <Select\n                                      showSearch\n                                      optionFilterProp=\"label\"\n                                      style={{ width: '150px' }}\n                                      options={condition === '=' ? rdateOptions : rdateOptions2}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n\n                                {rdate == 'exactdate' ? (\n                                  <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                    <DatePicker style={{ width: '150px' }} />\n                                  </Form.Item>\n                                ) : null}\n\n                                {condition === 'contain' ? (\n                                  <Form.Item {...restField} name={[name, 'val2']} noStyle>\n                                    <DatePicker\n                                      style={{\n                                        width: '150px',\n                                        marginLeft: '5px',\n                                      }}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n                              </>\n                            ) : null}\n                            {['string'].includes(type) &&\n                            !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  <Input\n                                    style={{ width: '150px' }}\n                                    placeholder={t('pleaseEnter')}\n                                  />\n                                </Form.Item>\n                                {condition === 'contain' ? (\n                                  <Form.Item {...restField} name={[name, 'val2']} noStyle>\n                                    <Input\n                                      style={{\n                                        width: '150px',\n                                        marginLeft: '5px',\n                                      }}\n                                      placeholder={t('pleaseEnter')}\n                                    />\n                                  </Form.Item>\n                                ) : null}\n                              </>\n                            ) : null}\n                            {['bool'].includes(type) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  <Switch />\n                                </Form.Item>\n                              </>\n                            ) : null}\n                            {['enum'].includes(type) && !['null', 'notnull'].includes(condition) ? (\n                              <>\n                                <Form.Item {...restField} name={[name, 'val']} noStyle>\n                                  {enumOptions && enumOptions?.length > 0 ? (\n                                    <Select\n                                      showSearch\n                                      optionFilterProp=\"label\"\n                                      style={{ width: '150px' }}\n                                      options={enumOptions}\n                                    />\n                                  ) : enumUrl ? (\n                                    <DebounceSelect\n                                      style={{ width: '150px' }}\n                                      fetchOptions={async value => {\n                                        let dfUrl = enumUrl\n                                        if (value) {\n                                          dfUrl = `${dfUrl}?q=${value}`\n                                        }\n                                        return (await enumDataApi?.(dfUrl)?.then(\n                                          (res: any) => res.data?.list\n                                        )) as any\n                                      }}\n                                    />\n                                  ) : null}\n                                </Form.Item>\n                              </>\n                            ) : null}\n                          </>\n                        )\n                      }}\n                    </Form.Item>\n                    <MinusCircleOutlined onClick={() => remove(name)} />\n                  </Space>\n                ))}\n                <Form.Item>\n                  <Button\n                    type=\"dashed\"\n                    onClick={() => {\n                      const type = fieldOptions?.[0].value\n                      add(\n                        type !== 'timestamp'\n                          ? {\n                              field: fieldOptions?.[0].value,\n                              condition: '=',\n                              type: fieldOptions?.[0].type,\n                              val: '',\n                              val2: '',\n                            }\n                          : {\n                              field: fieldOptions?.[0].value,\n                              condition: '=',\n                              type: fieldOptions?.[0].type,\n                              exactdate: 'exactdate',\n                              val: '',\n                              val2: '',\n                            }\n                      )\n                    }}\n                    block\n                    icon={<PlusOutlined />}\n                  >\n                    {t('addCondition')}\n                  </Button>\n                </Form.Item>\n              </>\n            )}\n          </Form.List>\n        </Form>\n      </Modal>\n    </>\n  )\n}\nexport default ConditionModal\n"],"names":["_a","value"],"mappings":"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"}

package/es/dashboard-workbench/components/add-module-modal/components/condition-modal/interface.d.ts

@@ -0,0 +1,14 @@
+import { Dayjs } from 'dayjs';
+import { FieldItem } from '../../../../types';
+export interface ConditionListItem {
+    field: string;
+    condition: string;
+    type: FieldItem['type'];
+    val: number | Dayjs | string | boolean;
+    val2?: number | Dayjs | string;
+    rdate?: string;
+}
+export interface ConditionBlock {
+    conditionList: ConditionListItem[];
+    conditionType: 'all' | 'any';
+}

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ConditionListItemWrapper } from './interface';
+export interface ConditionRowItemProps {
+    value?: ConditionListItemWrapper;
+    onChange?: (value: ConditionListItemWrapper) => void;
+    onDelete?: () => void;
+}
+export declare const ConditionRowItem: React.FC<ConditionRowItemProps>;
+export default ConditionRowItem;

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

@@ -0,0 +1,90 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { MinusCircleOutlined } from "@ant-design/icons";
+import { useControllableValue, useMemoizedFn } from "ahooks";
+import { omit } from "lodash-es";
+import { ConditionSymbolAndValuePicker } from "./ConditionSymbolAndValuePicker.js";
+import { FieldPicker } from "./FieldPicker.js";
+import { useContext } from "./useContext.js";
+import { getMergeId } from "./util.js";
+const ConditionRowItem = (props) => {
+  const [value, onChange] = useControllableValue(props);
+  const fieldPickerValue = useMemo(() => {
+    let fieldPickerValue2 = !!(value == null ? void 0 : value.field) ? {
+      dataSourceId: value == null ? void 0 : value.dataSourceId,
+      field: value == null ? void 0 : value.field
+    } : void 0;
+    return fieldPickerValue2;
+  }, [value == null ? void 0 : value.field, value == null ? void 0 : value.dataSourceId]);
+  const handleFieldePickerChange = (v) => {
+    var _a;
+    const initialValues = {
+      condition: "=",
+      val: "",
+      val2: "",
+      rdate: "exactdate"
+    };
+    if (v) {
+      let selectField = flattenFieldMap == null ? void 0 : flattenFieldMap.get(getMergeId(v.dataSourceId, v.field));
+      onChange({
+        ...initialValues,
+        dataSourceId: v.dataSourceId,
+        field: v.field,
+        type: (_a = selectField == null ? void 0 : selectField.field) == null ? void 0 : _a.type
+      });
+    } else {
+      onChange({
+        ...initialValues,
+        dataSourceId: void 0,
+        field: void 0,
+        type: void 0
+      });
+    }
+  };
+  const { flattenFieldMap } = useContext();
+  const flattenFieldMapItem = flattenFieldMap == null ? void 0 : flattenFieldMap.get(getMergeId(value == null ? void 0 : value.dataSourceId, value == null ? void 0 : value.field));
+  const conditionSymbolAndValuePickerValue = omit(value, ["field"]);
+  const handleConditionSymbolAndValuePickerValue = useMemoizedFn(
+    (v) => {
+      return onChange({
+        ...value,
+        ...v
+      });
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: "10px"
+      },
+      children: [
+        /* @__PURE__ */ jsx(FieldPicker, { value: fieldPickerValue, onChange: handleFieldePickerChange }),
+        /* @__PURE__ */ jsx(
+          ConditionSymbolAndValuePicker,
+          {
+            value: conditionSymbolAndValuePickerValue,
+            onChange: handleConditionSymbolAndValuePickerValue,
+            field: flattenFieldMapItem == null ? void 0 : flattenFieldMapItem.field
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          MinusCircleOutlined,
+          {
+            style: {
+              cursor: "pointer"
+            },
+            onClick: props.onDelete
+          }
+        )
+      ]
+    }
+  );
+};
+ConditionRowItem.displayName = "ConditionRowItem";
+export {
+  ConditionRowItem,
+  ConditionRowItem as default
+};
+//# sourceMappingURL=ConditionRowItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionRowItem.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/ConditionRowItem.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { MinusCircleOutlined } from '@ant-design/icons'\nimport { useControllableValue, useMemoizedFn } from 'ahooks'\nimport { omit } from 'lodash-es'\nimport ConditionSymbolAndValuePicker from './ConditionSymbolAndValuePicker'\nimport { FieldPicker, FiledPickerValue } from './FieldPicker'\nimport { ConditionListItemWrapper } from './interface'\nimport { useContext } from './useContext'\nimport { getMergeId } from './util'\n\nconst componentName = 'ConditionRowItem'\n\nexport interface ConditionRowItemProps {\n  value?: ConditionListItemWrapper\n  onChange?: (value: ConditionListItemWrapper) => void\n\n  onDelete?: () => void\n}\n\nexport const ConditionRowItem: React.FC<ConditionRowItemProps> = props => {\n  const [value, onChange] = useControllableValue<ConditionListItemWrapper>(props)\n\n  /* ============================== split =============================== */\n  const fieldPickerValue = useMemo(() => {\n    let fieldPickerValue = !!value?.field\n      ? {\n          dataSourceId: value?.dataSourceId!,\n          field: value?.field!,\n        }\n      : undefined\n\n    return fieldPickerValue\n  }, [value?.field, value?.dataSourceId])\n\n  const handleFieldePickerChange = (v: FiledPickerValue) => {\n    // 切换了数据源，清空字段\n    const initialValues: Omit<ConditionListItemWrapper, 'field'> = {\n      condition: '=',\n      val: '',\n      val2: '',\n      rdate: 'exactdate',\n    }\n    if (v) {\n      let selectField = flattenFieldMap?.get(getMergeId(v.dataSourceId, v.field))\n      onChange({\n        ...initialValues,\n        dataSourceId: v.dataSourceId!,\n        field: v.field!,\n        type: selectField?.field?.type!,\n      } as Partial<ConditionListItemWrapper>)\n    } else {\n      onChange({\n        ...initialValues,\n        dataSourceId: undefined,\n        field: undefined,\n        type: undefined,\n      })\n    }\n  }\n\n  /* ============================== split =============================== */\n  const { flattenFieldMap } = useContext()\n  const flattenFieldMapItem = flattenFieldMap?.get(getMergeId(value?.dataSourceId!, value?.field!))\n  const conditionSymbolAndValuePickerValue = omit(value, ['field'])\n  const handleConditionSymbolAndValuePickerValue = useMemoizedFn(\n    (v: Omit<ConditionListItemWrapper, 'field'>) => {\n      return onChange({\n        ...value,\n        ...v,\n      })\n    }\n  )\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        gap: '10px',\n      }}\n    >\n      <FieldPicker value={fieldPickerValue} onChange={handleFieldePickerChange} />\n      <ConditionSymbolAndValuePicker\n        value={conditionSymbolAndValuePickerValue}\n        onChange={handleConditionSymbolAndValuePickerValue}\n        field={flattenFieldMapItem?.field}\n      />\n      <MinusCircleOutlined\n        style={{\n          cursor: 'pointer',\n        }}\n        onClick={props.onDelete}\n      />\n    </div>\n  )\n}\n\nConditionRowItem.displayName = 'ConditionRowItem'\n\nexport default ConditionRowItem\n"],"names":["fieldPickerValue"],"mappings":";;;;;;;;;AAmBO,MAAM,mBAAoD,CAAS,UAAA;AACxE,QAAM,CAAC,OAAO,QAAQ,IAAI,qBAA+C,KAAK;AAGxE,QAAA,mBAAmB,QAAQ,MAAM;AACrC,QAAIA,oBAAmB,CAAC,EAAC,+BAAO,SAC5B;AAAA,MACE,cAAc,+BAAO;AAAA,MACrB,OAAO,+BAAO;AAAA,IAEhB,IAAA;AAEGA,WAAAA;AAAAA,KACN,CAAC,+BAAO,OAAO,+BAAO,YAAY,CAAC;AAEhC,QAAA,2BAA2B,CAAC,MAAwB;;AAExD,UAAM,gBAAyD;AAAA,MAC7D,WAAW;AAAA,MACX,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AACA,QAAI,GAAG;AACD,UAAA,cAAc,mDAAiB,IAAI,WAAW,EAAE,cAAc,EAAE,KAAK;AAChE,eAAA;AAAA,QACP,GAAG;AAAA,QACH,cAAc,EAAE;AAAA,QAChB,OAAO,EAAE;AAAA,QACT,OAAM,gDAAa,UAAb,mBAAoB;AAAA,MAAA,CACU;AAAA,IAAA,OACjC;AACI,eAAA;AAAA,QACP,GAAG;AAAA,QACH,cAAc;AAAA,QACd,OAAO;AAAA,QACP,MAAM;AAAA,MAAA,CACP;AAAA,IAAA;AAAA,EAEL;AAGM,QAAA,EAAE,gBAAgB,IAAI,WAAW;AACjC,QAAA,sBAAsB,mDAAiB,IAAI,WAAW,+BAAO,cAAe,+BAAO,KAAM;AAC/F,QAAM,qCAAqC,KAAK,OAAO,CAAC,OAAO,CAAC;AAChE,QAAM,2CAA2C;AAAA,IAC/C,CAAC,MAA+C;AAC9C,aAAO,SAAS;AAAA,QACd,GAAG;AAAA,QACH,GAAG;AAAA,MAAA,CACJ;AAAA,IAAA;AAAA,EAEL;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,KAAK;AAAA,MACP;AAAA,MAEA,UAAA;AAAA,QAAA,oBAAC,aAAY,EAAA,OAAO,kBAAkB,UAAU,0BAA0B;AAAA,QAC1E;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,OAAO,2DAAqB;AAAA,UAAA;AAAA,QAC9B;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,QAAQ;AAAA,YACV;AAAA,YACA,SAAS,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EACF;AAEJ;AAEA,iBAAiB,cAAc;"}

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

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+import { FieldItem } from '../../types';
+import { ConditionListItemWrapper } from './interface';
+export type ConditionSymbolAndValuePickerProps = {
+    style?: CSSProperties;
+    className?: string;
+    field?: FieldItem;
+    value?: Omit<ConditionListItemWrapper, 'field'>;
+    onChange: (value: Omit<ConditionListItemWrapper, 'field'>) => void;
+};
+export declare const ConditionSymbolAndValuePicker: {
+    (props: ConditionSymbolAndValuePickerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ConditionSymbolAndValuePicker;

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

@@ -0,0 +1,218 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Select, Input, InputNumber, DatePicker, Switch } from "antd";
+import { useTranslation } from "react-i18next";
+import { useControllableValue, useMemoizedFn } from "ahooks";
+import dayjs from "dayjs";
+import { useAppContext } from "../../context.js";
+import { useConditionSymbolOptions } from "../add-module-modal/components/condition-modal/config.js";
+import DebounceSelect from "../add-module-modal/components/condition-modal/debounce-select.js";
+const ConditionSymbolAndValuePicker = (props) => {
+  var _a, _b, _c, _d;
+  const { style, className, field } = props;
+  const fieldType = field == null ? void 0 : field.type;
+  const { t } = useTranslation();
+  const { timeOptions, boolOptions, intOptions, stringOptions, rdateOptions, rdateOptions2 } = useConditionSymbolOptions();
+  const conditionOptions = {
+    int: intOptions,
+    timestamp: timeOptions,
+    string: stringOptions,
+    bool: boolOptions,
+    float: intOptions,
+    enum: stringOptions
+  };
+  const [value, setValue] = useControllableValue(props);
+  let symbolOptions = conditionOptions[fieldType] ?? [];
+  let symbolDisabled = !(props == null ? void 0 : props.field);
+  let symbolValue = value == null ? void 0 : value.condition;
+  let symbolOnChange = (v) => {
+    setValue({ ...value, condition: v });
+  };
+  const val = value == null ? void 0 : value.val;
+  const val2 = value == null ? void 0 : value.val2;
+  const rdate = value == null ? void 0 : value.rdate;
+  const enumDataApi = (_b = (_a = useAppContext()) == null ? void 0 : _a.service) == null ? void 0 : _b.enumDataApi;
+  const fieldMap = (_d = (_c = useAppContext()) == null ? void 0 : _c.globalData) == null ? void 0 : _d.fieldMap;
+  const { options: enumOptions, enumUrl } = useMemo(() => {
+    var _a2;
+    let options = [];
+    let enumUrl2 = void 0;
+    if ((field == null ? void 0 : field.type) === "enum") {
+      options = ((_a2 = field == null ? void 0 : field.enum) == null ? void 0 : _a2.map((item) => ({
+        label: (fieldMap == null ? void 0 : fieldMap[item.label]) ?? item.label,
+        value: item.value
+      }))) ?? [];
+      enumUrl2 = field == null ? void 0 : field.dynamic_call_enum_api;
+    }
+    return {
+      options,
+      enumUrl: enumUrl2
+    };
+  }, [field, fieldMap]);
+  const handleConditionValueChange = useMemoizedFn((key, v) => {
+    var _a2;
+    let _v = ((_a2 = v == null ? void 0 : v.target) == null ? void 0 : _a2.value) ?? v;
+    setValue({ ...value, [key]: _v });
+  });
+  const getVaildValue = (v, type, defaultValue) => {
+    let ret = defaultValue;
+    switch (type) {
+      case "number":
+        return typeof v === "number" ? v : ret;
+      case "dayjs":
+        return v instanceof dayjs ? v : ret;
+      case "boolean":
+        return typeof v === "boolean" ? v : ret;
+      case "string":
+        return typeof v === "string" ? v : ret;
+      default:
+        return v;
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        style: { width: "100px" },
+        disabled: symbolDisabled,
+        options: symbolOptions,
+        value: symbolValue,
+        onChange: symbolOnChange
+      }
+    ),
+    !fieldType && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Input, { style: { width: "100px" }, disabled: true }) }),
+    !!fieldType && /* @__PURE__ */ jsxs(Fragment, { children: [
+      ["int", "float"].includes(fieldType) && !["null", "notnull"].includes(symbolValue) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          InputNumber,
+          {
+            style: { width: "100px" },
+            placeholder: t("pleaseEnter"),
+            value: getVaildValue(val),
+            onChange: (v) => {
+              handleConditionValueChange("val", v);
+            }
+          }
+        ),
+        symbolValue === "contain" ? /* @__PURE__ */ jsx(
+          InputNumber,
+          {
+            style: { width: "100px", marginLeft: "5px" },
+            placeholder: t("pleaseEnter"),
+            value: getVaildValue(val2),
+            onChange: (v) => {
+              handleConditionValueChange("val2", v);
+            }
+          }
+        ) : null
+      ] }) : null,
+      fieldType === "timestamp" && !["null", "notnull"].includes(symbolValue) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        symbolValue === "=" || symbolValue === "<" || symbolValue === ">" ? /* @__PURE__ */ jsx(
+          Select,
+          {
+            showSearch: true,
+            optionFilterProp: "label",
+            style: { width: "150px" },
+            options: symbolValue === "=" ? rdateOptions : rdateOptions2,
+            value: getVaildValue(rdate),
+            onChange: (v) => {
+              handleConditionValueChange("rdate", v);
+            }
+          }
+        ) : null,
+        rdate === "exactdate" ? /* @__PURE__ */ jsx(
+          DatePicker,
+          {
+            style: { width: "150px" },
+            value: getVaildValue(val, "dayjs"),
+            onChange: (v) => {
+              handleConditionValueChange("val", v);
+            }
+          }
+        ) : null,
+        symbolValue === "contain" ? /* @__PURE__ */ jsx(
+          DatePicker,
+          {
+            style: { width: "150px", marginLeft: "5px" },
+            value: getVaildValue(val2, "dayjs"),
+            onChange: (v) => {
+              handleConditionValueChange("val2", v);
+            }
+          }
+        ) : null
+      ] }) : null,
+      ["string"].includes(fieldType) && !["null", "notnull"].includes(symbolValue) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            style: { width: "150px" },
+            placeholder: t("pleaseEnter"),
+            value: getVaildValue(val),
+            onChange: (v) => {
+              handleConditionValueChange("val", v);
+            }
+          }
+        ),
+        symbolValue === "contain" ? /* @__PURE__ */ jsx(
+          Input,
+          {
+            style: { width: "150px", marginLeft: "5px" },
+            placeholder: t("pleaseEnter"),
+            value: getVaildValue(val2, "dayjs"),
+            onChange: (v) => {
+              handleConditionValueChange("val2", v);
+            }
+          }
+        ) : null
+      ] }) : null,
+      ["bool"].includes(fieldType) ? /* @__PURE__ */ jsx(
+        Switch,
+        {
+          value: getVaildValue(val, "boolean"),
+          onChange: (v) => {
+            handleConditionValueChange("val", v);
+          }
+        }
+      ) : null,
+      ["enum"].includes(fieldType) && !["null", "notnull"].includes(symbolValue) ? /* @__PURE__ */ jsx(Fragment, { children: enumOptions && (enumOptions == null ? void 0 : enumOptions.length) > 0 ? /* @__PURE__ */ jsx(
+        Select,
+        {
+          showSearch: true,
+          optionFilterProp: "label",
+          style: { width: "150px" },
+          options: enumOptions,
+          value: getVaildValue(val),
+          onChange: (v) => {
+            handleConditionValueChange("val", v);
+          }
+        }
+      ) : enumUrl ? /* @__PURE__ */ jsx(
+        DebounceSelect,
+        {
+          style: { width: "150px" },
+          value: getVaildValue(val),
+          onChange: (v) => {
+            handleConditionValueChange("val", v);
+          },
+          fetchOptions: async (value2) => {
+            var _a2;
+            let dfUrl = enumUrl;
+            if (value2) {
+              dfUrl = `${dfUrl}?q=${value2}`;
+            }
+            return await ((_a2 = enumDataApi == null ? void 0 : enumDataApi(dfUrl)) == null ? void 0 : _a2.then((res) => {
+              var _a3;
+              return (_a3 = res.data) == null ? void 0 : _a3.list;
+            })) ?? [];
+          }
+        }
+      ) : null }) : null
+    ] })
+  ] });
+};
+ConditionSymbolAndValuePicker.displayName = "ConditionSymbolAndValuePicker";
+export {
+  ConditionSymbolAndValuePicker,
+  ConditionSymbolAndValuePicker as default
+};
+//# sourceMappingURL=ConditionSymbolAndValuePicker.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,13 @@
+export type FiledPickerValue = {
+    dataSourceId: string;
+    field: string;
+};
+export type FieldPickerDataSourceItem = {
+    key: string;
+    label: string;
+    children: FieldPickerDataSourceItem[];
+};
+export declare const FieldPicker: (props: {
+    value?: FiledPickerValue;
+    onChange?: (value: FiledPickerValue) => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,56 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Dropdown, Select } from "antd";
+import { useTranslation } from "react-i18next";
+import { useControllableValue, useMemoizedFn } from "ahooks";
+import { useContext } from "./useContext.js";
+import { getMergeId } from "./util.js";
+const FieldPicker = (props) => {
+  var _a, _b;
+  const { t } = useTranslation();
+  const { fieldPickerDataSource: dataSource, flattenFieldMap } = useContext();
+  const [value, onChange] = useControllableValue(props);
+  const handleClick = useMemoizedFn((props2) => {
+    const [mergeField, dataSourceId] = props2.keyPath;
+    let field = mergeField == null ? void 0 : mergeField.replace(`${dataSourceId}-`, "");
+    if (!!field) {
+      onChange({
+        dataSourceId,
+        field
+      });
+    }
+  });
+  const selectField = useMemo(() => {
+    {
+      let mergeField = getMergeId(value == null ? void 0 : value.dataSourceId, value == null ? void 0 : value.field);
+      let selectField2 = flattenFieldMap == null ? void 0 : flattenFieldMap.get(mergeField);
+      return selectField2;
+    }
+  }, [value, flattenFieldMap]);
+  return /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      trigger: ["click"],
+      menu: {
+        selectable: true,
+        selectedKeys: selectField ? [(_a = selectField == null ? void 0 : selectField.source) == null ? void 0 : _a.value, selectField == null ? void 0 : selectField.mergeId] : [],
+        items: dataSource,
+        onClick: handleClick
+        // getPopupContainer:(node)=>(node.parentNode??document.body) as HTMLElement
+      },
+      children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          open: false,
+          placeholder: t("selectGroupField"),
+          style: { width: 200 },
+          value: ((_b = selectField == null ? void 0 : selectField.field) == null ? void 0 : _b.label) ?? void 0
+        }
+      )
+    }
+  );
+};
+export {
+  FieldPicker
+};
+//# sourceMappingURL=FieldPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldPicker.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/FieldPicker.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react'\nimport { Button, Dropdown, MenuProps, Popover, Select } from 'antd'\nimport { ItemType, MenuItemGroupType, MenuItemType, SubMenuType } from 'antd/es/menu/interface'\nimport { useTranslation } from 'react-i18next'\nimport { useControllableValue, useMemoizedFn } from 'ahooks'\nimport { useContext } from './useContext'\nimport { getMergeId } from './util'\n\nexport type FiledPickerValue = {\n  dataSourceId: string\n  field: string\n}\n\nexport type FieldPickerDataSourceItem = {\n  key: string\n  label: string\n  children: FieldPickerDataSourceItem[]\n}\n\nexport const FieldPicker = (props: {\n  value?: FiledPickerValue\n  onChange?: (value: FiledPickerValue) => void\n}) => {\n  const { t } = useTranslation()\n  const { fieldPickerDataSource: dataSource, flattenFieldMap } = useContext()\n\n  const [value, onChange] = useControllableValue<FiledPickerValue>(props)\n\n  const handleClick: MenuProps['onClick'] = useMemoizedFn(props => {\n    const [mergeField, dataSourceId] = props.keyPath\n    let field = mergeField?.replace(`${dataSourceId}-`, '')\n\n    if (!!field) {\n      onChange({\n        dataSourceId: dataSourceId,\n        field: field,\n      })\n    }\n  })\n\n  const selectField = useMemo(() => {\n    {\n      let mergeField = getMergeId(value?.dataSourceId, value?.field)\n      let selectField = flattenFieldMap?.get(mergeField)\n      return selectField\n    }\n  }, [value, flattenFieldMap])\n\n  return (\n    <Dropdown\n      trigger={['click']}\n      menu={{\n        selectable: true,\n        selectedKeys: selectField ? [selectField?.source?.value, selectField?.mergeId] : [],\n        items: dataSource,\n        onClick: handleClick,\n        // getPopupContainer:(node)=>(node.parentNode??document.body) as HTMLElement\n      }}\n    >\n      <Select\n        open={false}\n        placeholder={t('selectGroupField')}\n        style={{ width: 200 }}\n        value={selectField?.field?.label ?? undefined}\n      />\n    </Dropdown>\n  )\n}\n"],"names":["props","selectField"],"mappings":";;;;;;;AAmBa,MAAA,cAAc,CAAC,UAGtB;;AACE,QAAA,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,uBAAuB,YAAY,gBAAA,IAAoB,WAAW;AAE1E,QAAM,CAAC,OAAO,QAAQ,IAAI,qBAAuC,KAAK;AAEhE,QAAA,cAAoC,cAAc,CAAAA,WAAS;AAC/D,UAAM,CAAC,YAAY,YAAY,IAAIA,OAAM;AACzC,QAAI,QAAQ,yCAAY,QAAQ,GAAG,YAAY,KAAK;AAEhD,QAAA,CAAC,CAAC,OAAO;AACF,eAAA;AAAA,QACP;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EACH,CACD;AAEK,QAAA,cAAc,QAAQ,MAAM;AAChC;AACE,UAAI,aAAa,WAAW,+BAAO,cAAc,+BAAO,KAAK;AACzDC,UAAAA,eAAc,mDAAiB,IAAI;AAChCA,aAAAA;AAAAA,IAAA;AAAA,EACT,GACC,CAAC,OAAO,eAAe,CAAC;AAGzB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,CAAC,OAAO;AAAA,MACjB,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,cAAc,cAAc,EAAC,gDAAa,WAAb,mBAAqB,OAAO,2CAAa,OAAO,IAAI,CAAC;AAAA,QAClF,OAAO;AAAA,QACP,SAAS;AAAA;AAAA,MAEX;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,aAAa,EAAE,kBAAkB;AAAA,UACjC,OAAO,EAAE,OAAO,IAAI;AAAA,UACpB,SAAO,gDAAa,UAAb,mBAAoB,UAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACtC;AAAA,EACF;AAEJ;"}

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ConditionBlockWrapper } from './interface';
+export interface GlobalFilterConditionProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const GlobalFilterCondition: React.FC<GlobalFilterConditionProps>;
+export default GlobalFilterCondition;
+export type PopoverContentProps = {
+    defaultValue?: ConditionBlockWrapper[];
+    onClose?: (isOk: boolean, data?: ConditionBlockWrapper[]) => void;
+};
+export declare const PopoverContent: (props: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;