@platox/pivot-table 0.0.35 → 0.0.37

package/es/dashboard-workbench/components/add-module-btn/index.js

@@ -1,16 +1,20 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { Popover, Button } from "antd";
 import { useState } from "react";
+import { Popover, Button } from "antd";
+import { useTranslation } from "react-i18next";
+import SvgComponent from "../../icon/icon-chart-combination.js";
 import IconBar from "../../icon/icon-bar.js";
+import IconCalendar from "../../icon/icon-calendar.js";
+import IconEditor from "../../icon/icon-editor.js";
 import IconLine from "../../icon/icon-line.js";
 import IconPie from "../../icon/icon-pie.js";
-import IconStripBar from "../../icon/icon-strip-bar.js";
 import IconStatistics from "../../icon/icon-statistics.js";
-import IconEditor from "../../icon/icon-editor.js";
-import IconCalendar from "../../icon/icon-calendar.js";
-import { useTranslation } from "react-i18next";
+import IconStripBar from "../../icon/icon-strip-bar.js";
+import { useChartTypeOption } from "../add-module-modal/add-chart-modal/config.js";
+import { ChartType } from "../add-module-modal/add-chart-modal/interface.js";
 const AddModuleBtn = ({ onOk }) => {
   const { t } = useTranslation();
+  useChartTypeOption();
   const navs = [
     {
       title: t("add.add1"),
@@ -34,6 +38,11 @@ const AddModuleBtn = ({ onOk }) => {
           title: t("add.add5"),
           type: "chart-strip-bar",
           icon: /* @__PURE__ */ jsx(IconStripBar, {})
+        },
+        {
+          title: t("add._add5"),
+          type: ChartType["chartCombination"],
+          icon: /* @__PURE__ */ jsx(SvgComponent, {})
         }
       ]
     },

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/add-module-btn/index.tsx"],"sourcesContent":["import { Button, Popover } from 'antd'\nimport { useState } from 'react'\nimport IconBar from '../../icon/icon-bar'\nimport IconLine from '../../icon/icon-line'\nimport IconPie from '../../icon/icon-pie'\nimport IconStripBar from '../../icon/icon-strip-bar'\nimport IconStatistics from '../../icon/icon-statistics'\nimport IconEditor from '../../icon/icon-editor'\nimport IconCalendar from '../../icon/icon-calendar'\nimport { useTranslation } from 'react-i18next'\n\nexport interface ModuleValueType {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  id?: any\n  type?:\n    | 'text'\n    | 'statistics'\n    | 'chart-bar'\n    | 'chart-bar-pile'\n    | 'chart-bar-percentage'\n    | 'chart-line'\n    | 'chart-line-smooth'\n    | 'chart-strip-bar'\n    | 'chart-strip-bar-pile'\n    | 'chart-strip-bar-percentage'\n    | 'chart-pie'\n    | 'chart-pie-circular'\n    | 'calendar'\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customData?: any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customeStyle?: any\n}\n\ninterface AddModuleBtnProps {\n  onOk?: (type: ModuleValueType['type']) => void\n}\n\nconst AddModuleBtn: React.FC<AddModuleBtnProps> = ({ onOk }) => {\n  const { t } = useTranslation()\n  const navs = [\n    {\n      title: t('add.add1'),\n      child: [\n        {\n          title: t('add.add2'),\n          type: 'chart-bar',\n          icon: <IconBar />,\n        },\n        {\n          title: t('add.add3'),\n          type: 'chart-line',\n          icon: <IconLine />,\n        },\n        {\n          title: t('add.add4'),\n          type: 'chart-pie',\n          icon: <IconPie />,\n        },\n        {\n          title: t('add.add5'),\n          type: 'chart-strip-bar',\n          icon: <IconStripBar />,\n        },\n      ],\n    },\n    {\n      title: t('add.add6'),\n      child: [\n        {\n          title: t('add.add7'),\n          type: 'statistics',\n          icon: <IconStatistics />,\n        },\n        {\n          title: t('add.add8'),\n          type: 'text',\n          icon: <IconEditor />,\n        },\n        {\n          title: t('add.add9'),\n          type: 'calendar',\n          icon: <IconCalendar />,\n        },\n      ],\n    },\n  ]\n\n  const [open, setOpen] = useState(false)\n  const onAdd = (value: ModuleValueType['type']) => {\n    setOpen(false)\n    onOk?.(value)\n  }\n\n  return (\n    <>\n      <Popover\n        placement=\"bottomRight\"\n        open={open}\n        onOpenChange={setOpen}\n        content={\n          <div className=\"pivot-table-modal box-widget-popover-item-container\">\n            {navs.map((item, key) => (\n              <div key={key} className=\"box-widget-popover-item-group\">\n                <p className=\"box-widget-popover-item-group-header\">{item.title}</p>\n                <div className=\"box-widget-popover-item-group-content\">\n                  {item.child.map((child, childKey) => (\n                    <div\n                      key={childKey}\n                      onClick={() => {\n                        onAdd(child.type as ModuleValueType['type'])\n                      }}\n                      className=\"box-widget-popover-item\"\n                    >\n                      <div className=\"img\">{child.icon}</div>\n                      <div className=\"title\">{child.title}</div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            ))}\n          </div>\n        }\n        trigger=\"click\"\n      >\n        <Button>{t('add.add10')}</Button>\n      </Popover>\n    </>\n  )\n}\n\nexport default AddModuleBtn\n"],"names":[],"mappings":";;;;;;;;;;;AAsCA,MAAM,eAA4C,CAAC,EAAE,WAAW;AACxD,QAAA,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,OAAO;AAAA,IACX;AAAA,MACE,OAAO,EAAE,UAAU;AAAA,MACnB,OAAO;AAAA,QACL;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,SAAQ,CAAA,CAAA;AAAA,QACjB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,UAAS,CAAA,CAAA;AAAA,QAClB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,SAAQ,CAAA,CAAA;AAAA,QACjB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,cAAa,CAAA,CAAA;AAAA,QAAA;AAAA,MACtB;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,OAAO,EAAE,UAAU;AAAA,MACnB,OAAO;AAAA,QACL;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,gBAAe,CAAA,CAAA;AAAA,QACxB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,YAAW,CAAA,CAAA;AAAA,QACpB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,cAAa,CAAA,CAAA;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAChC,QAAA,QAAQ,CAAC,UAAmC;AAChD,YAAQ,KAAK;AACb,iCAAO;AAAA,EACT;AAEA,SAEI,oBAAA,UAAA,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA,cAAc;AAAA,MACd,SACE,oBAAC,OAAI,EAAA,WAAU,uDACZ,UAAA,KAAK,IAAI,CAAC,MAAM,QACd,qBAAA,OAAA,EAAc,WAAU,iCACvB,UAAA;AAAA,QAAA,oBAAC,KAAE,EAAA,WAAU,wCAAwC,UAAA,KAAK,OAAM;AAAA,QAChE,oBAAC,SAAI,WAAU,yCACZ,eAAK,MAAM,IAAI,CAAC,OAAO,aACtB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAM;AACb,oBAAM,MAAM,IAA+B;AAAA,YAC7C;AAAA,YACA,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,oBAAC,OAAI,EAAA,WAAU,OAAO,UAAA,MAAM,MAAK;AAAA,cAChC,oBAAA,OAAA,EAAI,WAAU,SAAS,gBAAM,MAAM,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAP/B;AAAA,QAAA,CASR,EACH,CAAA;AAAA,MAAA,KAfQ,GAgBV,CACD,GACH;AAAA,MAEF,SAAQ;AAAA,MAER,UAAC,oBAAA,QAAA,EAAQ,UAAE,EAAA,WAAW,EAAE,CAAA;AAAA,IAAA;AAAA,EAAA,GAE5B;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../packages/dashboard-workbench/components/add-module-btn/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Button, Popover } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport IconChartCombination from '@platox/pivot-table/icon/icon-chart-combination'\nimport IconBar from '../../icon/icon-bar'\nimport IconCalendar from '../../icon/icon-calendar'\nimport IconEditor from '../../icon/icon-editor'\nimport IconLine from '../../icon/icon-line'\nimport IconPie from '../../icon/icon-pie'\nimport IconStatistics from '../../icon/icon-statistics'\nimport IconStripBar from '../../icon/icon-strip-bar'\nimport { useChartTypeOption } from '../add-module-modal/add-chart-modal/config'\nimport { ChartType } from '../add-module-modal/add-chart-modal/interface'\n\nexport interface ModuleValueType {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  id?: any\n  type?:\n    | 'text'\n    | 'statistics'\n    | 'chart-bar'\n    | 'chart-bar-pile'\n    | 'chart-bar-percentage'\n    | 'chart-line'\n    | 'chart-line-smooth'\n    | 'chart-strip-bar'\n    | 'chart-strip-bar-pile'\n    | 'chart-strip-bar-percentage'\n    | 'chart-pie'\n    | 'chart-pie-circular'\n    | 'calendar'\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customData?: any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customeStyle?: any\n}\n\ninterface AddModuleBtnProps {\n  onOk?: (type: ModuleValueType['type']) => void\n}\n\nconst AddModuleBtn: React.FC<AddModuleBtnProps> = ({ onOk }) => {\n  const { t } = useTranslation()\n\n  const chartTypeOptions = useChartTypeOption()\n\n  const navs = [\n    {\n      title: t('add.add1'),\n      child: [\n        {\n          title: t('add.add2'),\n          type: 'chart-bar',\n          icon: <IconBar />,\n        },\n        {\n          title: t('add.add3'),\n          type: 'chart-line',\n          icon: <IconLine />,\n        },\n        {\n          title: t('add.add4'),\n          type: 'chart-pie',\n          icon: <IconPie />,\n        },\n        {\n          title: t('add.add5'),\n          type: 'chart-strip-bar',\n          icon: <IconStripBar />,\n        },\n        {\n          title: t('add._add5'),\n          type: ChartType['chartCombination'],\n          icon: <IconChartCombination />,\n        },\n      ],\n    },\n    {\n      title: t('add.add6'),\n      child: [\n        {\n          title: t('add.add7'),\n          type: 'statistics',\n          icon: <IconStatistics />,\n        },\n        {\n          title: t('add.add8'),\n          type: 'text',\n          icon: <IconEditor />,\n        },\n        {\n          title: t('add.add9'),\n          type: 'calendar',\n          icon: <IconCalendar />,\n        },\n      ],\n    },\n  ]\n\n  const [open, setOpen] = useState(false)\n  const onAdd = (value: ModuleValueType['type']) => {\n    setOpen(false)\n    onOk?.(value)\n  }\n\n  return (\n    <>\n      <Popover\n        placement=\"bottomRight\"\n        open={open}\n        onOpenChange={setOpen}\n        content={\n          <div className=\"pivot-table-modal box-widget-popover-item-container\">\n            {navs.map((item, key) => (\n              <div key={key} className=\"box-widget-popover-item-group\">\n                <p className=\"box-widget-popover-item-group-header\">{item.title}</p>\n                <div className=\"box-widget-popover-item-group-content\">\n                  {item.child.map((child, childKey) => (\n                    <div\n                      key={childKey}\n                      onClick={() => {\n                        onAdd(child.type as ModuleValueType['type'])\n                      }}\n                      className=\"box-widget-popover-item\"\n                    >\n                      <div className=\"img\">{child.icon}</div>\n                      <div className=\"title\">{child.title}</div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            ))}\n          </div>\n        }\n        trigger=\"click\"\n      >\n        <Button>{t('add.add10')}</Button>\n      </Popover>\n    </>\n  )\n}\n\nexport default AddModuleBtn\n"],"names":["IconChartCombination"],"mappings":";;;;;;;;;;;;;;AAyCA,MAAM,eAA4C,CAAC,EAAE,WAAW;AACxD,QAAA,EAAE,EAAE,IAAI,eAAe;AAEJ,qBAAmB;AAE5C,QAAM,OAAO;AAAA,IACX;AAAA,MACE,OAAO,EAAE,UAAU;AAAA,MACnB,OAAO;AAAA,QACL;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,SAAQ,CAAA,CAAA;AAAA,QACjB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,UAAS,CAAA,CAAA;AAAA,QAClB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,SAAQ,CAAA,CAAA;AAAA,QACjB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,cAAa,CAAA,CAAA;AAAA,QACtB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,WAAW;AAAA,UACpB,MAAM,UAAU,kBAAkB;AAAA,UAClC,0BAAOA,cAAqB,CAAA,CAAA;AAAA,QAAA;AAAA,MAC9B;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,OAAO,EAAE,UAAU;AAAA,MACnB,OAAO;AAAA,QACL;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,gBAAe,CAAA,CAAA;AAAA,QACxB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,YAAW,CAAA,CAAA;AAAA,QACpB;AAAA,QACA;AAAA,UACE,OAAO,EAAE,UAAU;AAAA,UACnB,MAAM;AAAA,UACN,0BAAO,cAAa,CAAA,CAAA;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAChC,QAAA,QAAQ,CAAC,UAAmC;AAChD,YAAQ,KAAK;AACb,iCAAO;AAAA,EACT;AAEA,SAEI,oBAAA,UAAA,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA,cAAc;AAAA,MACd,SACE,oBAAC,OAAI,EAAA,WAAU,uDACZ,UAAA,KAAK,IAAI,CAAC,MAAM,QACd,qBAAA,OAAA,EAAc,WAAU,iCACvB,UAAA;AAAA,QAAA,oBAAC,KAAE,EAAA,WAAU,wCAAwC,UAAA,KAAK,OAAM;AAAA,QAChE,oBAAC,SAAI,WAAU,yCACZ,eAAK,MAAM,IAAI,CAAC,OAAO,aACtB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAM;AACb,oBAAM,MAAM,IAA+B;AAAA,YAC7C;AAAA,YACA,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,oBAAC,OAAI,EAAA,WAAU,OAAO,UAAA,MAAM,MAAK;AAAA,cAChC,oBAAA,OAAA,EAAI,WAAU,SAAS,gBAAM,MAAM,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAP/B;AAAA,QAAA,CASR,EACH,CAAA;AAAA,MAAA,KAfQ,GAgBV,CACD,GACH;AAAA,MAEF,SAAQ;AAAA,MAER,UAAC,oBAAA,QAAA,EAAQ,UAAE,EAAA,WAAW,EAAE,CAAA;AAAA,IAAA;AAAA,EAAA,GAE5B;AAEJ;"}

