@platox/pivot-table 0.0.93 → 0.0.95

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/es/dashboard-workbench/components/InputWrapper/index.js.map +1 -1
  2. package/es/dashboard-workbench/components/SelectWrapper/index.js.map +1 -1
  3. package/es/dashboard-workbench/components/add-module-btn/index.js.map +1 -1
  4. package/es/dashboard-workbench/components/add-module-modal/add-calendar-modal/custome-data.js.map +1 -1
  5. package/es/dashboard-workbench/components/add-module-modal/add-calendar-modal/index.js +20 -2
  6. package/es/dashboard-workbench/components/add-module-modal/add-calendar-modal/index.js.map +1 -1
  7. package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/components/CombinationChartOptionPicker.js +0 -1
  8. package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/components/CombinationChartOptionPicker.js.map +1 -1
  9. package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/components/GroupFieldConfigPicker.js.map +1 -1
  10. package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/config.js.map +1 -1
  11. package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-data.js.map +1 -1
  12. package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/custome-styles.js.map +1 -1
  13. package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/index.js +31 -2
  14. package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/index.js.map +1 -1
  15. package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/interface.js.map +1 -1
  16. package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-data.js.map +1 -1
  17. package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/custome-styles.js.map +1 -1
  18. package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/index.js +27 -2
  19. package/es/dashboard-workbench/components/add-module-modal/add-statistics-modal/index.js.map +1 -1
  20. package/es/dashboard-workbench/components/add-module-modal/components/condition-modal/EnumSelect.js +2 -2
  21. package/es/dashboard-workbench/components/add-module-modal/components/condition-modal/EnumSelect.js.map +1 -1
  22. package/es/dashboard-workbench/components/add-module-modal/components/condition-modal/config.js.map +1 -1
  23. package/es/dashboard-workbench/components/add-module-modal/components/condition-modal/index.js.map +1 -1
  24. package/es/dashboard-workbench/components/add-module-modal/components/select-color/index.js.map +1 -1
  25. package/es/dashboard-workbench/components/global-filter-condition/ConditionRowItem.js.map +1 -1
  26. package/es/dashboard-workbench/components/global-filter-condition/ConditionSymbolAndValuePicker.js +1 -1
  27. package/es/dashboard-workbench/components/global-filter-condition/ConditionSymbolAndValuePicker.js.map +1 -1
  28. package/es/dashboard-workbench/components/global-filter-condition/FieldPicker.js.map +1 -1
  29. package/es/dashboard-workbench/components/global-filter-condition/index.js +1 -2
  30. package/es/dashboard-workbench/components/global-filter-condition/index.js.map +1 -1
  31. package/es/dashboard-workbench/components/global-filter-condition/useContext.js.map +1 -1
  32. package/es/dashboard-workbench/components/global-filter-condition/util.js.map +1 -1
  33. package/es/dashboard-workbench/components/modal-editor-header/index.js.map +1 -1
  34. package/es/dashboard-workbench/components/modal-editor-header/index.module.less.js +3 -3
  35. package/es/dashboard-workbench/components/module-content/calendar-module/index.js.map +1 -1
  36. package/es/dashboard-workbench/components/module-content/calendar-module/locales/zh.js.map +1 -1
  37. package/es/dashboard-workbench/components/module-content/chart-module/Empty.js.map +1 -1
  38. package/es/dashboard-workbench/components/module-content/chart-module/base-chart/index.js +27 -1
  39. package/es/dashboard-workbench/components/module-content/chart-module/base-chart/index.js.map +1 -1
  40. package/es/dashboard-workbench/components/module-content/chart-module/index.js +90 -39
  41. package/es/dashboard-workbench/components/module-content/chart-module/index.js.map +1 -1
  42. package/es/dashboard-workbench/components/module-content/chart-module/utils.d.ts +1 -1
  43. package/es/dashboard-workbench/components/module-content/chart-module/utils.js +153 -35
  44. package/es/dashboard-workbench/components/module-content/chart-module/utils.js.map +1 -1
  45. package/es/dashboard-workbench/components/module-content/index.js.map +1 -1
  46. package/es/dashboard-workbench/components/module-content/statistics-module/index.js.map +1 -1
  47. package/es/dashboard-workbench/components/module-content/statistics-module/utils.js.map +1 -1
  48. package/es/dashboard-workbench/components/module-content/text-module/editor/index.js +1 -1
  49. package/es/dashboard-workbench/components/module-content/text-module/editor/index.js.map +1 -1
  50. package/es/dashboard-workbench/components/module-content/text-module/editor/useDebounce.js.map +1 -1
  51. package/es/dashboard-workbench/components/module-content/text-module/index.js.map +1 -1
  52. package/es/dashboard-workbench/components/module-content/utils.js.map +1 -1
  53. package/es/dashboard-workbench/components/module-header/index.js.map +1 -1
  54. package/es/dashboard-workbench/context.js.map +1 -1
  55. package/es/dashboard-workbench/icon/icon-Filter.js.map +1 -1
  56. package/es/dashboard-workbench/icon/icon-bar-percentage.js.map +1 -1
  57. package/es/dashboard-workbench/icon/icon-bar-pile.js.map +1 -1
  58. package/es/dashboard-workbench/icon/icon-bar.js.map +1 -1
  59. package/es/dashboard-workbench/icon/icon-calendar.js.map +1 -1
  60. package/es/dashboard-workbench/icon/icon-chart-combination.js.map +1 -1
  61. package/es/dashboard-workbench/icon/icon-drag.js.map +1 -1
  62. package/es/dashboard-workbench/icon/icon-editor.js.map +1 -1
  63. package/es/dashboard-workbench/icon/icon-empty.js.map +1 -1
  64. package/es/dashboard-workbench/icon/icon-line-smooth.js.map +1 -1
  65. package/es/dashboard-workbench/icon/icon-line.js.map +1 -1
  66. package/es/dashboard-workbench/icon/icon-move.js.map +1 -1
  67. package/es/dashboard-workbench/icon/icon-pie-circular.js.map +1 -1
  68. package/es/dashboard-workbench/icon/icon-pie.js.map +1 -1
  69. package/es/dashboard-workbench/icon/icon-statistics.js.map +1 -1
  70. package/es/dashboard-workbench/icon/icon-strip-bar-percentage.js.map +1 -1
  71. package/es/dashboard-workbench/icon/icon-strip-bar-pile.js.map +1 -1
  72. package/es/dashboard-workbench/icon/icon-strip-bar.js.map +1 -1
  73. package/es/dashboard-workbench/index.js +215 -43
  74. package/es/dashboard-workbench/index.js.map +1 -1
  75. package/es/dashboard-workbench/lang/en-US.d.ts +7 -0
  76. package/es/dashboard-workbench/lang/en-US.js +9 -2
  77. package/es/dashboard-workbench/lang/en-US.js.map +1 -1
  78. package/es/dashboard-workbench/lang/index.js.map +1 -1
  79. package/es/dashboard-workbench/lang/zh-CN.d.ts +7 -0
  80. package/es/dashboard-workbench/lang/zh-CN.js +9 -2
  81. package/es/dashboard-workbench/lang/zh-CN.js.map +1 -1
  82. package/es/dashboard-workbench/utils/index.js +2 -2
  83. package/es/dashboard-workbench/utils/index.js.map +1 -1
  84. package/es/style.css +1 -1
  85. package/package.json +2 -2
  86. package/umd/pivot-table.umd.cjs +49 -47
  87. package/umd/style.css +1 -1
