@platox/pivot-table 0.0.69 → 0.0.70

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platox/pivot-table",
-  "version": "0.0.69",
+  "version": "0.0.70",
   "private": false,
   "type": "module",
   "exports": {