package/es/dashboard-workbench/components/add-module-modal/add-calendar-modal/custome-data.d.ts

@@ -1,10 +1,10 @@
-import { ModuleData } from '../../module-content';
+import { ConditionListItem } from '../components/condition-modal/interface';
 import { EnumDataApi } from '../../../types';
-import { ConditionListItemTypes } from '../components/condition-modal';
+import { ModuleData } from '../../module-content';
 export type CalendarCustomeDataTypes = {
     dataSourceId?: string;
     conditionData?: {
-        conditionList: ConditionListItemTypes[];
+        conditionList: ConditionListItem[];
         conditionType: 'all' | 'any';
     };
     startDateField?: string;

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

@@ -1,10 +1,10 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Form, Select, Button, Divider } from "antd";
 import { useMemo, useState, useRef, useEffect } from "react";
-import { useAppContext } from "../../../context.js";
+import { Form, Select, Button, Divider } from "antd";
 import { useTranslation } from "react-i18next";
-import ConditionModal from "../components/condition-modal/index.js";
 import { useMemoizedFn, useDebounceFn } from "ahooks";
+import { useAppContext } from "../../../context.js";
+import ConditionModal from "../components/condition-modal/index.js";
 const CustomData = ({
   selectModuleData,
   onAllValuesChange,

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

@@ -1 +1 @@
-{"version":3,"file":"custome-data.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-calendar-modal/custome-data.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Button, Divider, Form, Select } from 'antd'\n\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { useAppContext } from '../../../context'\nimport { ModuleData } from '../../module-content'\nimport { EnumDataApi } from '../../../types'\nimport { useTranslation } from 'react-i18next'\nimport ConditionModal, { ConditionListItemTypes } from '../components/condition-modal'\nimport { useDebounceFn, useMemoizedFn } from 'ahooks'\n\nexport type CalendarCustomeDataTypes = {\n  dataSourceId?: string\n  conditionData?: {\n    conditionList: ConditionListItemTypes[]\n    conditionType: 'all' | 'any'\n  }\n  startDateField?: string\n  endDateField?: string\n  titleField: string\n}\n\ninterface CustomDataProps {\n  selectModuleData?: ModuleData\n  onAllValuesChange?: ((values: any) => void) | undefined\n  enumDataApi?: EnumDataApi\n}\nconst CustomData: React.FC<CustomDataProps> = ({\n  selectModuleData,\n  onAllValuesChange,\n  enumDataApi,\n}) => {\n  /* ============================== split =============================== */\n  const { globalData } = useAppContext()\n  const { t } = useTranslation()\n\n  /* ============================== split =============================== */\n  const initialValues = {\n    dataSourceId: '',\n    startDateField: '',\n    endDateField: '',\n    titleField: '',\n  }\n  const [form] = Form.useForm()\n  const dataSourceId = Form.useWatch('dataSourceId', form)\n\n  const getDataSourceOption = useMemoizedFn(() => {\n    // 产品约定过滤字段\n    const filterField: string[] = ['customers', 'vendors', 'payees']\n    let ret = (globalData?.sourceData ?? []).filter(v => {\n      return !filterField.includes(v.value)\n    })\n    return ret\n  })\n\n  const dataSourceOptions = useMemo(() => {\n    return getDataSourceOption()\n  }, [globalData?.sourceData])\n\n  const getFieldOptions = useMemoizedFn((dataSourceId?: string) => {\n    const list = globalData?.sourceData?.find(item => item.value === dataSourceId)?.fields ?? []\n    return list\n  })\n  const { fieldOptions, timeFieldOptions } = useMemo(() => {\n    const fieldOptions = getFieldOptions(dataSourceId)\n    const timeFieldOptions = fieldOptions?.filter(item => item.type === 'timestamp')\n    return {\n      fieldOptions,\n      timeFieldOptions,\n    }\n  }, [dataSourceId])\n\n  /* ============================== split =============================== */\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const conditionDataRef = useRef()\n  const [conditionData, setConditionData] = useState<any>({\n    conditionList: [],\n    conditionType: 'all',\n  })\n  const [conditionDataNum, setConditionDataNum] = useState(0)\n\n  const setCondition = (val: any) => {\n    setConditionData(val)\n    conditionDataRef.current = val\n    setConditionDataNum(val?.conditionList?.length || 0)\n  }\n\n  /* ============================== split =============================== */\n  //  debounc 2个作用 一个默认值的设置会延后，另一个是防止多次请求\n  const { run: debounceSubmit } = useDebounceFn(\n    useMemoizedFn(() => {\n      onAllValuesChange?.({\n        ...form.getFieldsValue(),\n        conditionData: conditionDataRef.current,\n      })\n    }),\n    {\n      wait: 100,\n    }\n  )\n\n  const handleValuesChange = useMemoizedFn((changedValues, allValues) => {\n    if (changedValues.dataSourceId) {\n      const newFieldOptions = getFieldOptions(changedValues.dataSourceId)\n      const timeFieldOptions = fieldOptions.filter(item => item.type === 'timestamp')\n      form.setFieldsValue({\n        titleField: newFieldOptions?.[0]?.value,\n        startDateField: timeFieldOptions?.[0]?.value,\n        endDateField: timeFieldOptions?.[0]?.value,\n      })\n    }\n\n    debounceSubmit()\n  })\n\n  useEffect(() => {\n    if (selectModuleData?.customData) {\n      const customData = selectModuleData.customData\n      form.setFieldsValue(customData)\n    } else {\n      const dataSourceOptions = getDataSourceOption()\n      const dataSourceId = dataSourceOptions?.[0]?.value\n      const fieldOptions = getFieldOptions(dataSourceId)\n      const timeFieldOptions = fieldOptions.filter(item => item.type === 'timestamp')\n      form.setFieldsValue({\n        ...initialValues,\n        dataSourceId: dataSourceOptions,\n        titleField: fieldOptions?.[0]?.value,\n        startDateField: timeFieldOptions?.[0].value,\n        endDateField: timeFieldOptions?.[0].value,\n      })\n      debounceSubmit()\n    }\n    setCondition(selectModuleData?.customData?.conditionData)\n  }, [selectModuleData, globalData])\n\n  return (\n    <>\n      <Form\n        form={form}\n        name=\"customData\"\n        labelCol={{ span: 8 }}\n        wrapperCol={{ span: 16 }}\n        labelAlign=\"left\"\n        onValuesChange={handleValuesChange}\n        initialValues={initialValues}\n      >\n        <div\n          style={{\n            fontSize: '14px',\n            marginBottom: '5px',\n          }}\n        >\n          {t('data')}\n        </div>\n\n        <Form.Item<CalendarCustomeDataTypes> label={t('dataSource')} name=\"dataSourceId\">\n          <Select options={dataSourceOptions} />\n        </Form.Item>\n\n        <Form.Item<CalendarCustomeDataTypes> label={t('dataRange')}>\n          <Button\n            style={{ marginLeft: '-15px' }}\n            onClick={() => {\n              setIsModalOpen(true)\n            }}\n            type=\"link\"\n          >\n            {t('filterData')}\n          </Button>\n          {conditionDataNum > 0 ? `${t('selectNcondition', { n: conditionDataNum })}` : null}\n        </Form.Item>\n\n        <Divider orientation=\"left\" orientationMargin=\"0\">\n          {t('calendar.t1')}\n        </Divider>\n\n        <Form.Item<CalendarCustomeDataTypes> label={t('calendar.t2')} name=\"startDateField\">\n          <Select options={timeFieldOptions} />\n        </Form.Item>\n\n        <Form.Item<CalendarCustomeDataTypes> label={t('calendar.t3')} name=\"endDateField\">\n          <Select options={timeFieldOptions} />\n        </Form.Item>\n\n        <Form.Item<CalendarCustomeDataTypes> label={t('calendar.t4')} name=\"titleField\">\n          <Select options={fieldOptions} />\n        </Form.Item>\n      </Form>\n      <ConditionModal\n        open={isModalOpen}\n        value={conditionData}\n        fieldOptions={fieldOptions}\n        enumDataApi={enumDataApi}\n        onClose={() => {\n          setIsModalOpen(false)\n        }}\n        onOk={val => {\n          setCondition(val)\n          debounceSubmit()\n        }}\n      />\n    </>\n  )\n}\nexport default CustomData\n"],"names":["dataSourceId","fieldOptions","timeFieldOptions","dataSourceOptions"],"mappings":"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"}
+{"version":3,"file":"custome-data.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-calendar-modal/custome-data.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { Button, Divider, Form, Select } from 'antd'\nimport { useTranslation } from 'react-i18next'\nimport { useDebounceFn, useMemoizedFn } from 'ahooks'\nimport { ConditionListItem } from '@platox/pivot-table/components/add-module-modal/components/condition-modal/interface'\nimport { useAppContext } from '../../../context'\nimport { EnumDataApi } from '../../../types'\nimport { ModuleData } from '../../module-content'\nimport ConditionModal from '../components/condition-modal'\n\nexport type CalendarCustomeDataTypes = {\n  dataSourceId?: string\n  conditionData?: {\n    conditionList: ConditionListItem[]\n    conditionType: 'all' | 'any'\n  }\n  startDateField?: string\n  endDateField?: string\n  titleField: string\n}\n\ninterface CustomDataProps {\n  selectModuleData?: ModuleData\n  onAllValuesChange?: ((values: any) => void) | undefined\n  enumDataApi?: EnumDataApi\n}\nconst CustomData: React.FC<CustomDataProps> = ({\n  selectModuleData,\n  onAllValuesChange,\n  enumDataApi,\n}) => {\n  /* ============================== split =============================== */\n  const { globalData } = useAppContext()\n  const { t } = useTranslation()\n\n  /* ============================== split =============================== */\n  const initialValues = {\n    dataSourceId: '',\n    startDateField: '',\n    endDateField: '',\n    titleField: '',\n  }\n  const [form] = Form.useForm()\n  const dataSourceId = Form.useWatch('dataSourceId', form)\n\n  const getDataSourceOption = useMemoizedFn(() => {\n    // 产品约定过滤字段\n    const filterField: string[] = ['customers', 'vendors', 'payees']\n    let ret = (globalData?.sourceData ?? []).filter(v => {\n      return !filterField.includes(v.value)\n    })\n    return ret\n  })\n\n  const dataSourceOptions = useMemo(() => {\n    return getDataSourceOption()\n  }, [globalData?.sourceData])\n\n  const getFieldOptions = useMemoizedFn((dataSourceId?: string) => {\n    const list = globalData?.sourceData?.find(item => item.value === dataSourceId)?.fields ?? []\n    return list\n  })\n  const { fieldOptions, timeFieldOptions } = useMemo(() => {\n    const fieldOptions = getFieldOptions(dataSourceId)\n    const timeFieldOptions = fieldOptions?.filter(item => item.type === 'timestamp')\n    return {\n      fieldOptions,\n      timeFieldOptions,\n    }\n  }, [dataSourceId])\n\n  /* ============================== split =============================== */\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const conditionDataRef = useRef()\n  const [conditionData, setConditionData] = useState<any>({\n    conditionList: [],\n    conditionType: 'all',\n  })\n  const [conditionDataNum, setConditionDataNum] = useState(0)\n\n  const setCondition = (val: any) => {\n    setConditionData(val)\n    conditionDataRef.current = val\n    setConditionDataNum(val?.conditionList?.length || 0)\n  }\n\n  /* ============================== split =============================== */\n  //  debounc 2个作用 一个默认值的设置会延后，另一个是防止多次请求\n  const { run: debounceSubmit } = useDebounceFn(\n    useMemoizedFn(() => {\n      onAllValuesChange?.({\n        ...form.getFieldsValue(),\n        conditionData: conditionDataRef.current,\n      })\n    }),\n    {\n      wait: 100,\n    }\n  )\n\n  const handleValuesChange = useMemoizedFn((changedValues, allValues) => {\n    if (changedValues.dataSourceId) {\n      const newFieldOptions = getFieldOptions(changedValues.dataSourceId)\n      const timeFieldOptions = fieldOptions.filter(item => item.type === 'timestamp')\n      form.setFieldsValue({\n        titleField: newFieldOptions?.[0]?.value,\n        startDateField: timeFieldOptions?.[0]?.value,\n        endDateField: timeFieldOptions?.[0]?.value,\n      })\n    }\n\n    debounceSubmit()\n  })\n\n  useEffect(() => {\n    if (selectModuleData?.customData) {\n      const customData = selectModuleData.customData\n      form.setFieldsValue(customData)\n    } else {\n      const dataSourceOptions = getDataSourceOption()\n      const dataSourceId = dataSourceOptions?.[0]?.value\n      const fieldOptions = getFieldOptions(dataSourceId)\n      const timeFieldOptions = fieldOptions.filter(item => item.type === 'timestamp')\n      form.setFieldsValue({\n        ...initialValues,\n        dataSourceId: dataSourceOptions,\n        titleField: fieldOptions?.[0]?.value,\n        startDateField: timeFieldOptions?.[0].value,\n        endDateField: timeFieldOptions?.[0].value,\n      })\n      debounceSubmit()\n    }\n    setCondition(selectModuleData?.customData?.conditionData)\n  }, [selectModuleData, globalData])\n\n  return (\n    <>\n      <Form\n        form={form}\n        name=\"customData\"\n        labelCol={{ span: 8 }}\n        wrapperCol={{ span: 16 }}\n        labelAlign=\"left\"\n        onValuesChange={handleValuesChange}\n        initialValues={initialValues}\n      >\n        <div\n          style={{\n            fontSize: '14px',\n            marginBottom: '5px',\n          }}\n        >\n          {t('data')}\n        </div>\n\n        <Form.Item<CalendarCustomeDataTypes> label={t('dataSource')} name=\"dataSourceId\">\n          <Select options={dataSourceOptions} />\n        </Form.Item>\n\n        <Form.Item<CalendarCustomeDataTypes> label={t('dataRange')}>\n          <Button\n            style={{ marginLeft: '-15px' }}\n            onClick={() => {\n              setIsModalOpen(true)\n            }}\n            type=\"link\"\n          >\n            {t('filterData')}\n          </Button>\n          {conditionDataNum > 0 ? `${t('selectNcondition', { n: conditionDataNum })}` : null}\n        </Form.Item>\n\n        <Divider orientation=\"left\" orientationMargin=\"0\">\n          {t('calendar.t1')}\n        </Divider>\n\n        <Form.Item<CalendarCustomeDataTypes> label={t('calendar.t2')} name=\"startDateField\">\n          <Select options={timeFieldOptions} />\n        </Form.Item>\n\n        <Form.Item<CalendarCustomeDataTypes> label={t('calendar.t3')} name=\"endDateField\">\n          <Select options={timeFieldOptions} />\n        </Form.Item>\n\n        <Form.Item<CalendarCustomeDataTypes> label={t('calendar.t4')} name=\"titleField\">\n          <Select options={fieldOptions} />\n        </Form.Item>\n      </Form>\n      <ConditionModal\n        open={isModalOpen}\n        value={conditionData}\n        fieldOptions={fieldOptions}\n        enumDataApi={enumDataApi}\n        onClose={() => {\n          setIsModalOpen(false)\n        }}\n        onOk={val => {\n          setCondition(val)\n          debounceSubmit()\n        }}\n      />\n    </>\n  )\n}\nexport default CustomData\n"],"names":["dataSourceId","fieldOptions","timeFieldOptions","dataSourceOptions"],"mappings":"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"}

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