@@ -29,7 +29,7 @@ const ConditionSymbolAndValuePicker = (props) => {
29
29
  let symbolDisabled = !(props == null ? void 0 : props.field) || fieldDisabled;
30
30
  let symbolValue = value == null ? void 0 : value.condition;
31
31
  let symbolOnChange = (v) => {
32
- ({ ...value, condition: v });
32
+ ({ ...value });
33
33
  setValue({ ...value, condition: v });
34
34
  };
35
35
  const val = value == null ? void 0 : value.val;
@@ -1 +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, DatePickerProps, Input, InputNumber, Select, SelectProps, 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 {\n DebounceEnumSelectWrapper,\n EnumSelectWrapper,\n} from '../add-module-modal/components/condition-modal/EnumSelect'\nimport InputWrapper from '../InputWrapper'\nimport { getSafeRegExp } from '../SelectWrapper'\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 const fieldDisabled = field?.disabled ?? false\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 || fieldDisabled\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 setValue({ ...value, [key]: _v })\n })\n\n const getVaildValue = <T,>(\n v: unknown,\n type?: 'string' | 'number' | 'dayjs' | 'boolean' | 'enum' | 'lazy_enum',\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 popupMatchSelectWidth={200}\n disabled={symbolDisabled}\n options={symbolOptions}\n value={symbolValue}\n onChange={symbolOnChange}\n />\n {!fieldType && (\n <>\n <InputWrapper style={{ width: '100px' }} disabled />\n </>\n )}\n\n {!!fieldType && (\n <>\n {['int', 'float'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n <>\n <InputNumber\n disabled={fieldDisabled}\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 disabled={fieldDisabled}\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 disabled={fieldDisabled}\n showSearch\n filterOption={(input, option) => {\n const reg = getSafeRegExp(input)\n return reg ? reg?.test(`${option?.label ?? ''}`) : false\n }}\n optionFilterProp=\"label\"\n style={{ width: '150px' }}\n dropdownStyle={{ width: 200 }}\n options={symbolValue === '=' ? rdateOptions : rdateOptions2}\n value={getVaildValue(rdate)}\n onChange={v => {\n handleConditionValueChange('rdate', v)\n }}\n />\n ) : null}\n\n {rdate == 'exactdate' && symbolValue !== 'contain' ? (\n <DatePickerWrapper\n disabled={fieldDisabled}\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 <RangePickerWrapper\n disabled={fieldDisabled}\n value={[getVaildValue(val, 'dayjs'), getVaildValue(val2, 'dayjs')]}\n onChange={v => {\n setValue({ ...value, val: v[0], val2: v[1] })\n // handleConditionValueChange('val', v?.[0])\n // handleConditionValueChange('val2', v?.[1])\n }}\n />\n ) : null}\n </>\n ) : null}\n\n {['string'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n <>\n <InputWrapper\n disabled={fieldDisabled}\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 <InputWrapper\n disabled={fieldDisabled}\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 disabled={fieldDisabled}\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 <EnumSelectWrapper\n disabled={fieldDisabled}\n showSearch\n filterOption={(input, option) => {\n const reg = getSafeRegExp(input)\n return reg ? reg?.test(`${option?.label ?? ''}`) : false\n }}\n optionFilterProp=\"label\"\n style={{ width: '200px' }}\n options={enumOptions as { label: string; value: string }[]}\n value={getVaildValue(val)}\n onChange={v => {\n handleConditionValueChange('val', v)\n }}\n {...(['include', 'notinclude'].includes(symbolValue)\n ? { mode: 'multiple', maxTagCount: 'responsive' }\n : {})}\n />\n ) : enumUrl ? (\n <DebounceEnumSelectWrapper<{ label: string; value: string }>\n // mode=\"multiple\"\n disabled={fieldDisabled}\n style={{ width: '200px' }}\n popupMatchSelectWidth={300}\n value={getVaildValue(val)}\n {...(['include', 'notinclude'].includes(symbolValue)\n ? { mode: 'multiple', maxTagCount: 'responsive' }\n : {})}\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\nexport const RangePickerWrapper = (\n props: {\n value?: [string, string]\n onChange?: (v: [string, string]) => void\n } & Omit<DatePickerProps, 'value' | 'onChange'>\n) => {\n const { value, onChange, ...others } = props\n\n const dayjsValue = useMemo(() => {\n let start = !!value?.[0] ? dayjs(value?.[0], format) : undefined\n let end = !!value?.[1] ? dayjs(value?.[1], format) : undefined\n return [start, end]\n }, [value?.[0] ?? '', value?.[1] ?? ''])\n\n return (\n <DatePicker.RangePicker\n {...(others as unknown as any)}\n value={dayjsValue}\n allowClear={false}\n onChange={(v: [Dayjs, Dayjs] | null) => {\n let start = v?.[0]?.format(format) ?? ''\n let end = v?.[1]?.format(format) ?? ''\n onChange?.([start, end])\n }}\n />\n )\n}\n"],"names":["enumUrl","_a","value"],"mappings":"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"}
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, DatePickerProps, Input, InputNumber, Select, SelectProps, 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 {\n DebounceEnumSelectWrapper,\n EnumSelectWrapper,\n} from '../add-module-modal/components/condition-modal/EnumSelect'\nimport InputWrapper from '../InputWrapper'\nimport { getSafeRegExp } from '../SelectWrapper'\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 const fieldDisabled = field?.disabled ?? false\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 || fieldDisabled\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 setValue({ ...value, [key]: _v })\n })\n\n const getVaildValue = <T,>(\n v: unknown,\n type?: 'string' | 'number' | 'dayjs' | 'boolean' | 'enum' | 'lazy_enum',\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 popupMatchSelectWidth={200}\n disabled={symbolDisabled}\n options={symbolOptions}\n value={symbolValue}\n onChange={symbolOnChange}\n />\n {!fieldType && (\n <>\n <InputWrapper style={{ width: '100px' }} disabled />\n </>\n )}\n\n {!!fieldType && (\n <>\n {['int', 'float'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n <>\n <InputNumber\n disabled={fieldDisabled}\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 disabled={fieldDisabled}\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 disabled={fieldDisabled}\n showSearch\n filterOption={(input, option) => {\n const reg = getSafeRegExp(input)\n return reg ? reg?.test(`${option?.label ?? ''}`) : false\n }}\n optionFilterProp=\"label\"\n style={{ width: '150px' }}\n dropdownStyle={{ width: 200 }}\n options={symbolValue === '=' ? rdateOptions : rdateOptions2}\n value={getVaildValue(rdate)}\n onChange={v => {\n handleConditionValueChange('rdate', v)\n }}\n />\n ) : null}\n\n {rdate == 'exactdate' && symbolValue !== 'contain' ? (\n <DatePickerWrapper\n disabled={fieldDisabled}\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 <RangePickerWrapper\n disabled={fieldDisabled}\n value={[getVaildValue(val, 'dayjs'), getVaildValue(val2, 'dayjs')]}\n onChange={v => {\n setValue({ ...value, val: v[0], val2: v[1] })\n // handleConditionValueChange('val', v?.[0])\n // handleConditionValueChange('val2', v?.[1])\n }}\n />\n ) : null}\n </>\n ) : null}\n\n {['string'].includes(fieldType) && !['null', 'notnull'].includes(symbolValue) ? (\n <>\n <InputWrapper\n disabled={fieldDisabled}\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 <InputWrapper\n disabled={fieldDisabled}\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 disabled={fieldDisabled}\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 <EnumSelectWrapper\n disabled={fieldDisabled}\n showSearch\n filterOption={(input, option) => {\n const reg = getSafeRegExp(input)\n return reg ? reg?.test(`${option?.label ?? ''}`) : false\n }}\n optionFilterProp=\"label\"\n style={{ width: '200px' }}\n options={enumOptions as { label: string; value: string }[]}\n value={getVaildValue(val)}\n onChange={v => {\n handleConditionValueChange('val', v)\n }}\n {...(['include', 'notinclude'].includes(symbolValue)\n ? { mode: 'multiple', maxTagCount: 'responsive' }\n : {})}\n />\n ) : enumUrl ? (\n <DebounceEnumSelectWrapper<{ label: string; value: string }>\n // mode=\"multiple\"\n disabled={fieldDisabled}\n style={{ width: '200px' }}\n popupMatchSelectWidth={300}\n value={getVaildValue(val)}\n {...(['include', 'notinclude'].includes(symbolValue)\n ? { mode: 'multiple', maxTagCount: 'responsive' }\n : {})}\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\nexport const RangePickerWrapper = (\n props: {\n value?: [string, string]\n onChange?: (v: [string, string]) => void\n } & Omit<DatePickerProps, 'value' | 'onChange'>\n) => {\n const { value, onChange, ...others } = props\n\n const dayjsValue = useMemo(() => {\n let start = !!value?.[0] ? dayjs(value?.[0], format) : undefined\n let end = !!value?.[1] ? dayjs(value?.[1], format) : undefined\n return [start, end]\n }, [value?.[0] ?? '', value?.[1] ?? ''])\n\n return (\n <DatePicker.RangePicker\n {...(others as unknown as any)}\n value={dayjsValue}\n allowClear={false}\n onChange={(v: [Dayjs, Dayjs] | null) => {\n let start = v?.[0]?.format(format) ?? ''\n let end = v?.[1]?.format(format) ?? ''\n onChange?.([start, end])\n }}\n />\n )\n}\n"],"names":["enumUrl","_a","value"],"mappings":"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"}
@@ -1 +1 @@
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 disabled: boolean\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":";;;;;;;AAoBa,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;"}
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 disabled: boolean\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":";;;;;;;AAoBO,MAAM,cAAc,CAAC,UAGtB;;AACJ,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM,EAAE,uBAAuB,YAAY,gBAAA,IAAoB,WAAA;AAE/D,QAAM,CAAC,OAAO,QAAQ,IAAI,qBAAuC,KAAK;AAEtE,QAAM,cAAoC,cAAc,CAAAA,WAAS;AAC/D,UAAM,CAAC,YAAY,YAAY,IAAIA,OAAM;AACzC,QAAI,QAAQ,yCAAY,QAAQ,GAAG,YAAY,KAAK;AAEpD,QAAI,CAAC,CAAC,OAAO;AACX,eAAS;AAAA,QACP;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,cAAc,QAAQ,MAAM;AAChC;AACE,UAAI,aAAa,WAAW,+BAAO,cAAc,+BAAO,KAAK;AAC7D,UAAIC,eAAc,mDAAiB,IAAI;AACvC,aAAOA;AAAAA,IACT;AAAA,EACF,GAAG,CAAC,OAAO,eAAe,CAAC;AAE3B,SACE;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,CAAA;AAAA,QACjF,OAAO;AAAA,QACP,SAAS;AAAA;AAAA,MAAA;AAAA,MAIX,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,aAAa,EAAE,kBAAkB;AAAA,UACjC,OAAO,EAAE,OAAO,IAAA;AAAA,UAChB,SAAO,gDAAa,UAAb,mBAAoB,UAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACtC;AAAA,EAAA;AAGN;"}
@@ -309,7 +309,6 @@ const PopoverContent = (props) => {
309
309
  };
310
310
  export {
311
311
  GlobalFilterCondition,
312
- PopoverContent,
313
- GlobalFilterCondition as default
312
+ PopoverContent
314
313
  };
315
314
  //# sourceMappingURL=index.js.map
@@ -1 +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, Popover, Select } from 'antd'\nimport { 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 IconFilter from '@platox/pivot-table/icon/icon-Filter'\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 disabled: v.disabled ?? false,\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 className={`!px-1 ${(globalFilterCondition?.length ?? 0) > 0 ? '!bg-primary/10' : ''}`}\n type=\"text\"\n icon={<IconFilter />}\n >\n {t('globalfilter')}\n {/* {t('common.filter')} */}\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 console.log('dataSourceName', dataSourceName)\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('condition')}\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","IconFilter","item"],"mappings":"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"}
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, Popover, Select } from 'antd'\nimport { 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 IconFilter from '@platox/pivot-table/icon/icon-Filter'\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 disabled: v.disabled ?? false,\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 className={`!px-1 ${(globalFilterCondition?.length ?? 0) > 0 ? '!bg-primary/10' : ''}`}\n type=\"text\"\n icon={<IconFilter />}\n >\n {t('globalfilter')}\n {/* {t('common.filter')} */}\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 console.log('dataSourceName', dataSourceName)\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('condition')}\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","IconFilter","item"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"useContext.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/useContext.tsx"],"sourcesContent":["import { useContext as _useContext, createContext } from 'react'\nimport { FieldItem, SourceDataItem } from '../../types'\nimport { FieldPickerDataSourceItem } from './FieldPicker'\n\nexport type ContextProps = {\n fieldPickerDataSource: FieldPickerDataSourceItem[]\n\n //方便后续查找\n flattenFieldMap: Map<\n string, //mergeId\n {\n field: FieldItem\n source: SourceDataItem\n mergeId: string\n }\n >\n}\n\nexport const Context = createContext<Partial<ContextProps>>({})\n\nexport const useContext = () => {\n return _useContext(Context)\n}\n"],"names":["_useContext"],"mappings":";AAkBa,MAAA,UAAU,cAAqC,CAAE,CAAA;AAEvD,MAAM,aAAa,MAAM;AAC9B,SAAOA,aAAY,OAAO;AAC5B;"}
1
+ {"version":3,"file":"useContext.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/useContext.tsx"],"sourcesContent":["import { useContext as _useContext, createContext } from 'react'\nimport { FieldItem, SourceDataItem } from '../../types'\nimport { FieldPickerDataSourceItem } from './FieldPicker'\n\nexport type ContextProps = {\n fieldPickerDataSource: FieldPickerDataSourceItem[]\n\n //方便后续查找\n flattenFieldMap: Map<\n string, //mergeId\n {\n field: FieldItem\n source: SourceDataItem\n mergeId: string\n }\n >\n}\n\nexport const Context = createContext<Partial<ContextProps>>({})\n\nexport const useContext = () => {\n return _useContext(Context)\n}\n"],"names":["_useContext"],"mappings":";AAkBO,MAAM,UAAU,cAAqC,CAAA,CAAE;AAEvD,MAAM,aAAa,MAAM;AAC9B,SAAOA,aAAY,OAAO;AAC5B;"}
@@ -1 +1 @@
1
- {"version":3,"file":"util.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/util.ts"],"sourcesContent":["export const getMergeId = (dataSourceId: string, field: string) => {\n return `${dataSourceId}-${field}`\n}\n"],"names":[],"mappings":"AAAa,MAAA,aAAa,CAAC,cAAsB,UAAkB;AAC1D,SAAA,GAAG,YAAY,IAAI,KAAK;AACjC;"}
1
+ {"version":3,"file":"util.js","sources":["../../../../packages/dashboard-workbench/components/global-filter-condition/util.ts"],"sourcesContent":["export const getMergeId = (dataSourceId: string, field: string) => {\n return `${dataSourceId}-${field}`\n}\n"],"names":[],"mappings":"AAAO,MAAM,aAAa,CAAC,cAAsB,UAAkB;AACjE,SAAO,GAAG,YAAY,IAAI,KAAK;AACjC;"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/modal-editor-header/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type CSSProperties } from 'react'\nimport clsx from 'clsx'\nimport { Button, Input, InputRef } from 'antd'\nimport { EditOutlined } from '@ant-design/icons'\nimport { useControllableValue } from 'ahooks'\nimport styles from './index.module.less'\n\nconst componentName = 'editor-header'\n\nexport type EditorHeaderProps = {\n style?: CSSProperties\n className?: string\n\n value?: string\n onChange?: (value: string) => void\n}\n\nexport const EditorHeader = (props: EditorHeaderProps) => {\n const { style, className } = props\n\n /* ============================== split =============================== */\n const [value, setValue] = useControllableValue(props)\n\n const inputRef = useRef<InputRef>(null)\n const [isEdit, setIsEdit] = useState<boolean>(false)\n useEffect(() => {\n if (isEdit) {\n setTimeout(() => {\n inputRef.current?.focus()\n }, 16)\n }\n }, [isEdit])\n\n return (\n <div className={clsx(styles[`${componentName}`], className)} style={style}>\n {isEdit ? (\n <Input\n className={clsx(styles[`${componentName}__input`])}\n ref={inputRef}\n value={value}\n onChange={e => {\n setValue(e.target.value.trim())\n }}\n onBlur={() => {\n setIsEdit(false)\n }}\n onKeyDown={e => {\n if (e.key == 'Enter') {\n setIsEdit(false)\n }\n }}\n />\n ) : (\n <>\n <span>{value}</span>\n <Button\n className={clsx(styles[`${componentName}__edit`])}\n onClick={() => setIsEdit(true)}\n type=\"text\"\n size=\"small\"\n >\n <EditOutlined />\n </Button>\n </>\n )}\n </div>\n )\n}\n\nEditorHeader.displayName = 'EditorHeader'\n\nexport default EditorHeader\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,gBAAgB;AAUT,MAAA,eAAe,CAAC,UAA6B;AAClD,QAAA,EAAE,OAAO,UAAA,IAAc;AAG7B,QAAM,CAAC,OAAO,QAAQ,IAAI,qBAAqB,KAAK;AAE9C,QAAA,WAAW,OAAiB,IAAI;AACtC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,KAAK;AACnD,YAAU,MAAM;AACd,QAAI,QAAQ;AACV,iBAAW,MAAM;;AACf,uBAAS,YAAT,mBAAkB;AAAA,SACjB,EAAE;AAAA,IAAA;AAAA,EACP,GACC,CAAC,MAAM,CAAC;AAEX,SACG,oBAAA,OAAA,EAAI,WAAW,KAAK,OAAO,GAAG,aAAa,EAAE,GAAG,SAAS,GAAG,OAC1D,UACC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC;AAAA,MACjD,KAAK;AAAA,MACL;AAAA,MACA,UAAU,CAAK,MAAA;AACb,iBAAS,EAAE,OAAO,MAAM,KAAA,CAAM;AAAA,MAChC;AAAA,MACA,QAAQ,MAAM;AACZ,kBAAU,KAAK;AAAA,MACjB;AAAA,MACA,WAAW,CAAK,MAAA;AACV,YAAA,EAAE,OAAO,SAAS;AACpB,oBAAU,KAAK;AAAA,QAAA;AAAA,MACjB;AAAA,IACF;AAAA,EAAA,IAIA,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,oBAAC,UAAM,UAAM,MAAA,CAAA;AAAA,IACb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,KAAK,OAAO,GAAG,aAAa,QAAQ,CAAC;AAAA,QAChD,SAAS,MAAM,UAAU,IAAI;AAAA,QAC7B,MAAK;AAAA,QACL,MAAK;AAAA,QAEL,8BAAC,cAAa,CAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,EAAA,CACF,EAEJ,CAAA;AAEJ;AAEA,aAAa,cAAc;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/modal-editor-header/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type CSSProperties } from 'react'\nimport clsx from 'clsx'\nimport { Button, Input, InputRef } from 'antd'\nimport { EditOutlined } from '@ant-design/icons'\nimport { useControllableValue } from 'ahooks'\nimport styles from './index.module.less'\n\nconst componentName = 'editor-header'\n\nexport type EditorHeaderProps = {\n style?: CSSProperties\n className?: string\n\n value?: string\n onChange?: (value: string) => void\n}\n\nexport const EditorHeader = (props: EditorHeaderProps) => {\n const { style, className } = props\n\n /* ============================== split =============================== */\n const [value, setValue] = useControllableValue(props)\n\n const inputRef = useRef<InputRef>(null)\n const [isEdit, setIsEdit] = useState<boolean>(false)\n useEffect(() => {\n if (isEdit) {\n setTimeout(() => {\n inputRef.current?.focus()\n }, 16)\n }\n }, [isEdit])\n\n return (\n <div className={clsx(styles[`${componentName}`], className)} style={style}>\n {isEdit ? (\n <Input\n className={clsx(styles[`${componentName}__input`])}\n ref={inputRef}\n value={value}\n onChange={e => {\n setValue(e.target.value.trim())\n }}\n onBlur={() => {\n setIsEdit(false)\n }}\n onKeyDown={e => {\n if (e.key == 'Enter') {\n setIsEdit(false)\n }\n }}\n />\n ) : (\n <>\n <span>{value}</span>\n <Button\n className={clsx(styles[`${componentName}__edit`])}\n onClick={() => setIsEdit(true)}\n type=\"text\"\n size=\"small\"\n >\n <EditOutlined />\n </Button>\n </>\n )}\n </div>\n )\n}\n\nEditorHeader.displayName = 'EditorHeader'\n\nexport default EditorHeader\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,gBAAgB;AAUf,MAAM,eAAe,CAAC,UAA6B;AACxD,QAAM,EAAE,OAAO,UAAA,IAAc;AAG7B,QAAM,CAAC,OAAO,QAAQ,IAAI,qBAAqB,KAAK;AAEpD,QAAM,WAAW,OAAiB,IAAI;AACtC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,KAAK;AACnD,YAAU,MAAM;AACd,QAAI,QAAQ;AACV,iBAAW,MAAM;;AACf,uBAAS,YAAT,mBAAkB;AAAA,MACpB,GAAG,EAAE;AAAA,IACP;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,GAAG,aAAa,EAAE,GAAG,SAAS,GAAG,OAC1D,UAAA,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC;AAAA,MACjD,KAAK;AAAA,MACL;AAAA,MACA,UAAU,CAAA,MAAK;AACb,iBAAS,EAAE,OAAO,MAAM,KAAA,CAAM;AAAA,MAChC;AAAA,MACA,QAAQ,MAAM;AACZ,kBAAU,KAAK;AAAA,MACjB;AAAA,MACA,WAAW,CAAA,MAAK;AACd,YAAI,EAAE,OAAO,SAAS;AACpB,oBAAU,KAAK;AAAA,QACjB;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,IAGF,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,IACb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,KAAK,OAAO,GAAG,aAAa,QAAQ,CAAC;AAAA,QAChD,SAAS,MAAM,UAAU,IAAI;AAAA,QAC7B,MAAK;AAAA,QACL,MAAK;AAAA,QAEL,8BAAC,cAAA,CAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,EAAA,CACF,EAAA,CAEJ;AAEJ;AAEA,aAAa,cAAc;"}
@@ -1,7 +1,7 @@
1
1
  const styles = {
2
- "editor-header": "_editor-header_198q1_1",
3
- "editor-header__edit": "_editor-header__edit_198q1_13",
4
- "editor-header__input": "_editor-header__input_198q1_24"
2
+ "editor-header": "_editor-header_10vm1_1",
3
+ "editor-header__edit": "_editor-header__edit_10vm1_13",
4
+ "editor-header__input": "_editor-header__input_10vm1_17"
5
5
  };
6
6
  export {
7
7
  styles as default
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/calendar-module/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { Descriptions, message, Modal, Spin } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { EventContentArg, EventSourceInput } from '@fullcalendar/core'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport FullCalendar from '@fullcalendar/react'\nimport { useMemoizedFn, useSize } from 'ahooks'\nimport dayjs from 'dayjs'\nimport isBetween from 'dayjs/plugin/isBetween'\nimport { useAppContext } from '../../../context'\nimport { FieldItem, ModuleDataApi } from '../../../types'\nimport { getTransformValue } from '../../../utils'\nimport { CalendarCustomeDataTypes } from '../../add-module-modal/add-calendar-modal/custome-data'\nimport { ConditionBlock } from '../../add-module-modal/components/condition-modal/interface'\nimport { mapConditionsToPostgrest } from '../utils'\nimport en from './locales/en'\nimport zh from './locales/zh'\n\n// import zh from\n\ndayjs.extend(isBetween)\n\ninterface CalendarModuleProps {\n customData?: CalendarCustomeDataTypes\n onChange?: (val: unknown) => void\n moduleDataApi?: ModuleDataApi\n width?: number\n height?: number\n rowWidth?: number\n rowHeight?: number\n}\n\nconst CalendarModule: React.FC<CalendarModuleProps> = ({ moduleDataApi, customData }) => {\n const { t, i18n } = useTranslation()\n const { globalData, globalFilterCondition } = useAppContext()\n\n /* ============================== split =============================== */\n const [startMonthIntervals, setStartMonthIntervals] = useState<[string, string]>(['', ''])\n const handleDatesSet = (dateInfo: any) => {\n const currentDate = dayjs(dateInfo.view.currentStart)\n const firstDay = currentDate.startOf('month').format('YYYY-MM-DD')\n const lastDay = currentDate.endOf('month').format('YYYY-MM-DD')\n setStartMonthIntervals([firstDay, lastDay])\n }\n /* ============================== split =============================== */\n let matchGlobalFilterCondition = useMemo(() => {\n let matchGlobalFilterCondition = globalFilterCondition?.find(\n item => item?.dataSourceId === customData?.dataSourceId\n )\n return matchGlobalFilterCondition\n }, [globalFilterCondition, customData?.dataSourceId])\n\n const [isloading, setIsloading] = useState(false)\n const [chartData, setChartData] = useState<any>()\n const fetchChartData = useMemoizedFn(async () => {\n setChartData([])\n if (customData) {\n setIsloading(true)\n let queryString = ''\n const firstDayOfMonth = dayjs().startOf('month').format('YYYY-MM-DD')\n const lastDayOfMonth = dayjs().endOf('month').format('YYYY-MM-DD')\n const conditionData = customData.conditionData\n const FMDay = startMonthIntervals.length > 0 ? startMonthIntervals[0] : firstDayOfMonth\n const LMDay = startMonthIntervals.length > 0 ? startMonthIntervals[1] : lastDayOfMonth\n\n let isConditionTimestampExist =\n (conditionData?.conditionList ?? []).some(item => item.type == 'timestamp') ||\n (matchGlobalFilterCondition?.conditionList ?? []).some(item => item.type == 'timestamp')\n\n if (!isConditionTimestampExist) {\n queryString = `&added_on=gte.${FMDay}&added_on=lte.${LMDay}`\n }\n\n // 筛选\n let conditionBlockList = []\n if ((matchGlobalFilterCondition?.conditionList?.length ?? 0) > 0) {\n conditionBlockList.push(matchGlobalFilterCondition)\n }\n if ((customData?.conditionData?.conditionList?.length ?? 0) > 0) {\n conditionBlockList.push(customData?.conditionData)\n }\n console.log('conditionBlockList', conditionBlockList)\n // conditionBlockList.filter(v => {\n // return v.conditionList.length > 0\n // })\n\n if (conditionBlockList.length > 0) {\n let DSLStr = mapConditionsToPostgrest(conditionBlockList as ConditionBlock[])\n queryString += !!DSLStr ? `&${DSLStr}` : ''\n }\n\n //去掉第一个&符号\n if (queryString.startsWith('&')) {\n queryString = queryString.substring(1)\n }\n\n if (customData?.dataSourceId) {\n moduleDataApi?.({\n id: customData?.dataSourceId,\n query: queryString,\n })\n .then((res: any) => {\n if (!res.success) {\n message.error(res.message)\n return\n }\n setChartData(res.data)\n })\n .finally(() => {\n setIsloading(false)\n })\n }\n }\n })\n useEffect(() => {\n if (customData) {\n fetchChartData()\n }\n }, [\n customData?.dataSourceId,\n customData?.conditionData,\n startMonthIntervals,\n matchGlobalFilterCondition,\n ])\n\n /* ============================== split =============================== */\n const fieldOptions = useMemo(() => {\n let ret = globalData?.sourceData?.find(item => item.value === customData?.dataSourceId)?.fields\n return ret\n }, [globalData, customData])\n\n const events = useMemo(() => {\n const calendarEvents = chartData?.map((item: any) => {\n const title = getTransformValue({\n fieldOptions,\n val: customData?.titleField ? item?.[customData.titleField] : '',\n field: customData?.titleField,\n fieldMap: globalData?.fieldMap,\n })\n return {\n title: title ?? t('unnamedRecord'),\n start:\n customData?.startDateField && item[customData?.startDateField]\n ? dayjs(item[customData?.startDateField])?.toISOString()\n : '',\n end:\n customData?.endDateField && item[customData?.endDateField]\n ? dayjs(item[customData?.endDateField])?.toISOString()\n : undefined,\n allDay: true,\n ...item,\n originalData: item,\n }\n })\n return calendarEvents\n }, [chartData, customData, fieldOptions])\n\n /* ============================== split =============================== */\n const [isModalOpen, setIsModalOpen] = useState(false)\n const [currData, setCurrData] = useState()\n const currTitle = getTransformValue({\n fieldOptions,\n val: customData?.titleField ? currData?.[customData.titleField] : '',\n field: customData?.titleField,\n fieldMap: globalData?.fieldMap,\n })\n\n const handleEventClick = useMemoizedFn((info: any) => {\n const event = info.event\n setIsModalOpen(true)\n\n setCurrData(event.extendedProps?.originalData)\n })\n\n /* ============================== split =============================== */\n const boxRef = useRef<any>()\n const calendarRef = useRef<any>(null)\n const size = useSize(boxRef)\n useEffect(() => {\n setTimeout(() => {\n calendarRef.current?.getApi()?.updateSize()\n }, 16) //不是一个div 会有延迟\n }, [size])\n\n /* ============================== split =============================== */\n\n return (\n <div\n ref={boxRef}\n style={{\n height: '100%',\n width: '100%',\n boxSizing: 'border-box',\n padding: '12px',\n }}\n >\n <div\n className=\"full-calendar-app\"\n style={{\n height: '100%',\n width: '100%',\n overflowY: 'auto',\n position: 'relative',\n }}\n >\n {isloading ? (\n <Spin\n style={{\n width: '100%',\n height: '100%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n position: 'absolute',\n background: 'rgba(255,255,255,0.6)',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 1000,\n }}\n spinning={isloading}\n />\n ) : null}\n\n <FullCalendar\n locale={i18n.language === 'zh-CN' ? zh : en}\n // locale =\n ref={calendarRef} // 设置 FullCalendar 引用\n plugins={[dayGridPlugin]}\n headerToolbar={{\n left: 'title,today,prev,next',\n center: '',\n right: '',\n }}\n initialView=\"dayGridMonth\"\n height=\"auto\" // 自适应高度\n contentHeight=\"auto\" // 自动调整内容高度\n // dayMaxEvents={4} // 如果一天的事件太多则显示更多按钮\n editable={true}\n selectable={true}\n selectMirror={true}\n fixedWeekCount={false}\n datesSet={handleDatesSet}\n timeZone=\"UTC\"\n events={events} // 将筛选后的事件传递给 FullCalendar\n eventContent={(eventInfo: EventContentArg) => {\n return (\n <>\n <i>{eventInfo.event.title}</i>\n </>\n )\n }} // 自定义事件内容渲染\n eventClick={handleEventClick} // 事件点击时调用\n ></FullCalendar>\n <Modal\n title={currTitle ?? t('unnamedRecord')}\n open={isModalOpen}\n onOk={() => {\n setIsModalOpen(false)\n }}\n onCancel={() => {\n setIsModalOpen(false)\n }}\n destroyOnClose\n footer={(_, { OkBtn }) => (\n <>\n <OkBtn />\n </>\n )}\n >\n {(fieldOptions?.length ?? 0) > 0 ? (\n <Descriptions\n className=\"reset-descriptions\"\n layout=\"vertical\"\n column={2}\n items={fieldOptions?.map((field: any, fieldKey) => ({\n key: fieldKey,\n label: field.label,\n children: getTransformValue({\n fieldOptions,\n val: currData?.[field.value],\n field: field.value,\n fieldMap: globalData?.fieldMap,\n showNill: false,\n }),\n }))}\n />\n ) : null}\n </Modal>\n </div>\n </div>\n )\n}\n\nexport default React.memo(CalendarModule)\n"],"names":["matchGlobalFilterCondition","zh","en"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/calendar-module/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { Descriptions, message, Modal, Spin } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { EventContentArg, EventSourceInput } from '@fullcalendar/core'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport FullCalendar from '@fullcalendar/react'\nimport { useMemoizedFn, useSize } from 'ahooks'\nimport dayjs from 'dayjs'\nimport isBetween from 'dayjs/plugin/isBetween'\nimport { useAppContext } from '../../../context'\nimport { FieldItem, ModuleDataApi } from '../../../types'\nimport { getTransformValue } from '../../../utils'\nimport { CalendarCustomeDataTypes } from '../../add-module-modal/add-calendar-modal/custome-data'\nimport { ConditionBlock } from '../../add-module-modal/components/condition-modal/interface'\nimport { mapConditionsToPostgrest } from '../utils'\nimport en from './locales/en'\nimport zh from './locales/zh'\n\n// import zh from\n\ndayjs.extend(isBetween)\n\ninterface CalendarModuleProps {\n customData?: CalendarCustomeDataTypes\n onChange?: (val: unknown) => void\n moduleDataApi?: ModuleDataApi\n width?: number\n height?: number\n rowWidth?: number\n rowHeight?: number\n}\n\nconst CalendarModule: React.FC<CalendarModuleProps> = ({ moduleDataApi, customData }) => {\n const { t, i18n } = useTranslation()\n const { globalData, globalFilterCondition } = useAppContext()\n\n /* ============================== split =============================== */\n const [startMonthIntervals, setStartMonthIntervals] = useState<[string, string]>(['', ''])\n const handleDatesSet = (dateInfo: any) => {\n const currentDate = dayjs(dateInfo.view.currentStart)\n const firstDay = currentDate.startOf('month').format('YYYY-MM-DD')\n const lastDay = currentDate.endOf('month').format('YYYY-MM-DD')\n setStartMonthIntervals([firstDay, lastDay])\n }\n /* ============================== split =============================== */\n let matchGlobalFilterCondition = useMemo(() => {\n let matchGlobalFilterCondition = globalFilterCondition?.find(\n item => item?.dataSourceId === customData?.dataSourceId\n )\n return matchGlobalFilterCondition\n }, [globalFilterCondition, customData?.dataSourceId])\n\n const [isloading, setIsloading] = useState(false)\n const [chartData, setChartData] = useState<any>()\n const fetchChartData = useMemoizedFn(async () => {\n setChartData([])\n if (customData) {\n setIsloading(true)\n let queryString = ''\n const firstDayOfMonth = dayjs().startOf('month').format('YYYY-MM-DD')\n const lastDayOfMonth = dayjs().endOf('month').format('YYYY-MM-DD')\n const conditionData = customData.conditionData\n const FMDay = startMonthIntervals.length > 0 ? startMonthIntervals[0] : firstDayOfMonth\n const LMDay = startMonthIntervals.length > 0 ? startMonthIntervals[1] : lastDayOfMonth\n\n let isConditionTimestampExist =\n (conditionData?.conditionList ?? []).some(item => item.type == 'timestamp') ||\n (matchGlobalFilterCondition?.conditionList ?? []).some(item => item.type == 'timestamp')\n\n if (!isConditionTimestampExist) {\n queryString = `&added_on=gte.${FMDay}&added_on=lte.${LMDay}`\n }\n\n // 筛选\n let conditionBlockList = []\n if ((matchGlobalFilterCondition?.conditionList?.length ?? 0) > 0) {\n conditionBlockList.push(matchGlobalFilterCondition)\n }\n if ((customData?.conditionData?.conditionList?.length ?? 0) > 0) {\n conditionBlockList.push(customData?.conditionData)\n }\n console.log('conditionBlockList', conditionBlockList)\n // conditionBlockList.filter(v => {\n // return v.conditionList.length > 0\n // })\n\n if (conditionBlockList.length > 0) {\n let DSLStr = mapConditionsToPostgrest(conditionBlockList as ConditionBlock[])\n queryString += !!DSLStr ? `&${DSLStr}` : ''\n }\n\n //去掉第一个&符号\n if (queryString.startsWith('&')) {\n queryString = queryString.substring(1)\n }\n\n if (customData?.dataSourceId) {\n moduleDataApi?.({\n id: customData?.dataSourceId,\n query: queryString,\n })\n .then((res: any) => {\n if (!res.success) {\n message.error(res.message)\n return\n }\n setChartData(res.data)\n })\n .finally(() => {\n setIsloading(false)\n })\n }\n }\n })\n useEffect(() => {\n if (customData) {\n fetchChartData()\n }\n }, [\n customData?.dataSourceId,\n customData?.conditionData,\n startMonthIntervals,\n matchGlobalFilterCondition,\n ])\n\n /* ============================== split =============================== */\n const fieldOptions = useMemo(() => {\n let ret = globalData?.sourceData?.find(item => item.value === customData?.dataSourceId)?.fields\n return ret\n }, [globalData, customData])\n\n const events = useMemo(() => {\n const calendarEvents = chartData?.map((item: any) => {\n const title = getTransformValue({\n fieldOptions,\n val: customData?.titleField ? item?.[customData.titleField] : '',\n field: customData?.titleField,\n fieldMap: globalData?.fieldMap,\n })\n return {\n title: title ?? t('unnamedRecord'),\n start:\n customData?.startDateField && item[customData?.startDateField]\n ? dayjs(item[customData?.startDateField])?.toISOString()\n : '',\n end:\n customData?.endDateField && item[customData?.endDateField]\n ? dayjs(item[customData?.endDateField])?.toISOString()\n : undefined,\n allDay: true,\n ...item,\n originalData: item,\n }\n })\n return calendarEvents\n }, [chartData, customData, fieldOptions])\n\n /* ============================== split =============================== */\n const [isModalOpen, setIsModalOpen] = useState(false)\n const [currData, setCurrData] = useState()\n const currTitle = getTransformValue({\n fieldOptions,\n val: customData?.titleField ? currData?.[customData.titleField] : '',\n field: customData?.titleField,\n fieldMap: globalData?.fieldMap,\n })\n\n const handleEventClick = useMemoizedFn((info: any) => {\n const event = info.event\n setIsModalOpen(true)\n\n setCurrData(event.extendedProps?.originalData)\n })\n\n /* ============================== split =============================== */\n const boxRef = useRef<any>()\n const calendarRef = useRef<any>(null)\n const size = useSize(boxRef)\n useEffect(() => {\n setTimeout(() => {\n calendarRef.current?.getApi()?.updateSize()\n }, 16) //不是一个div 会有延迟\n }, [size])\n\n /* ============================== split =============================== */\n\n return (\n <div\n ref={boxRef}\n style={{\n height: '100%',\n width: '100%',\n boxSizing: 'border-box',\n padding: '12px',\n }}\n >\n <div\n className=\"full-calendar-app\"\n style={{\n height: '100%',\n width: '100%',\n overflowY: 'auto',\n position: 'relative',\n }}\n >\n {isloading ? (\n <Spin\n style={{\n width: '100%',\n height: '100%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n position: 'absolute',\n background: 'rgba(255,255,255,0.6)',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 1000,\n }}\n spinning={isloading}\n />\n ) : null}\n\n <FullCalendar\n locale={i18n.language === 'zh-CN' ? zh : en}\n // locale =\n ref={calendarRef} // 设置 FullCalendar 引用\n plugins={[dayGridPlugin]}\n headerToolbar={{\n left: 'title,today,prev,next',\n center: '',\n right: '',\n }}\n initialView=\"dayGridMonth\"\n height=\"auto\" // 自适应高度\n contentHeight=\"auto\" // 自动调整内容高度\n // dayMaxEvents={4} // 如果一天的事件太多则显示更多按钮\n editable={true}\n selectable={true}\n selectMirror={true}\n fixedWeekCount={false}\n datesSet={handleDatesSet}\n timeZone=\"UTC\"\n events={events} // 将筛选后的事件传递给 FullCalendar\n eventContent={(eventInfo: EventContentArg) => {\n return (\n <>\n <i>{eventInfo.event.title}</i>\n </>\n )\n }} // 自定义事件内容渲染\n eventClick={handleEventClick} // 事件点击时调用\n ></FullCalendar>\n <Modal\n title={currTitle ?? t('unnamedRecord')}\n open={isModalOpen}\n onOk={() => {\n setIsModalOpen(false)\n }}\n onCancel={() => {\n setIsModalOpen(false)\n }}\n destroyOnClose\n footer={(_, { OkBtn }) => (\n <>\n <OkBtn />\n </>\n )}\n >\n {(fieldOptions?.length ?? 0) > 0 ? (\n <Descriptions\n className=\"reset-descriptions\"\n layout=\"vertical\"\n column={2}\n items={fieldOptions?.map((field: any, fieldKey) => ({\n key: fieldKey,\n label: field.label,\n children: getTransformValue({\n fieldOptions,\n val: currData?.[field.value],\n field: field.value,\n fieldMap: globalData?.fieldMap,\n showNill: false,\n }),\n }))}\n />\n ) : null}\n </Modal>\n </div>\n </div>\n )\n}\n\nexport default React.memo(CalendarModule)\n"],"names":["matchGlobalFilterCondition","zh","en"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"zh.js","sources":["../../../../../../packages/dashboard-workbench/components/module-content/calendar-module/locales/zh.ts"],"sourcesContent":["var l77 = {\n code: 'zh-cn',\n week: {\n // GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效\n dow: 1,\n doy: 4, // The week that contains Jan 4th is the first week of the year.\n },\n buttonText: {\n prev: '上月',\n next: '下月',\n today: '今天',\n year: '年',\n month: '月',\n week: '周',\n day: '日',\n list: '日程',\n },\n weekText: '周',\n allDayText: '全天',\n moreLinkText(n: string) {\n return '另外 ' + n + ' 个'\n },\n noEventsText: '没有事件显示',\n}\n\nexport { l77 as default }\n"],"names":[],"mappings":"AAAA,IAAI,MAAM;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA;AAAA,IAEJ,KAAK;AAAA,IACL,KAAK;AAAA;AAAA,EACP;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa,GAAW;AACtB,WAAO,QAAQ,IAAI;AAAA,EACrB;AAAA,EACA,cAAc;AAChB;"}
1
+ {"version":3,"file":"zh.js","sources":["../../../../../../packages/dashboard-workbench/components/module-content/calendar-module/locales/zh.ts"],"sourcesContent":["var l77 = {\n code: 'zh-cn',\n week: {\n // GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效\n dow: 1,\n doy: 4, // The week that contains Jan 4th is the first week of the year.\n },\n buttonText: {\n prev: '上月',\n next: '下月',\n today: '今天',\n year: '年',\n month: '月',\n week: '周',\n day: '日',\n list: '日程',\n },\n weekText: '周',\n allDayText: '全天',\n moreLinkText(n: string) {\n return '另外 ' + n + ' 个'\n },\n noEventsText: '没有事件显示',\n}\n\nexport { l77 as default }\n"],"names":[],"mappings":"AAAA,IAAI,MAAM;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA;AAAA,IAEJ,KAAK;AAAA,IACL,KAAK;AAAA;AAAA,EAAA;AAAA,EAEP,YAAY;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,EAAA;AAAA,EAER,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa,GAAW;AACtB,WAAO,QAAQ,IAAI;AAAA,EACrB;AAAA,EACA,cAAc;AAChB;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Empty.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/chart-module/Empty.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport IconEmpty from '@platox/pivot-table/icon/icon-empty'\nimport styles from './index.scss'\n\nconst componentName = 'Empty'\n\nexport interface EmptyProps {}\nexport const Empty: React.FC<EmptyProps> = props => {\n const { t } = useTranslation()\n return (\n <div\n style={{\n color: '#A1A1AA',\n width: '100%',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n >\n <IconEmpty />\n <span>{t('empty')}</span>\n </div>\n )\n}\n\nEmpty.displayName = 'Empty'\n\nexport default Empty\n"],"names":[],"mappings":";;;AAQO,MAAM,QAA8B,CAAS,UAAA;AAC5C,QAAA,EAAE,EAAE,IAAI,eAAe;AAE3B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,MAClB;AAAA,MAEA,UAAA;AAAA,QAAA,oBAAC,WAAU,EAAA;AAAA,QACV,oBAAA,QAAA,EAAM,UAAE,EAAA,OAAO,EAAE,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACpB;AAEJ;AAEA,MAAM,cAAc;"}
1
+ {"version":3,"file":"Empty.js","sources":["../../../../../packages/dashboard-workbench/components/module-content/chart-module/Empty.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport IconEmpty from '@platox/pivot-table/icon/icon-empty'\nimport styles from './index.scss'\n\nconst componentName = 'Empty'\n\nexport interface EmptyProps {}\nexport const Empty: React.FC<EmptyProps> = props => {\n const { t } = useTranslation()\n return (\n <div\n style={{\n color: '#A1A1AA',\n width: '100%',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n >\n <IconEmpty />\n <span>{t('empty')}</span>\n </div>\n )\n}\n\nEmpty.displayName = 'Empty'\n\nexport default Empty\n"],"names":[],"mappings":";;;AAQO,MAAM,QAA8B,CAAA,UAAS;AAClD,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,MAAA;AAAA,MAGlB,UAAA;AAAA,QAAA,oBAAC,WAAA,EAAU;AAAA,QACX,oBAAC,QAAA,EAAM,UAAA,EAAE,OAAO,EAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxB;AAEA,MAAM,cAAc;"}
@@ -20,12 +20,38 @@ echarts.use([
20
20
  UniversalTransition,
21
21
  CanvasRenderer
22
22
  ]);
23
+ echarts.registerTheme("ccmonet", {
24
+ color: [
25
+ "#5B8FF9",
26
+ "#5AD8A6",
27
+ "#F6BD16",
28
+ "#E86452",
29
+ "#6DC8EC",
30
+ "#945FB9",
31
+ "#FF9845",
32
+ "#1E9493",
33
+ "#FF99C3",
34
+ "#269A99"
35
+ ],
36
+ categoryAxis: {
37
+ axisLine: { lineStyle: { color: "#e5e6eb" } },
38
+ axisTick: { lineStyle: { color: "#e5e6eb" } },
39
+ axisLabel: { color: "#86909C" },
40
+ splitLine: { lineStyle: { color: "#f2f3f5", type: "dashed" } }
41
+ },
42
+ valueAxis: {
43
+ axisLine: { lineStyle: { color: "#e5e6eb" } },
44
+ axisTick: { lineStyle: { color: "#e5e6eb" } },
45
+ axisLabel: { color: "#86909C" },
46
+ splitLine: { lineStyle: { color: "#f2f3f5", type: "dashed" } }
47
+ }
48
+ });
23
49
  const Chart = React.memo(({ options, echartRef }) => {
24
50
  const chartRef = useRef(null);
25
51
  const chartInstanceRef = useRef(null);
26
52
  useEffect(() => {
27
53
  if (chartRef.current) {
28
- chartInstanceRef.current = echarts.init(chartRef.current);
54
+ chartInstanceRef.current = echarts.init(chartRef.current, "ccmonet");
29
55
  window.__chartInstanceRef = chartInstanceRef;
30
56
  }
31
57
  return () => {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../../packages/dashboard-workbench/components/module-content/chart-module/base-chart/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useImperativeHandle, useRef } from 'react'\nimport { EChartsOption } from 'echarts'\nimport { BarChart, LineChart, PieChart } from 'echarts/charts'\nimport {\n DatasetComponent,\n GraphicComponent,\n GridComponent,\n LegendComponent,\n TitleComponent,\n TooltipComponent,\n TransformComponent,\n} from 'echarts/components'\nimport * as echarts from 'echarts/core'\nimport { LabelLayout, UniversalTransition } from 'echarts/features'\nimport { CanvasRenderer } from 'echarts/renderers'\n\necharts.use([\n GraphicComponent,\n LegendComponent,\n TitleComponent,\n TooltipComponent,\n GridComponent,\n DatasetComponent,\n TransformComponent,\n BarChart,\n LineChart,\n PieChart,\n LabelLayout,\n UniversalTransition,\n CanvasRenderer,\n])\n\ninterface ChartProps {\n options?: EChartsOption\n echartRef?: any\n}\n\nconst Chart: React.FC<ChartProps> = React.memo(({ options, echartRef }) => {\n const chartRef = useRef<HTMLDivElement>(null)\n const chartInstanceRef = useRef<echarts.ECharts | null>(null)\n\n useEffect(() => {\n if (chartRef.current) {\n chartInstanceRef.current = echarts.init(chartRef.current)\n //@ts-ignore\n window.__chartInstanceRef = chartInstanceRef\n // chartInstanceRef.current = echarts.init(chartRef.current, 'light223')\n }\n return () => {\n if (chartInstanceRef.current) {\n chartInstanceRef.current.dispose()\n }\n }\n }, [])\n\n useEffect(() => {\n if (chartInstanceRef.current) {\n chartInstanceRef.current.clear()\n if (options && Object.keys(options).length > 0) {\n chartInstanceRef.current.setOption({ ...options })\n }\n }\n }, [options])\n\n useImperativeHandle(echartRef, () => ({\n resize: () => {\n if (chartInstanceRef.current) {\n chartInstanceRef.current.resize()\n }\n },\n getWidth: () => {\n if (chartInstanceRef.current) {\n chartInstanceRef.current.getWidth()\n }\n },\n }))\n\n return <div ref={chartRef} style={{ width: '100%', height: '100%' }} />\n})\n\nexport default Chart\n"],"names":[],"mappings":";;;;;;;AAiBA,QAAQ,IAAI;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAOD,MAAM,QAA8B,MAAM,KAAK,CAAC,EAAE,SAAS,gBAAgB;AACnE,QAAA,WAAW,OAAuB,IAAI;AACtC,QAAA,mBAAmB,OAA+B,IAAI;AAE5D,YAAU,MAAM;AACd,QAAI,SAAS,SAAS;AACpB,uBAAiB,UAAU,QAAQ,KAAK,SAAS,OAAO;AAExD,aAAO,qBAAqB;AAAA,IAAA;AAG9B,WAAO,MAAM;AACX,UAAI,iBAAiB,SAAS;AAC5B,yBAAiB,QAAQ,QAAQ;AAAA,MAAA;AAAA,IAErC;AAAA,EACF,GAAG,EAAE;AAEL,YAAU,MAAM;AACd,QAAI,iBAAiB,SAAS;AAC5B,uBAAiB,QAAQ,MAAM;AAC/B,UAAI,WAAW,OAAO,KAAK,OAAO,EAAE,SAAS,GAAG;AAC9C,yBAAiB,QAAQ,UAAU,EAAE,GAAG,SAAS;AAAA,MAAA;AAAA,IACnD;AAAA,EACF,GACC,CAAC,OAAO,CAAC;AAEZ,sBAAoB,WAAW,OAAO;AAAA,IACpC,QAAQ,MAAM;AACZ,UAAI,iBAAiB,SAAS;AAC5B,yBAAiB,QAAQ,OAAO;AAAA,MAAA;AAAA,IAEpC;AAAA,IACA,UAAU,MAAM;AACd,UAAI,iBAAiB,SAAS;AAC5B,yBAAiB,QAAQ,SAAS;AAAA,MAAA;AAAA,IACpC;AAAA,EACF,EACA;AAEK,SAAA,oBAAC,OAAI,EAAA,KAAK,UAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAU,EAAA,CAAA;AACvE,CAAC;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../../packages/dashboard-workbench/components/module-content/chart-module/base-chart/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useImperativeHandle, useRef } from 'react'\nimport { EChartsOption } from 'echarts'\nimport { BarChart, LineChart, PieChart } from 'echarts/charts'\nimport {\n DatasetComponent,\n GraphicComponent,\n GridComponent,\n LegendComponent,\n TitleComponent,\n TooltipComponent,\n TransformComponent,\n} from 'echarts/components'\nimport * as echarts from 'echarts/core'\nimport { LabelLayout, UniversalTransition } from 'echarts/features'\nimport { CanvasRenderer } from 'echarts/renderers'\n\necharts.use([\n GraphicComponent,\n LegendComponent,\n TitleComponent,\n TooltipComponent,\n GridComponent,\n DatasetComponent,\n TransformComponent,\n BarChart,\n LineChart,\n PieChart,\n LabelLayout,\n UniversalTransition,\n CanvasRenderer,\n])\n\necharts.registerTheme('ccmonet', {\n color: [\n '#5B8FF9',\n '#5AD8A6',\n '#F6BD16',\n '#E86452',\n '#6DC8EC',\n '#945FB9',\n '#FF9845',\n '#1E9493',\n '#FF99C3',\n '#269A99',\n ],\n categoryAxis: {\n axisLine: { lineStyle: { color: '#e5e6eb' } },\n axisTick: { lineStyle: { color: '#e5e6eb' } },\n axisLabel: { color: '#86909C' },\n splitLine: { lineStyle: { color: '#f2f3f5', type: 'dashed' } },\n },\n valueAxis: {\n axisLine: { lineStyle: { color: '#e5e6eb' } },\n axisTick: { lineStyle: { color: '#e5e6eb' } },\n axisLabel: { color: '#86909C' },\n splitLine: { lineStyle: { color: '#f2f3f5', type: 'dashed' } },\n },\n})\n\ninterface ChartProps {\n options?: EChartsOption\n echartRef?: any\n}\n\nconst Chart: React.FC<ChartProps> = React.memo(({ options, echartRef }) => {\n const chartRef = useRef<HTMLDivElement>(null)\n const chartInstanceRef = useRef<echarts.ECharts | null>(null)\n\n useEffect(() => {\n if (chartRef.current) {\n chartInstanceRef.current = echarts.init(chartRef.current, 'ccmonet')\n //@ts-ignore\n window.__chartInstanceRef = chartInstanceRef\n }\n return () => {\n if (chartInstanceRef.current) {\n chartInstanceRef.current.dispose()\n }\n }\n }, [])\n\n useEffect(() => {\n if (chartInstanceRef.current) {\n chartInstanceRef.current.clear()\n if (options && Object.keys(options).length > 0) {\n chartInstanceRef.current.setOption({ ...options })\n }\n }\n }, [options])\n\n useImperativeHandle(echartRef, () => ({\n resize: () => {\n if (chartInstanceRef.current) {\n chartInstanceRef.current.resize()\n }\n },\n getWidth: () => {\n if (chartInstanceRef.current) {\n chartInstanceRef.current.getWidth()\n }\n },\n }))\n\n return <div ref={chartRef} style={{ width: '100%', height: '100%' }} />\n})\n\nexport default Chart\n"],"names":[],"mappings":";;;;;;;AAiBA,QAAQ,IAAI;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,QAAQ,cAAc,WAAW;AAAA,EAC/B,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,cAAc;AAAA,IACZ,UAAU,EAAE,WAAW,EAAE,OAAO,YAAU;AAAA,IAC1C,UAAU,EAAE,WAAW,EAAE,OAAO,YAAU;AAAA,IAC1C,WAAW,EAAE,OAAO,UAAA;AAAA,IACpB,WAAW,EAAE,WAAW,EAAE,OAAO,WAAW,MAAM,WAAS;AAAA,EAAE;AAAA,EAE/D,WAAW;AAAA,IACT,UAAU,EAAE,WAAW,EAAE,OAAO,YAAU;AAAA,IAC1C,UAAU,EAAE,WAAW,EAAE,OAAO,YAAU;AAAA,IAC1C,WAAW,EAAE,OAAO,UAAA;AAAA,IACpB,WAAW,EAAE,WAAW,EAAE,OAAO,WAAW,MAAM,WAAS;AAAA,EAAE;AAEjE,CAAC;AAOD,MAAM,QAA8B,MAAM,KAAK,CAAC,EAAE,SAAS,gBAAgB;AACzE,QAAM,WAAW,OAAuB,IAAI;AAC5C,QAAM,mBAAmB,OAA+B,IAAI;AAE5D,YAAU,MAAM;AACd,QAAI,SAAS,SAAS;AACpB,uBAAiB,UAAU,QAAQ,KAAK,SAAS,SAAS,SAAS;AAEnE,aAAO,qBAAqB;AAAA,IAC9B;AACA,WAAO,MAAM;AACX,UAAI,iBAAiB,SAAS;AAC5B,yBAAiB,QAAQ,QAAA;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,YAAU,MAAM;AACd,QAAI,iBAAiB,SAAS;AAC5B,uBAAiB,QAAQ,MAAA;AACzB,UAAI,WAAW,OAAO,KAAK,OAAO,EAAE,SAAS,GAAG;AAC9C,yBAAiB,QAAQ,UAAU,EAAE,GAAG,SAAS;AAAA,MACnD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,sBAAoB,WAAW,OAAO;AAAA,IACpC,QAAQ,MAAM;AACZ,UAAI,iBAAiB,SAAS;AAC5B,yBAAiB,QAAQ,OAAA;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,UAAU,MAAM;AACd,UAAI,iBAAiB,SAAS;AAC5B,yBAAiB,QAAQ,SAAA;AAAA,MAC3B;AAAA,IACF;AAAA,EAAA,EACA;AAEF,SAAO,oBAAC,OAAA,EAAI,KAAK,UAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAA,EAAO,CAAG;AACvE,CAAC;"}