@@ -2,10 +2,10 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Modal, Button } from "antd";
 import { CloseOutlined } from "@ant-design/icons";
-import CustomData from "./custome-data.js";
-import CalendarModule from "../../module-content/calendar-module/index.js";
 import { useTranslation } from "react-i18next";
-import { EditorHeader } from "../../ui/modal/editor-header.js";
+import { EditorHeader } from "../../modal-editor-header/index.js";
+import CalendarModule from "../../module-content/calendar-module/index.js";
+import CustomData from "./custome-data.js";
 const AddStatisticsModal = ({
   open,
   onClose,
@@ -36,7 +36,7 @@ const AddStatisticsModal = ({
       open,
       onCancel: onClose,
       closeIcon: /* @__PURE__ */ jsx(CloseOutlined, {}),
-      className: "ow",
+      className: "ow ow-modal",
       children: /* @__PURE__ */ jsxs("div", { className: "config-widget-dialog-container", children: [
         /* @__PURE__ */ jsx("div", { className: "config-widget-dialog-content", children: /* @__PURE__ */ jsx(
           "div",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-calendar-modal/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { Button, Modal } from 'antd'\nimport { CloseOutlined } from '@ant-design/icons'\nimport CustomData, { CalendarCustomeDataTypes } from './custome-data'\nimport { EnumDataApi, ModuleDataApi } from '../../../types'\nimport CalendarModule from '../../module-content/calendar-module'\nimport { ModuleData } from '../../module-content'\nimport { useTranslation } from 'react-i18next'\nimport EditorHeader from '@platox/pivot-table/dashboard-workbench/components/ui/modal/editor-header'\n\ninterface AddStatisticsModalProps {\n  open: boolean\n  onClose?: () => void\n  onOk?: (data: Partial<ModuleData>) => void\n\n  selectModuleData?: ModuleData\n  moduleDataApi?: ModuleDataApi\n  enumDataApi?: EnumDataApi\n}\n\nconst AddStatisticsModal: React.FC<AddStatisticsModalProps> = ({\n  open,\n  onClose,\n  onOk,\n  moduleDataApi,\n  selectModuleData,\n  enumDataApi,\n}) => {\n  const { t } = useTranslation()\n  const [customData, setCustomData] = useState<CalendarCustomeDataTypes>()\n\n  useEffect(() => {\n    if (selectModuleData) {\n      setCustomData(selectModuleData?.customData)\n    }\n  }, [selectModuleData])\n\n  /* ============================== split =============================== */\n  const [title, setTitle] = useState<string>('')\n  useEffect(() => {\n    if (open) {\n      setTitle(selectModuleData?.title ? selectModuleData?.title : t('calendarText'))\n    }\n  }, [open])\n\n  return (\n    <>\n      <Modal\n        width=\"65%\"\n        title={<EditorHeader value={title} onChange={setTitle} />}\n        footer={null}\n        open={open}\n        onCancel={onClose}\n        closeIcon={<CloseOutlined />}\n        className=\"ow\"\n      >\n        <div className=\"config-widget-dialog-container\">\n          <div className=\"config-widget-dialog-content\">\n            <div\n              className=\"config-widget-dialog-preview\"\n              style={{ borderRight: '1px solid #e0e0e0' }}\n            >\n              <CalendarModule customData={customData} moduleDataApi={moduleDataApi} />\n            </div>\n          </div>\n          <div className=\"config-widget-dialog-panel\" style={{ borderLeft: 'none' }}>\n            <div className=\"bitable-dashboard edit-panel-container\" style={{ paddingTop: '20px' }}>\n              <CustomData\n                enumDataApi={enumDataApi}\n                selectModuleData={selectModuleData}\n                onAllValuesChange={allVal => {\n                  setCustomData(allVal)\n                }}\n              />\n            </div>\n            <div className=\"button-container\">\n              <Button\n                type=\"primary\"\n                onClick={() => {\n                  onOk?.({\n                    id: selectModuleData?.id,\n                    customData,\n                    title,\n                  })\n                }}\n              >\n                {t('confirm')}\n              </Button>\n            </div>\n          </div>\n        </div>\n      </Modal>\n    </>\n  )\n}\n\nexport default AddStatisticsModal\n"],"names":[],"mappings":";;;;;;;;AAoBA,MAAM,qBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAmC;AAEvE,YAAU,MAAM;AACd,QAAI,kBAAkB;AACpB,oBAAc,qDAAkB,UAAU;AAAA,IAAA;AAAA,EAC5C,GACC,CAAC,gBAAgB,CAAC;AAGrB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,EAAE;AAC7C,YAAU,MAAM;AACd,QAAI,MAAM;AACR,gBAAS,qDAAkB,SAAQ,qDAAkB,QAAQ,EAAE,cAAc,CAAC;AAAA,IAAA;AAAA,EAChF,GACC,CAAC,IAAI,CAAC;AAET,SAEI,oBAAA,UAAA,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAQ,oBAAA,cAAA,EAAa,OAAO,OAAO,UAAU,UAAU;AAAA,MACvD,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,+BAAY,eAAc,EAAA;AAAA,MAC1B,WAAU;AAAA,MAEV,UAAA,qBAAC,OAAI,EAAA,WAAU,kCACb,UAAA;AAAA,QAAC,oBAAA,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,aAAa,oBAAoB;AAAA,YAE1C,UAAA,oBAAC,gBAAe,EAAA,YAAwB,cAA8B,CAAA;AAAA,UAAA;AAAA,QAAA,GAE1E;AAAA,QACA,qBAAC,SAAI,WAAU,8BAA6B,OAAO,EAAE,YAAY,OAC/D,GAAA,UAAA;AAAA,UAAA,oBAAC,SAAI,WAAU,0CAAyC,OAAO,EAAE,YAAY,UAC3E,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,mBAAmB,CAAU,WAAA;AAC3B,8BAAc,MAAM;AAAA,cAAA;AAAA,YACtB;AAAA,UAAA,GAEJ;AAAA,UACA,oBAAC,OAAI,EAAA,WAAU,oBACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM;AACN,6CAAA;AAAA,kBACL,IAAI,qDAAkB;AAAA,kBACtB;AAAA,kBACA;AAAA,gBAAA;AAAA,cAEJ;AAAA,cAEC,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA,EAEhB,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/dashboard-workbench/components/add-module-modal/add-calendar-modal/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { Button, Modal } from 'antd'\nimport { CloseOutlined } from '@ant-design/icons'\nimport { useTranslation } from 'react-i18next'\nimport EditorHeader from '@platox/pivot-table/components/modal-editor-header'\nimport { EnumDataApi, ModuleDataApi } from '../../../types'\nimport { ModuleData } from '../../module-content'\nimport CalendarModule from '../../module-content/calendar-module'\nimport CustomData, { CalendarCustomeDataTypes } from './custome-data'\n\ninterface AddStatisticsModalProps {\n  open: boolean\n  onClose?: () => void\n  onOk?: (data: Partial<ModuleData>) => void\n\n  selectModuleData?: ModuleData\n  moduleDataApi?: ModuleDataApi\n  enumDataApi?: EnumDataApi\n}\n\nconst AddStatisticsModal: React.FC<AddStatisticsModalProps> = ({\n  open,\n  onClose,\n  onOk,\n  moduleDataApi,\n  selectModuleData,\n  enumDataApi,\n}) => {\n  const { t } = useTranslation()\n  const [customData, setCustomData] = useState<CalendarCustomeDataTypes>()\n\n  useEffect(() => {\n    if (selectModuleData) {\n      setCustomData(selectModuleData?.customData)\n    }\n  }, [selectModuleData])\n\n  /* ============================== split =============================== */\n  const [title, setTitle] = useState<string>('')\n  useEffect(() => {\n    if (open) {\n      setTitle(selectModuleData?.title ? selectModuleData?.title : t('calendarText'))\n    }\n  }, [open])\n\n  return (\n    <>\n      <Modal\n        width=\"65%\"\n        title={<EditorHeader value={title} onChange={setTitle} />}\n        footer={null}\n        open={open}\n        onCancel={onClose}\n        closeIcon={<CloseOutlined />}\n        className=\"ow ow-modal\"\n      >\n        <div className=\"config-widget-dialog-container\">\n          <div className=\"config-widget-dialog-content\">\n            <div\n              className=\"config-widget-dialog-preview\"\n              style={{ borderRight: '1px solid #e0e0e0' }}\n            >\n              <CalendarModule customData={customData} moduleDataApi={moduleDataApi} />\n            </div>\n          </div>\n          <div className=\"config-widget-dialog-panel\" style={{ borderLeft: 'none' }}>\n            <div className=\"bitable-dashboard edit-panel-container\" style={{ paddingTop: '20px' }}>\n              <CustomData\n                enumDataApi={enumDataApi}\n                selectModuleData={selectModuleData}\n                onAllValuesChange={allVal => {\n                  setCustomData(allVal)\n                }}\n              />\n            </div>\n            <div className=\"button-container\">\n              <Button\n                type=\"primary\"\n                onClick={() => {\n                  onOk?.({\n                    id: selectModuleData?.id,\n                    customData,\n                    title,\n                  })\n                }}\n              >\n                {t('confirm')}\n              </Button>\n            </div>\n          </div>\n        </div>\n      </Modal>\n    </>\n  )\n}\n\nexport default AddStatisticsModal\n"],"names":[],"mappings":";;;;;;;;AAoBA,MAAM,qBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAmC;AAEvE,YAAU,MAAM;AACd,QAAI,kBAAkB;AACpB,oBAAc,qDAAkB,UAAU;AAAA,IAAA;AAAA,EAC5C,GACC,CAAC,gBAAgB,CAAC;AAGrB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,EAAE;AAC7C,YAAU,MAAM;AACd,QAAI,MAAM;AACR,gBAAS,qDAAkB,SAAQ,qDAAkB,QAAQ,EAAE,cAAc,CAAC;AAAA,IAAA;AAAA,EAChF,GACC,CAAC,IAAI,CAAC;AAET,SAEI,oBAAA,UAAA,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAQ,oBAAA,cAAA,EAAa,OAAO,OAAO,UAAU,UAAU;AAAA,MACvD,QAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,+BAAY,eAAc,EAAA;AAAA,MAC1B,WAAU;AAAA,MAEV,UAAA,qBAAC,OAAI,EAAA,WAAU,kCACb,UAAA;AAAA,QAAC,oBAAA,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,aAAa,oBAAoB;AAAA,YAE1C,UAAA,oBAAC,gBAAe,EAAA,YAAwB,cAA8B,CAAA;AAAA,UAAA;AAAA,QAAA,GAE1E;AAAA,QACA,qBAAC,SAAI,WAAU,8BAA6B,OAAO,EAAE,YAAY,OAC/D,GAAA,UAAA;AAAA,UAAA,oBAAC,SAAI,WAAU,0CAAyC,OAAO,EAAE,YAAY,UAC3E,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,mBAAmB,CAAU,WAAA;AAC3B,8BAAc,MAAM;AAAA,cAAA;AAAA,YACtB;AAAA,UAAA,GAEJ;AAAA,UACA,oBAAC,OAAI,EAAA,WAAU,oBACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM;AACN,6CAAA;AAAA,kBACL,IAAI,qDAAkB;AAAA,kBACtB;AAAA,kBACA;AAAA,gBAAA;AAAA,cAEJ;AAAA,cAEC,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA,EAEhB,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/components/CombinationChartOptionPicker.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+import { ChartType, CombinationChartConfig } from '../interface';
+export declare const defaultValue: {
+    chartType: ChartType;
+    yAxisPos: string;
+};
+export type CombinationChartOptionPickerProps = {
+    style?: CSSProperties;
+    className?: string;
+    value?: CombinationChartConfig;
+    onChange?: (v: CombinationChartConfig) => void;
+    initTriggerChange?: boolean;
+};
+export declare const CombinationChartOptionPicker: {
+    (props: CombinationChartOptionPickerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default CombinationChartOptionPicker;

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

@@ -0,0 +1,103 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import clsx from "clsx";
+import { Dropdown, Tooltip, Button, Divider } from "antd";
+import { BarChartOutlined, LineChartOutlined, BorderLeftOutlined, BorderRightOutlined } from "@ant-design/icons";
+import { useTranslation } from "react-i18next";
+import { useControllableValue } from "ahooks";
+import { ChartType } from "../interface.js";
+import styles from "./index.module.less.js";
+const componentName = "combination-chart-option";
+const defaultValue = {
+  chartType: ChartType.ChartBar,
+  yAxisPos: "left"
+};
+const CombinationChartOptionPicker = (props) => {
+  const { style, className, initTriggerChange = false } = props;
+  const { t } = useTranslation();
+  const [value, setValue] = useControllableValue(props);
+  const ChartTypeOption = [
+    {
+      label: t("chart.t2"),
+      key: ChartType.ChartBar,
+      icon: /* @__PURE__ */ jsx(BarChartOutlined, {})
+    },
+    {
+      label: t("chart.t8"),
+      key: ChartType.ChartLine,
+      icon: /* @__PURE__ */ jsx(LineChartOutlined, {})
+    }
+  ];
+  const PosOption = [
+    {
+      label: t("chart.left"),
+      key: "left",
+      icon: /* @__PURE__ */ jsx(BorderLeftOutlined, {})
+    },
+    {
+      label: t("chart.right"),
+      key: "right",
+      icon: /* @__PURE__ */ jsx(BorderRightOutlined, {})
+    }
+  ];
+  const chartType = (value == null ? void 0 : value.chartType) ?? (defaultValue == null ? void 0 : defaultValue.chartType);
+  const yAxisPos = (value == null ? void 0 : value.yAxisPos) ?? (defaultValue == null ? void 0 : defaultValue.yAxisPos);
+  const selectChartItem = useMemo(() => {
+    return ChartTypeOption.find((v) => v.key === chartType);
+  }, [chartType, ChartTypeOption]);
+  const selectPosItem = useMemo(() => {
+    return PosOption.find((v) => v.key === yAxisPos);
+  }, [yAxisPos, PosOption]);
+  return /* @__PURE__ */ jsxs("div", { className: clsx(styles[`${componentName}`], componentName), style, children: [
+    /* @__PURE__ */ jsx(
+      Dropdown,
+      {
+        trigger: ["click"],
+        placement: "bottom",
+        menu: {
+          items: ChartTypeOption.map((v) => {
+            return {
+              ...v,
+              onClick: () => {
+                setValue({
+                  chartType: v.key,
+                  yAxisPos
+                });
+              }
+            };
+          })
+        },
+        children: /* @__PURE__ */ jsx(Tooltip, { title: selectChartItem == null ? void 0 : selectChartItem.label, children: /* @__PURE__ */ jsx(Button, { size: "small", type: "text", children: selectChartItem == null ? void 0 : selectChartItem.icon }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(Divider, { type: "vertical", style: { margin: "0 2px" } }),
+    /* @__PURE__ */ jsx(
+      Dropdown,
+      {
+        trigger: ["click"],
+        placement: "bottom",
+        menu: {
+          items: PosOption.map((v) => {
+            return {
+              ...v,
+              onClick: () => {
+                setValue({
+                  chartType,
+                  yAxisPos: v.key
+                });
+              }
+            };
+          })
+        },
+        children: /* @__PURE__ */ jsx(Tooltip, { title: selectPosItem == null ? void 0 : selectPosItem.label, children: /* @__PURE__ */ jsx(Button, { size: "small", type: "text", children: selectPosItem == null ? void 0 : selectPosItem.icon }) })
+      }
+    )
+  ] });
+};
+CombinationChartOptionPicker.displayName = "CombinationChartOptionPicker";
+export {
+  CombinationChartOptionPicker,
+  CombinationChartOptionPicker as default,
+  defaultValue
+};
+//# sourceMappingURL=CombinationChartOptionPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CombinationChartOptionPicker.js","sources":["../../../../../../packages/dashboard-workbench/components/add-module-modal/add-chart-modal/components/CombinationChartOptionPicker.tsx"],"sourcesContent":["import { useEffect, useMemo, type CSSProperties } from 'react'\nimport clsx from 'clsx'\nimport { Button, Divider, Dropdown, Popover, Tooltip } from 'antd'\nimport {\n  AreaChartOutlined,\n  BarChartOutlined,\n  BorderLeftOutlined,\n  BorderRightOutlined,\n  LineChartOutlined,\n  PieChartOutlined,\n} from '@ant-design/icons'\nimport { useTranslation } from 'react-i18next'\nimport { useControllableValue } from 'ahooks'\nimport IconBar from '@platox/pivot-table/icon/icon-bar'\nimport IconLine from '@platox/pivot-table/icon/icon-line'\nimport { ChartType, CombinationChartConfig } from '../interface'\nimport styles from './index.module.less'\n\nconst componentName = 'combination-chart-option'\n\nexport const defaultValue = {\n  chartType: ChartType.ChartBar,\n  yAxisPos: 'left',\n}\n\n/* ============================== split =============================== */\n\nexport type CombinationChartOptionPickerProps = {\n  style?: CSSProperties\n  className?: string\n\n  value?: CombinationChartConfig\n  onChange?: (v: CombinationChartConfig) => void\n\n  initTriggerChange?: boolean\n}\n\nexport const CombinationChartOptionPicker = (props: CombinationChartOptionPickerProps) => {\n  const { style, className, initTriggerChange = false } = props\n  const { t } = useTranslation()\n\n  const [value, setValue] = useControllableValue<CombinationChartConfig>(props)\n\n  /* ============================== split =============================== */\n  const ChartTypeOption = [\n    {\n      label: t('chart.t2'),\n      key: ChartType.ChartBar,\n      icon: <BarChartOutlined />,\n    },\n    {\n      label: t('chart.t8'),\n      key: ChartType.ChartLine,\n      icon: <LineChartOutlined />,\n    },\n  ]\n  const PosOption = [\n    {\n      label: t('chart.left'),\n      key: 'left',\n      icon: <BorderLeftOutlined />,\n    },\n    {\n      label: t('chart.right'),\n      key: 'right',\n      icon: <BorderRightOutlined />,\n    },\n  ]\n\n  /* ============================== split =============================== */\n\n  const chartType = value?.chartType ?? defaultValue?.chartType\n  const yAxisPos = value?.yAxisPos ?? defaultValue?.yAxisPos\n\n  const selectChartItem = useMemo(() => {\n    return ChartTypeOption.find(v => v.key === chartType)\n  }, [chartType, ChartTypeOption])\n\n  const selectPosItem = useMemo(() => {\n    return PosOption.find(v => v.key === yAxisPos)\n  }, [yAxisPos, PosOption])\n\n  return (\n    <div className={clsx(styles[`${componentName}`], componentName)} style={style}>\n      <Dropdown\n        trigger={['click']}\n        placement=\"bottom\"\n        menu={{\n          items: ChartTypeOption.map(v => {\n            return {\n              ...v,\n              onClick: () => {\n                setValue({\n                  chartType: v.key as CombinationChartConfig['chartType'],\n                  yAxisPos,\n                })\n              },\n            }\n          }),\n        }}\n      >\n        <Tooltip title={selectChartItem?.label}>\n          <Button size=\"small\" type=\"text\">\n            {selectChartItem?.icon}\n          </Button>\n        </Tooltip>\n      </Dropdown>\n      <Divider type=\"vertical\" style={{ margin: '0 2px' }} />\n      <Dropdown\n        trigger={['click']}\n        placement=\"bottom\"\n        menu={{\n          items: PosOption.map(v => {\n            return {\n              ...v,\n              onClick: () => {\n                setValue({\n                  chartType,\n                  yAxisPos: v.key as CombinationChartConfig['yAxisPos'],\n                })\n              },\n            }\n          }),\n        }}\n      >\n        <Tooltip title={selectPosItem?.label}>\n          <Button size=\"small\" type=\"text\">\n            {selectPosItem?.icon}\n          </Button>\n        </Tooltip>\n      </Dropdown>\n    </div>\n  )\n}\n\nCombinationChartOptionPicker.displayName = 'CombinationChartOptionPicker'\n\nexport default CombinationChartOptionPicker\n"],"names":[],"mappings":";;;;;;;;;AAkBA,MAAM,gBAAgB;AAEf,MAAM,eAAe;AAAA,EAC1B,WAAW,UAAU;AAAA,EACrB,UAAU;AACZ;AAca,MAAA,+BAA+B,CAAC,UAA6C;AACxF,QAAM,EAAE,OAAO,WAAW,oBAAoB,MAAU,IAAA;AAClD,QAAA,EAAE,EAAE,IAAI,eAAe;AAE7B,QAAM,CAAC,OAAO,QAAQ,IAAI,qBAA6C,KAAK;AAG5E,QAAM,kBAAkB;AAAA,IACtB;AAAA,MACE,OAAO,EAAE,UAAU;AAAA,MACnB,KAAK,UAAU;AAAA,MACf,0BAAO,kBAAiB,CAAA,CAAA;AAAA,IAC1B;AAAA,IACA;AAAA,MACE,OAAO,EAAE,UAAU;AAAA,MACnB,KAAK,UAAU;AAAA,MACf,0BAAO,mBAAkB,CAAA,CAAA;AAAA,IAAA;AAAA,EAE7B;AACA,QAAM,YAAY;AAAA,IAChB;AAAA,MACE,OAAO,EAAE,YAAY;AAAA,MACrB,KAAK;AAAA,MACL,0BAAO,oBAAmB,CAAA,CAAA;AAAA,IAC5B;AAAA,IACA;AAAA,MACE,OAAO,EAAE,aAAa;AAAA,MACtB,KAAK;AAAA,MACL,0BAAO,qBAAoB,CAAA,CAAA;AAAA,IAAA;AAAA,EAE/B;AAIM,QAAA,aAAY,+BAAO,eAAa,6CAAc;AAC9C,QAAA,YAAW,+BAAO,cAAY,6CAAc;AAE5C,QAAA,kBAAkB,QAAQ,MAAM;AACpC,WAAO,gBAAgB,KAAK,CAAK,MAAA,EAAE,QAAQ,SAAS;AAAA,EAAA,GACnD,CAAC,WAAW,eAAe,CAAC;AAEzB,QAAA,gBAAgB,QAAQ,MAAM;AAClC,WAAO,UAAU,KAAK,CAAK,MAAA,EAAE,QAAQ,QAAQ;AAAA,EAAA,GAC5C,CAAC,UAAU,SAAS,CAAC;AAGtB,SAAA,qBAAC,OAAI,EAAA,WAAW,KAAK,OAAO,GAAG,aAAa,EAAE,GAAG,aAAa,GAAG,OAC/D,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,OAAO;AAAA,QACjB,WAAU;AAAA,QACV,MAAM;AAAA,UACJ,OAAO,gBAAgB,IAAI,CAAK,MAAA;AACvB,mBAAA;AAAA,cACL,GAAG;AAAA,cACH,SAAS,MAAM;AACJ,yBAAA;AAAA,kBACP,WAAW,EAAE;AAAA,kBACb;AAAA,gBAAA,CACD;AAAA,cAAA;AAAA,YAEL;AAAA,UACD,CAAA;AAAA,QACH;AAAA,QAEA,UAAC,oBAAA,SAAA,EAAQ,OAAO,mDAAiB,OAC/B,UAAA,oBAAC,QAAO,EAAA,MAAK,SAAQ,MAAK,QACvB,UAAA,mDAAiB,MACpB,EACF,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,oBAAC,WAAQ,MAAK,YAAW,OAAO,EAAE,QAAQ,WAAW;AAAA,IACrD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,OAAO;AAAA,QACjB,WAAU;AAAA,QACV,MAAM;AAAA,UACJ,OAAO,UAAU,IAAI,CAAK,MAAA;AACjB,mBAAA;AAAA,cACL,GAAG;AAAA,cACH,SAAS,MAAM;AACJ,yBAAA;AAAA,kBACP;AAAA,kBACA,UAAU,EAAE;AAAA,gBAAA,CACb;AAAA,cAAA;AAAA,YAEL;AAAA,UACD,CAAA;AAAA,QACH;AAAA,QAEA,UAAC,oBAAA,SAAA,EAAQ,OAAO,+CAAe,OAC7B,UAAA,oBAAC,QAAO,EAAA,MAAK,SAAQ,MAAK,QACvB,UAAA,+CAAe,MAClB,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,6BAA6B,cAAc;"}

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/components/GroupFieldConfigPicker.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties } from 'react';
+import { ChartCustomDataType } from '../interface';
+export type GroupFieldConfigPickerProps<T> = {
+    style?: CSSProperties;
+    className?: string;
+    options?: T[];
+    value?: ChartCustomDataType['groupFieldConfig'];
+    onChange?: (v: ChartCustomDataType['groupFieldConfig']) => void;
+};
+export declare const GroupFieldConfigPicker: {
+    <T>(props: GroupFieldConfigPickerProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default GroupFieldConfigPicker;

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

@@ -0,0 +1,79 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import clsx from "clsx";
+import { Tooltip, Input } from "antd";
+import { useControllableValue, useMemoizedFn } from "ahooks";
+import { ChartType } from "../interface.js";
+import { CombinationChartOptionPicker } from "./CombinationChartOptionPicker.js";
+import styles from "./index.module.less.js";
+const componentName = "group-field-config-picker";
+const empty = [];
+const GroupFieldConfigPicker = (props) => {
+  const { style, className, options = empty } = props;
+  const [value = empty, setValue] = useControllableValue(props);
+  const getFieldValue = useMemoizedFn((key) => {
+    let match = (value ?? []).find((v) => v.value === key);
+    return match ? match.config : void 0;
+  });
+  const handleFieldChange = useMemoizedFn((key, config) => {
+    let newData = [...value ?? []];
+    let match = newData.find((v) => v.value === key);
+    if (match) {
+      match.config = config;
+    } else {
+      newData.push({ value: key, config });
+    }
+    setValue(newData);
+    return;
+  });
+  useEffect(() => {
+    if ((options == null ? void 0 : options.length) > 0) {
+      let newData = options.map((v) => {
+        return {
+          value: v,
+          config: {
+            chartType: ChartType["ChartBar"],
+            yAxisPos: "left",
+            ...getFieldValue(v) ?? {}
+          }
+        };
+      });
+      setValue(newData);
+    }
+  }, [options]);
+  return useMemo(
+    () => /* @__PURE__ */ jsx("div", { className: clsx(className, styles[`${componentName}`]), style, children: /* @__PURE__ */ jsx("div", { children: ((props == null ? void 0 : props.options) ?? []).map((fieldName) => {
+      let str = `${fieldName}`;
+      const value2 = getFieldValue(fieldName);
+      return /* @__PURE__ */ jsxs("div", { className: clsx(styles[`${componentName}__item`]), children: [
+        /* @__PURE__ */ jsx(Tooltip, { title: str, children: /* @__PURE__ */ jsx("div", { className: clsx(styles[`${componentName}__input`]), children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: str,
+            disabled: true,
+            style: {
+              width: 200,
+              pointerEvents: "none"
+            }
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx(
+          CombinationChartOptionPicker,
+          {
+            value: value2,
+            onChange: (v) => {
+              handleFieldChange(fieldName, v);
+            }
+          }
+        )
+      ] }, str);
+    }) }) }),
+    [value, options]
+  );
+};
+GroupFieldConfigPicker.displayName = "GroupFieldConfigPicker";
+export {
+  GroupFieldConfigPicker,
+  GroupFieldConfigPicker as default
+};
+//# sourceMappingURL=GroupFieldConfigPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupFieldConfigPicker.js","sources":["../../../../../../packages/dashboard-workbench/components/add-module-modal/add-chart-modal/components/GroupFieldConfigPicker.tsx"],"sourcesContent":["import { useEffect, useMemo, type CSSProperties } from 'react'\nimport clsx from 'clsx'\nimport { Input, Tooltip } from 'antd'\nimport { useControllableValue, useMemoizedFn } from 'ahooks'\nimport { ChartCustomDataType, ChartType, CombinationChartConfig } from '../interface'\nimport { CombinationChartOptionPicker } from './CombinationChartOptionPicker'\nimport styles from './index.module.less'\n\nconst componentName = 'group-field-config-picker'\n\nconst empty: unknown[] = []\n\nexport type GroupFieldConfigPickerProps<T> = {\n  style?: CSSProperties\n  className?: string\n\n  options?: T[]\n\n  value?: ChartCustomDataType['groupFieldConfig']\n  onChange?: (v: ChartCustomDataType['groupFieldConfig']) => void\n}\n\nexport const GroupFieldConfigPicker = <T,>(props: GroupFieldConfigPickerProps<T>) => {\n  const { style, className, options = empty as T[] } = props\n\n  const [value = empty as ChartCustomDataType['groupFieldConfig'], setValue] =\n    useControllableValue<ChartCustomDataType['groupFieldConfig']>(props)\n\n  const getFieldValue = useMemoizedFn((key: T) => {\n    let match = (value ?? []).find(v => v.value === key)\n    return match ? match.config : undefined\n  })\n\n  const handleFieldChange = useMemoizedFn((key: T, config: CombinationChartConfig) => {\n    let newData = [...(value ?? [])]\n    let match = newData.find(v => v.value === key)\n    if (match) {\n      match.config = config\n    } else {\n      newData.push({ value: key, config })\n    }\n    setValue(newData)\n    return\n  })\n\n  /* ============================== 默认值 =============================== */\n  useEffect(() => {\n    if (options?.length > 0) {\n      let newData: ChartCustomDataType['groupFieldConfig'] = options.map(v => {\n        return {\n          value: v,\n          config: {\n            chartType: ChartType['ChartBar'],\n            yAxisPos: 'left',\n            ...(getFieldValue(v) ?? {}),\n          },\n        }\n      })\n      setValue(newData)\n    }\n  }, [options])\n\n  return useMemo(\n    () => (\n      <div className={clsx(className, styles[`${componentName}`])} style={style}>\n        <div>\n          {(props?.options ?? []).map(fieldName => {\n            let str = `${fieldName}`\n            const value = getFieldValue(fieldName)\n            return (\n              <div className={clsx(styles[`${componentName}__item`])} key={str}>\n                <Tooltip title={str}>\n                  <div className={clsx(styles[`${componentName}__input`])}>\n                    <Input\n                      value={str}\n                      disabled={true}\n                      style={{\n                        width: 200,\n                        pointerEvents: 'none',\n                      }}\n                    ></Input>\n                  </div>\n                </Tooltip>\n\n                <CombinationChartOptionPicker\n                  value={value}\n                  onChange={v => {\n                    handleFieldChange(fieldName, v)\n                  }}\n                />\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    ),\n    [value, options]\n  )\n}\n\nGroupFieldConfigPicker.displayName = 'GroupFieldConfigPicker'\n\nexport default GroupFieldConfigPicker\n"],"names":["value"],"mappings":";;;;;;;;AAQA,MAAM,gBAAgB;AAEtB,MAAM,QAAmB,CAAC;AAYb,MAAA,yBAAyB,CAAK,UAA0C;AACnF,QAAM,EAAE,OAAO,WAAW,UAAU,MAAiB,IAAA;AAErD,QAAM,CAAC,QAAQ,OAAkD,QAAQ,IACvE,qBAA8D,KAAK;AAE/D,QAAA,gBAAgB,cAAc,CAAC,QAAW;AAC1C,QAAA,SAAS,SAAS,IAAI,KAAK,CAAK,MAAA,EAAE,UAAU,GAAG;AAC5C,WAAA,QAAQ,MAAM,SAAS;AAAA,EAAA,CAC/B;AAED,QAAM,oBAAoB,cAAc,CAAC,KAAQ,WAAmC;AAClF,QAAI,UAAU,CAAC,GAAI,SAAS,EAAG;AAC/B,QAAI,QAAQ,QAAQ,KAAK,CAAK,MAAA,EAAE,UAAU,GAAG;AAC7C,QAAI,OAAO;AACT,YAAM,SAAS;AAAA,IAAA,OACV;AACL,cAAQ,KAAK,EAAE,OAAO,KAAK,QAAQ;AAAA,IAAA;AAErC,aAAS,OAAO;AAChB;AAAA,EAAA,CACD;AAGD,YAAU,MAAM;AACV,SAAA,mCAAS,UAAS,GAAG;AACnB,UAAA,UAAmD,QAAQ,IAAI,CAAK,MAAA;AAC/D,eAAA;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,YACN,WAAW,UAAU,UAAU;AAAA,YAC/B,UAAU;AAAA,YACV,GAAI,cAAc,CAAC,KAAK,CAAA;AAAA,UAAC;AAAA,QAE7B;AAAA,MAAA,CACD;AACD,eAAS,OAAO;AAAA,IAAA;AAAA,EAClB,GACC,CAAC,OAAO,CAAC;AAEL,SAAA;AAAA,IACL,0BACG,OAAI,EAAA,WAAW,KAAK,WAAW,OAAO,GAAG,aAAa,EAAE,CAAC,GAAG,OAC3D,8BAAC,OACG,EAAA,YAAA,+BAAO,YAAW,CAAC,GAAG,IAAI,CAAa,cAAA;AACnC,UAAA,MAAM,GAAG,SAAS;AAChBA,YAAAA,SAAQ,cAAc,SAAS;AAEnC,aAAA,qBAAC,SAAI,WAAW,KAAK,OAAO,GAAG,aAAa,QAAQ,CAAC,GACnD,UAAA;AAAA,QAAA,oBAAC,SAAQ,EAAA,OAAO,KACd,UAAA,oBAAC,OAAI,EAAA,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC,GACpD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,eAAe;AAAA,YAAA;AAAA,UACjB;AAAA,WAEJ,EACF,CAAA;AAAA,QAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAOA;AAAAA,YACP,UAAU,CAAK,MAAA;AACb,gCAAkB,WAAW,CAAC;AAAA,YAAA;AAAA,UAChC;AAAA,QAAA;AAAA,MACF,EAAA,GAnB2D,GAoB7D;AAAA,IAAA,CAEH,GACH,EACF,CAAA;AAAA,IAEF,CAAC,OAAO,OAAO;AAAA,EACjB;AACF;AAEA,uBAAuB,cAAc;"}

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/components/index.module.less.js

@@ -0,0 +1,11 @@
+const styles = {
+  "combination-chart-option": "_combination-chart-option_1cwba_1",
+  "group-field-config-picker": "_group-field-config-picker_1cwba_11",
+  "group-field-config-picker__title": "_group-field-config-picker__title_1cwba_14",
+  "group-field-config-picker__item": "_group-field-config-picker__item_1cwba_18",
+  "group-field-config-picker__input": "_group-field-config-picker__input_1cwba_23"
+};
+export {
+  styles as default
+};
+//# sourceMappingURL=index.module.less.js.map

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

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

package/es/dashboard-workbench/components/add-module-modal/add-chart-modal/config.d.ts

@@ -0,0 +1,14 @@
+import { DisplayRange } from './interface';
+export declare const useChartTypeOption: () => {
+    label: string;
+    value: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+}[];
+export declare const useTimeGroupIntervalOption: () => {
+    label: string;
+    value: string;
+}[];
+export declare const useDisplayRangeOption: () => {
+    label: string;
+    value: DisplayRange;
+}[];

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

@@ -0,0 +1,153 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import SvgComponent from "../../../icon/icon-chart-combination.js";
+import IconBar from "../../../icon/icon-bar.js";
+import IconBarPercentage from "../../../icon/icon-bar-percentage.js";
+import IconBarPile from "../../../icon/icon-bar-pile.js";
+import IconLine from "../../../icon/icon-line.js";
+import IconLineSmooth from "../../../icon/icon-line-smooth.js";
+import IconPie from "../../../icon/icon-pie.js";
+import IconPieCircular from "../../../icon/icon-pie-circular.js";
+import IconStripBar from "../../../icon/icon-strip-bar.js";
+import IconStripBarPercentage from "../../../icon/icon-strip-bar-percentage.js";
+import IconStripBarPile from "../../../icon/icon-strip-bar-pile.js";
+import { ChartType, DisplayRange } from "./interface.js";
+const useChartTypeOption = () => {
+  const { t, i18n } = useTranslation();
+  const ret = useMemo(() => {
+    return [
+      {
+        label: t("chart.t2"),
+        value: "chart-bar",
+        icon: /* @__PURE__ */ jsx(IconBar, {})
+      },
+      {
+        label: t("chart.t3"),
+        value: "chart-bar-pile",
+        icon: /* @__PURE__ */ jsx(IconBarPile, {})
+      },
+      {
+        label: t("chart.t4"),
+        value: "chart-bar-percentage",
+        icon: /* @__PURE__ */ jsx(IconBarPercentage, {})
+      },
+      {
+        label: t("chart.t5"),
+        value: "chart-strip-bar",
+        icon: /* @__PURE__ */ jsx(IconStripBar, {})
+      },
+      {
+        label: t("chart.t6"),
+        value: "chart-strip-bar-pile",
+        icon: /* @__PURE__ */ jsx(IconStripBarPile, {})
+      },
+      {
+        label: t("chart.t7"),
+        value: "chart-strip-bar-percentage",
+        icon: /* @__PURE__ */ jsx(IconStripBarPercentage, {})
+      },
+      {
+        label: t("chart.t8"),
+        value: "chart-line",
+        icon: /* @__PURE__ */ jsx(IconLine, {})
+      },
+      {
+        label: t("chart.t9"),
+        value: "chart-line-smooth",
+        icon: /* @__PURE__ */ jsx(IconLineSmooth, {})
+      },
+      {
+        label: t("chart.t10"),
+        value: "chart-pie",
+        icon: /* @__PURE__ */ jsx(IconPie, {})
+      },
+      {
+        label: t("chart.t11"),
+        value: "chart-pie-circular",
+        icon: /* @__PURE__ */ jsx(IconPieCircular, {})
+      },
+      {
+        label: t("chart._t12"),
+        value: ChartType["chartCombination"],
+        //  icon: <IconPieCircular />,
+        icon: /* @__PURE__ */ jsx(SvgComponent, {})
+      }
+    ];
+  }, [i18n.language]);
+  return ret;
+};
+const useTimeGroupIntervalOption = () => {
+  const { t, i18n } = useTranslation();
+  const ret = useMemo(() => {
+    return [
+      {
+        label: t("chart.t40"),
+        value: "day"
+      },
+      {
+        label: t("chart.t41"),
+        value: "week"
+      },
+      {
+        label: t("chart.t42"),
+        value: "month"
+      },
+      {
+        label: t("chart.t43"),
+        value: "year"
+      }
+    ];
+  }, [i18n.language]);
+  return ret;
+};
+const useDisplayRangeOption = () => {
+  const { t, i18n } = useTranslation();
+  const ret = useMemo(() => {
+    return [
+      {
+        label: t("displayRange.all", "ALL"),
+        value: DisplayRange["ALL"]
+      },
+      {
+        label: t("displayRange.top5", "TOP5"),
+        value: DisplayRange["TOP5"]
+      },
+      {
+        label: t("displayRange.top10", "TOP10"),
+        value: DisplayRange["TOP10"]
+      },
+      {
+        label: t("displayRange.top20", "TOP20"),
+        value: DisplayRange["TOP20"]
+      },
+      {
+        label: t("displayRange.top30", "TOP30"),
+        value: DisplayRange["TOP30"]
+      },
+      {
+        label: t("displayRange.bottom5", "BOTTOM5"),
+        value: DisplayRange["BOTTOM5"]
+      },
+      {
+        label: t("displayRange.bottom10", "BOTTOM10"),
+        value: DisplayRange["BOTTOM10"]
+      },
+      {
+        label: t("displayRange.bottom20", "BOTTOM20"),
+        value: DisplayRange["BOTTOM20"]
+      },
+      {
+        label: t("displayRange.bottom30", "BOTTOM30"),
+        value: DisplayRange["BOTTOM30"]
+      }
+    ];
+  }, [i18n.language]);
+  return ret;
+};
+export {
+  useChartTypeOption,
+  useDisplayRangeOption,
+  useTimeGroupIntervalOption
+};
+//# sourceMappingURL=config.js.map